designing for inclusions helps everyone bryce johnson - infocamp 2012
DESCRIPTION
Here is the talk I gave at Infocamp 2012. I hope that it is helpful. I will try to add more notes soon.TRANSCRIPT
Designing for Inclusions helps everyone :: Bryce Johnson :: Infocamp 2012
Accessibility Camp Seattle
Even I feel like this some of the time
Inclusive Design
The design of mainstream products and
services that are accessible to, and usable by, as
many people as reasonably possible ... without
the need for special adaptation or specialized
design.
No one wants an old people phone
Disability by class and situation
CATEGORY INCLUDES (BUT IS NOT LIMITED TO)... SITUATIONAL
Vision Low vision, blindness, Myopia,
colorblindness, Glaucoma, Macular
Degeneration, Cataracts
Zooming in to a webpage on your
phone while you are in direct sunlight
Movement Paralysis, tremors, missing or loss of
limb, weakness
Trying to click a target that is too small
on a phone while riding a bumpy bus
Hearing Hard of hearing, deafness Riding an airplane wearing loose
earphones
Watching TV in a noisy bar or gym
Cognitive, reading,
and learning
Dyslexia, ADHD, low reading level,
Stroke, Autism
Search engines, international or young
readers
Adapted from Universal Design for Web Applications by Wendy Chisholm and Matt May
In 2012 the average
game player age
was 37 years old, up
from 30 years old in
1995.
The average age of
the most frequent
game purchaser is
41 years old.
29% of gamers were
50 years or older in
2011.
MOVEMENT
Movement
• Optimize the Flow Order
• Be aware of Focus Handling & Context Switching
• Create multi-modal experiences
HEARING
Hearing
• Provide Captions
• Don’t use audio only indicators
• Create multi-modal experiences
VISION
Vision
• Design with adequate color contrast
• Allow users to increase text size and zoom into the UI
• Optimize the flow order
• Be aware of focus handling & context switching
• Provide descriptive labels, appropriate metadata and alternative
descriptions
• Create multi-modal experiences
• Provide descriptive audio for videos
COGNITIVE & LEARNING
Cognitive, reading, and learning
• Indicate progress – reminders, progress bars, label each step
• Help recover from errors – Defensive Design, clear error
messages
• Be Consistent
• Avoid distractions during tasks
• Create multi-modal experiences
• Plain language
ThanksBryce Johnson | @brycej
Disability by class and situation
CATEGORY INCLUDES (BUT IS NOT LIMITED TO)... SITUATIONAL
Movement Paralysis, tremors, missing or loss of
limb, weakness
Trying to click a target that is too small
on a phone while riding a bumpy bus
Hearing Hard of hearing, deafness Riding an airplane wearing loose
earphones
Watching TV in a noisy bar or gym
Vision Low vision, blindness, Myopia,
colorblindness, Glaucoma, Macular
Degeneration, Cataracts
Zooming in to a webpage on your
phone while you are in direct sunlight
Cognitive, reading,
and learning
Dyslexia, ADHD, low reading level,
Stroke, Autism
Search engines, international or young
readers
Adapted from Universal Design for Web Applications by Wendy Chisholm and Matt May