how to design and develop in an inclusive way€¦ · how to design and develop in an inclusive...
TRANSCRIPT
Chris BushHead of Experience Design-
@suthen @wearesigma
How to design and develop
in an inclusive way
Thinking about accessibility
1 in 7
1 BillionPeople with long term disability worldwide
20%11.2 MillionPeople has some type
of disability in the U.K.
Everyone has challenges
► Disability is more common than you may imagine.
► We will all experience disability at some point.
► By the age of 45 most of us will need glasses -
glasses are considered as an assistive tech.
► Yet many websites do not support dynamic text.
► Many on iPhone use 'Large Text,' many apps are
still not compatible.
Acquiring a disability ≠
being born with a disability
► Molly was born deaf but sighted and then lost
vision.
► Molly is now registered blind however still rely on
the remaining vision I have left (5% in one eye)
► Many think if you are blind you use auditory tech
► Being born blind if different to being born sighted.
► Only 5% of blind people have no useful sight.
► The rest have some, however not completely
useful.
So, what is the best way to think about
designing for inclusion?
Exemplar examples of
inclusive design
are formed from
user needs
not just compliance
What’s wrong
with this
picture?
Designing for extremes
Vision
Ability to see, or
process visual
information
Hearing
Ability to hear, or
process acoustic
information
Motor
Ability to interact
with a device
accurately and
quickly
Cognitive
Ability in mentally
demanding areas;
reading, memory,
attention, complex
concepts or language
Types of impairment
Vision
Blindness,
low vision &
colour blindness
Hearing
Hearing loss
Motor
Dyspraxia,
RSI, arthritis
and
cerebral palsy
Cognitive
Down’s syndrome,
Asperger’s and
dyslexia, learning
difficulties
Types of impairment – long term
Vision
Forgot my glasses
Glare when using a
device in bright
sunlight
Hearing
Communication
within a noisy
environment
Motor
Temporary injury
such as a broken
wrist
Carrying a child
Cognitive
Medication,
Tiredness, Stress,
Hangover :D
Types of impairment – temporary & situational
Let’s normalise inclusive design
When we get it right, it’s invisible
Zoom on devices
Captions in videos
A lot of the issues we discover
from users of assistive technology
are usability issues
What can you do to make your products
more inclusive?
Consider colour and contrast
ChromeLens
to the rescue
2.7 million
people in the
UK are colour
blind
Design hit areas to be easy to click or tap
Standard
touch size of
7-10mm
Provide
3-5mm
inactive space
around
elements
Design for comfort
iPhone 4
Design for comfort
iPhone 4 iPhone 5 iPhone 6 iPhone 6+
Design for comfort
iPhone 4 iPhone 5 iPhone 6 iPhone 6+
Design for readability
Clear
visual
hierarchy
Headings,
headings,
headings
10-15
words on a
line
Reading age
of 11-12 years is
generally good
practice
Braille Institute: VisionSim
Help users fix errors
Show;
What the error is,
Where the error is,
and
How to solve it
Think carefully before using custom controls
Custom
controls can
be very
empowering
or very
prohibitive
.
Design for the full spectrum of your users
.
Can you find any black holes?
Content can
be hidden if
you do not
use A tags for
actions
Why inclusive design really matters
Everyone will experience a real need for
inclusive services at least once in their
lives.
Consider everyone's journey.
Chris Bush
Head of Experience Design
@wearesigma @suthen
Thank you.
Prepared by Sigma: Putting users at the heart of our solutions delivers better products to a happier audience
www.wearesigma.com
Prepared by Sigma: Putting users at the heart of our solutions delivers better products to a happier audience
www.wearesigma.com