SlideShare a Scribd company logo
Welcome to
@austindesignweek
@atxdesignweek
#ADW19 #MakeSpace
BEYOND ACCESSIBILITY:
Designing Inclusive Content
Sponsors
Champion Amplify
Sustain
Design-a-Thon
Community Partners
Definitions
Web accessibility means that websites,
tools, and technologies are designed and
developed so that people with disabilities
can use them. 
— Web Accessibility Initiative (w3.org)
Design that considers the full range of
human diversity with respect to ability,
language, culture, gender, age and other
forms of human difference.
— Inclusive Design Research Centre
Accessibility asks,
“Can someone use,
interact with,
perceive, or
understand this?”
Inclusivity asks,
“How will this make
someone feel?
Could this hurt or
alienate anyone?”
What’s the difference?
Why should organizations
care?
Misconception: Reality:
Source: Microsoft survey, 2003
Everyone else
Disabled users
Misconception: Reality:
Everyone else
• Blind and deaf users
• Users in wheelchairs
• Vision (blind, partially blind, sun spots, color blindness, near
sightedness, light sensitivity, etc.)
• Hearing (deaf, partially deaf, sensitive to noise)
• Cognitive (i.e. autism spectrum)
• Learning disabilities (i.e. dyslexia)
• Non-native language speakers
• Anxiety, depression, PTSD, any other mental health condition
• Sleep deprivation, stress
• Environmental/contextual stressors
• Neurological disorders (i.e. migraine)
• Trauma survivors
• Temporary injuries or physical limitations
• Marginalized communities
[Incomplete list]
The cost of untested
assumptions
Example: Convert Kit rebrand
Everyone else
Everyone else
• $500K in “hard costs”
• Two years of work
• Website redesign
• Product redesign
• Marketing campaigns
Writing for web accessibility
Everyone else
Headers and subheads
• Prioritize important information
• Understandable
• Scannable
Tip: read only your headers and
subheads. Does the content still
make sense?
Hyperlinks and buttons
• Scannable
• Make sense on their own
• Accurate predictions of the action
• Easy to click
Imagine trying to click
on one small word in an
email, on your phone,
while your hands are
full. Such as, click here.
Alternate text, captions, transcripts
• Provide options, like captions and transcripts
• Alt text: ask “how does this image add meaning?” Describe that.
• Don’t keyword-stuff your alt text
• Don’t say, “image of…”
Plain language
• Make content easy to understand
• Everyone benefits from plain language
“It’s not dumbing down,
it’s opening up.”
Sarah Richards, Content Design London
Directional language
• This assumes the user can see perfectly, which
is not accurate. Don’t write like this.
Start Go
Click green to start, and red to go back.
Designing inclusive content
Everyone else
Principles of inclusive content
• Celebrates the broad range of human diversity
• Beyond access. Inclusive content makes people feel welcome.
• Considers the emotional experience of the user
• Accurate and based on evidence
How?
Content is not just writing.
Discovery Research Writing Revision Maintenance
Inclusivity at each stage
Discovery Research Writing Revision Maintenance
Become
aware of
assumptions
and privilege
Diverse users
Varied contexts
User stories >
Personas
Write for
your user
Get feedback
from diverse
user groups
Keep learning
and improving
Activity: Assumption Slam
The Assumption Slam
• We all have assumptions.
• Assumptions = stuff we believe without proof.
• Assumptions are risky when untested or unacknowledged
• Assumption slams acknowledge privilege and assumptions,
and help you create a research plan.
Adapted from talks and blogs by Andy Healy and Julie Booth, Shopfiy
How to do this:
1. List your assumptions
2. Group assumptions
3. Map assumptions
4. Create a research plan
Your mission: inclusive cosmetics brand
The project:
CARA is a cosmetics brand that just got funding. Previously, they
only sold in-person at local markets. They hired you to launch their
online presence, including an eCommerce website and a content
marketing campaign to drive online sales.
Check out your info packet.
List your assumptions
1. I assume my users identify as ________________, ________, ______
2. I assume people want to know _______________
3. I assume people feel _______ when they are shopping
4. I assume the most important audience is _______
5. I assume people are shopping because ________
Group your assumptions
• Assumptions about identity?
• Assumptions about capability?
• Assumptions about environment?
• Assumptions about knowledge or needs?
Make one sticky note for each group.
Map assumptions to inform research
• High risk
• Low risk
• Known
• Unknown
Known Unknown
High risk
Low risk
Make a plan Research!
Distraction
Needs
more
thought
Why does mapping help?
• Bad research = bad content (and design)
• Helps get stakeholder buy in for your research (we don’t know as
much as we thought)
• Acknowledging assumptions and privileges gets us thinking
critically
Last step! Create a research plan
• Qualitative research: answers unknowns (questions) you have
about how people think, feel, or interact with the world.
• Quantitative research: answers unknowns (questions) about what
people do, how often they do it, etc.
Research methods & examples
Qualitative research example user interviews
Offers insight into the words people use, what they think about a
product, or what they believe.
Quantitative research example data analysis
Offers quantifiable evidence of behaviors, such as what percentage
of users are on mobile.
Final thoughts
Inclusive content takeaways
• Assumptions and unrecognized privilege can hurt people
• Inclusive content benefits a lot of people
• Inclusive content has business value and risk
• Not sure? Connect with the people your content is for.
Thank you
for attending
Help us continue to make
Austin Design Week better.
Complete a feedback survey
at the end of the session: 
bit.ly/ADWsurvey

More Related Content

Similar to Beyond Accessibility: Designing Inclusive Content

Requirements Engineering for the Humanities
Requirements Engineering for the HumanitiesRequirements Engineering for the Humanities
Requirements Engineering for the Humanities
Shawn Day
 
HXD 2019: Discovering Unmet Needs and New Solutions with Participatory Design
HXD 2019: Discovering Unmet Needs and New Solutions with Participatory DesignHXD 2019: Discovering Unmet Needs and New Solutions with Participatory Design
HXD 2019: Discovering Unmet Needs and New Solutions with Participatory Design
Jennifer Briselli
 
D school bootcamp bootleg
D school bootcamp bootlegD school bootcamp bootleg
D school bootcamp bootlegCecelia Shao
 
Inclusive design workshop
Inclusive design workshopInclusive design workshop
Inclusive design workshop
Brittany Mederos
 
Discovering Unmet Needs and New Solutions with Participatory Design
Discovering Unmet Needs and New Solutions with Participatory DesignDiscovering Unmet Needs and New Solutions with Participatory Design
Discovering Unmet Needs and New Solutions with Participatory Design
Jennifer Briselli
 
Fluencies
FluenciesFluencies
Fluenciesbgee43
 
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
Jennifer Briselli
 
Dmdh workshop 5 slides
Dmdh   workshop 5 slidesDmdh   workshop 5 slides
Dmdh workshop 5 slidesPaige Morgan
 
Design Thinking Asia Society Texas Center
Design Thinking Asia Society Texas CenterDesign Thinking Asia Society Texas Center
Design Thinking Asia Society Texas Center
Honor Moorman
 
Mad*Pow webinar: Discovering Unmet Needs & New Solutions Through Participator...
Mad*Pow webinar: Discovering Unmet Needs & New Solutions Through Participator...Mad*Pow webinar: Discovering Unmet Needs & New Solutions Through Participator...
Mad*Pow webinar: Discovering Unmet Needs & New Solutions Through Participator...
Mad*Pow
 
MadPow Webinar: Participatory Design - Discovering Unmet Needs & New Solutions
MadPow Webinar: Participatory Design - Discovering Unmet Needs & New SolutionsMadPow Webinar: Participatory Design - Discovering Unmet Needs & New Solutions
MadPow Webinar: Participatory Design - Discovering Unmet Needs & New Solutions
Jennifer Briselli
 
Design Thinking for Bienestar Coalition
Design Thinking for Bienestar CoalitionDesign Thinking for Bienestar Coalition
Design Thinking for Bienestar Coalition
Cindy Royal
 
Methodcards v3-slim (1)
Methodcards v3-slim (1)Methodcards v3-slim (1)
Methodcards v3-slim (1)
luis de jesus rodriguez gutierrez
 
Human-centered design and Design Thinking
Human-centered design and Design ThinkingHuman-centered design and Design Thinking
Human-centered design and Design Thinking
Atsuki Kato
 
Creative Collaborations: Using Design Thinking to Promote Multi-modal Transpo...
Creative Collaborations: Using Design Thinking to Promote Multi-modal Transpo...Creative Collaborations: Using Design Thinking to Promote Multi-modal Transpo...
Creative Collaborations: Using Design Thinking to Promote Multi-modal Transpo...
Project for Public Spaces & National Center for Biking and Walking
 
Is Your Website Trauma-Informed?
Is Your Website Trauma-Informed?Is Your Website Trauma-Informed?
Is Your Website Trauma-Informed?
Melissa Eggleston
 
Unit Summary for Literary Apocalypse
Unit Summary for Literary ApocalypseUnit Summary for Literary Apocalypse
Unit Summary for Literary ApocalypseDr. Aloha Lavina
 
How Product Managers Can Shape Inclusive Futures with UX
How Product Managers Can Shape Inclusive Futures with UXHow Product Managers Can Shape Inclusive Futures with UX
How Product Managers Can Shape Inclusive Futures with UX
Aggregage
 
Hear
HearHear
Hear
NTUST
 
Bootcampbootleg2010v2slim 1
Bootcampbootleg2010v2slim 1Bootcampbootleg2010v2slim 1
Bootcampbootleg2010v2slim 1
ricochet
 

Similar to Beyond Accessibility: Designing Inclusive Content (20)

Requirements Engineering for the Humanities
Requirements Engineering for the HumanitiesRequirements Engineering for the Humanities
Requirements Engineering for the Humanities
 
HXD 2019: Discovering Unmet Needs and New Solutions with Participatory Design
HXD 2019: Discovering Unmet Needs and New Solutions with Participatory DesignHXD 2019: Discovering Unmet Needs and New Solutions with Participatory Design
HXD 2019: Discovering Unmet Needs and New Solutions with Participatory Design
 
D school bootcamp bootleg
D school bootcamp bootlegD school bootcamp bootleg
D school bootcamp bootleg
 
Inclusive design workshop
Inclusive design workshopInclusive design workshop
Inclusive design workshop
 
Discovering Unmet Needs and New Solutions with Participatory Design
Discovering Unmet Needs and New Solutions with Participatory DesignDiscovering Unmet Needs and New Solutions with Participatory Design
Discovering Unmet Needs and New Solutions with Participatory Design
 
Fluencies
FluenciesFluencies
Fluencies
 
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
(Socially Distanced) Participatory Design - Discovering Unmet Needs & New Sol...
 
Dmdh workshop 5 slides
Dmdh   workshop 5 slidesDmdh   workshop 5 slides
Dmdh workshop 5 slides
 
Design Thinking Asia Society Texas Center
Design Thinking Asia Society Texas CenterDesign Thinking Asia Society Texas Center
Design Thinking Asia Society Texas Center
 
Mad*Pow webinar: Discovering Unmet Needs & New Solutions Through Participator...
Mad*Pow webinar: Discovering Unmet Needs & New Solutions Through Participator...Mad*Pow webinar: Discovering Unmet Needs & New Solutions Through Participator...
Mad*Pow webinar: Discovering Unmet Needs & New Solutions Through Participator...
 
MadPow Webinar: Participatory Design - Discovering Unmet Needs & New Solutions
MadPow Webinar: Participatory Design - Discovering Unmet Needs & New SolutionsMadPow Webinar: Participatory Design - Discovering Unmet Needs & New Solutions
MadPow Webinar: Participatory Design - Discovering Unmet Needs & New Solutions
 
Design Thinking for Bienestar Coalition
Design Thinking for Bienestar CoalitionDesign Thinking for Bienestar Coalition
Design Thinking for Bienestar Coalition
 
Methodcards v3-slim (1)
Methodcards v3-slim (1)Methodcards v3-slim (1)
Methodcards v3-slim (1)
 
Human-centered design and Design Thinking
Human-centered design and Design ThinkingHuman-centered design and Design Thinking
Human-centered design and Design Thinking
 
Creative Collaborations: Using Design Thinking to Promote Multi-modal Transpo...
Creative Collaborations: Using Design Thinking to Promote Multi-modal Transpo...Creative Collaborations: Using Design Thinking to Promote Multi-modal Transpo...
Creative Collaborations: Using Design Thinking to Promote Multi-modal Transpo...
 
Is Your Website Trauma-Informed?
Is Your Website Trauma-Informed?Is Your Website Trauma-Informed?
Is Your Website Trauma-Informed?
 
Unit Summary for Literary Apocalypse
Unit Summary for Literary ApocalypseUnit Summary for Literary Apocalypse
Unit Summary for Literary Apocalypse
 
How Product Managers Can Shape Inclusive Futures with UX
How Product Managers Can Shape Inclusive Futures with UXHow Product Managers Can Shape Inclusive Futures with UX
How Product Managers Can Shape Inclusive Futures with UX
 
Hear
HearHear
Hear
 
Bootcampbootleg2010v2slim 1
Bootcampbootleg2010v2slim 1Bootcampbootleg2010v2slim 1
Bootcampbootleg2010v2slim 1
 

Recently uploaded

一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
h7j5io0
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
ameli25062005
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Mansi Shah
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Knight Moves
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
708pb191
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
Hess9
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
184804
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
Design-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service DeliveryDesign-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service Delivery
farhanaslam79
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
fabianavillanib
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
Techno Merch
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 

Recently uploaded (20)

一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
 
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
一比一原版(UAL毕业证书)伦敦艺术大学毕业证成绩单如何办理
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
Moldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo espMoldes de letra 3D Alfabeto completo esp
Moldes de letra 3D Alfabeto completo esp
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
Design-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service DeliveryDesign-Thinking-eBook for Public Service Delivery
Design-Thinking-eBook for Public Service Delivery
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 

Beyond Accessibility: Designing Inclusive Content

  • 5. Web accessibility means that websites, tools, and technologies are designed and developed so that people with disabilities can use them.  — Web Accessibility Initiative (w3.org)
  • 6. Design that considers the full range of human diversity with respect to ability, language, culture, gender, age and other forms of human difference. — Inclusive Design Research Centre
  • 7. Accessibility asks, “Can someone use, interact with, perceive, or understand this?” Inclusivity asks, “How will this make someone feel? Could this hurt or alienate anyone?” What’s the difference?
  • 9. Misconception: Reality: Source: Microsoft survey, 2003 Everyone else Disabled users
  • 10. Misconception: Reality: Everyone else • Blind and deaf users • Users in wheelchairs • Vision (blind, partially blind, sun spots, color blindness, near sightedness, light sensitivity, etc.) • Hearing (deaf, partially deaf, sensitive to noise) • Cognitive (i.e. autism spectrum) • Learning disabilities (i.e. dyslexia) • Non-native language speakers • Anxiety, depression, PTSD, any other mental health condition • Sleep deprivation, stress • Environmental/contextual stressors • Neurological disorders (i.e. migraine) • Trauma survivors • Temporary injuries or physical limitations • Marginalized communities [Incomplete list]
  • 11.
  • 12. The cost of untested assumptions
  • 13. Example: Convert Kit rebrand Everyone else
  • 14. Everyone else • $500K in “hard costs” • Two years of work • Website redesign • Product redesign • Marketing campaigns
  • 15. Writing for web accessibility
  • 16. Everyone else Headers and subheads • Prioritize important information • Understandable • Scannable Tip: read only your headers and subheads. Does the content still make sense?
  • 17. Hyperlinks and buttons • Scannable • Make sense on their own • Accurate predictions of the action • Easy to click Imagine trying to click on one small word in an email, on your phone, while your hands are full. Such as, click here.
  • 18. Alternate text, captions, transcripts • Provide options, like captions and transcripts • Alt text: ask “how does this image add meaning?” Describe that. • Don’t keyword-stuff your alt text • Don’t say, “image of…”
  • 19. Plain language • Make content easy to understand • Everyone benefits from plain language “It’s not dumbing down, it’s opening up.” Sarah Richards, Content Design London
  • 20. Directional language • This assumes the user can see perfectly, which is not accurate. Don’t write like this. Start Go Click green to start, and red to go back.
  • 22. Everyone else Principles of inclusive content • Celebrates the broad range of human diversity • Beyond access. Inclusive content makes people feel welcome. • Considers the emotional experience of the user • Accurate and based on evidence How?
  • 23. Content is not just writing. Discovery Research Writing Revision Maintenance
  • 24. Inclusivity at each stage Discovery Research Writing Revision Maintenance Become aware of assumptions and privilege Diverse users Varied contexts User stories > Personas Write for your user Get feedback from diverse user groups Keep learning and improving
  • 26. The Assumption Slam • We all have assumptions. • Assumptions = stuff we believe without proof. • Assumptions are risky when untested or unacknowledged • Assumption slams acknowledge privilege and assumptions, and help you create a research plan. Adapted from talks and blogs by Andy Healy and Julie Booth, Shopfiy
  • 27. How to do this: 1. List your assumptions 2. Group assumptions 3. Map assumptions 4. Create a research plan
  • 28. Your mission: inclusive cosmetics brand The project: CARA is a cosmetics brand that just got funding. Previously, they only sold in-person at local markets. They hired you to launch their online presence, including an eCommerce website and a content marketing campaign to drive online sales. Check out your info packet.
  • 29. List your assumptions 1. I assume my users identify as ________________, ________, ______ 2. I assume people want to know _______________ 3. I assume people feel _______ when they are shopping 4. I assume the most important audience is _______ 5. I assume people are shopping because ________
  • 30. Group your assumptions • Assumptions about identity? • Assumptions about capability? • Assumptions about environment? • Assumptions about knowledge or needs? Make one sticky note for each group.
  • 31. Map assumptions to inform research • High risk • Low risk • Known • Unknown Known Unknown High risk Low risk Make a plan Research! Distraction Needs more thought
  • 32. Why does mapping help? • Bad research = bad content (and design) • Helps get stakeholder buy in for your research (we don’t know as much as we thought) • Acknowledging assumptions and privileges gets us thinking critically
  • 33. Last step! Create a research plan • Qualitative research: answers unknowns (questions) you have about how people think, feel, or interact with the world. • Quantitative research: answers unknowns (questions) about what people do, how often they do it, etc.
  • 34. Research methods & examples Qualitative research example user interviews Offers insight into the words people use, what they think about a product, or what they believe. Quantitative research example data analysis Offers quantifiable evidence of behaviors, such as what percentage of users are on mobile.
  • 36. Inclusive content takeaways • Assumptions and unrecognized privilege can hurt people • Inclusive content benefits a lot of people • Inclusive content has business value and risk • Not sure? Connect with the people your content is for.
  • 37. Thank you for attending Help us continue to make Austin Design Week better. Complete a feedback survey at the end of the session:  bit.ly/ADWsurvey