how to design and develop in an inclusive way€¦ · how to design and develop in an inclusive...

36
Chris Bush Head of Experience Design - @suthen @wearesigma How to design and develop in an inclusive way

Upload: others

Post on 20-Jul-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

Chris BushHead of Experience Design-

@suthen @wearesigma

How to design and develop

in an inclusive way

Page 2: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

Thinking about accessibility

Page 3: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

1 in 7

1 BillionPeople with long term disability worldwide

Page 4: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

20%11.2 MillionPeople has some type

of disability in the U.K.

Page 5: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

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.

Page 6: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

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.

Page 7: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

So, what is the best way to think about

designing for inclusion?

Page 8: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

Exemplar examples of

inclusive design

are formed from

user needs

not just compliance

Page 9: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

What’s wrong

with this

picture?

Page 10: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

Designing for extremes

Page 11: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability
Page 12: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

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

Page 13: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

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

Page 14: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

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

Page 15: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability
Page 16: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

Let’s normalise inclusive design

Page 17: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

When we get it right, it’s invisible

Page 18: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

Zoom on devices

Page 19: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

Captions in videos

Page 20: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

A lot of the issues we discover

from users of assistive technology

are usability issues

Page 21: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

What can you do to make your products

more inclusive?

Page 22: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

Consider colour and contrast

ChromeLens

to the rescue

2.7 million

people in the

UK are colour

blind

Page 23: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

Design hit areas to be easy to click or tap

Standard

touch size of

7-10mm

Provide

3-5mm

inactive space

around

elements

Page 24: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

Design for comfort

iPhone 4

Page 25: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

Design for comfort

iPhone 4 iPhone 5 iPhone 6 iPhone 6+

Page 26: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

Design for comfort

iPhone 4 iPhone 5 iPhone 6 iPhone 6+

Page 27: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

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

Page 28: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

Braille Institute: VisionSim

Page 29: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

Help users fix errors

Show;

What the error is,

Where the error is,

and

How to solve it

Page 30: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

Think carefully before using custom controls

Custom

controls can

be very

empowering

or very

prohibitive

Page 31: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

.

Design for the full spectrum of your users

Page 32: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

.

Can you find any black holes?

Content can

be hidden if

you do not

use A tags for

actions

Page 33: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

Why inclusive design really matters

Page 34: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

Everyone will experience a real need for

inclusive services at least once in their

lives.

Consider everyone's journey.

Page 35: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

Chris Bush

Head of Experience Design

@wearesigma @suthen

Thank you.

Page 36: How to design and develop in an inclusive way€¦ · How to design and develop in an inclusive way. Thinking about accessibility. 1 in 7 1 Billion People with long term disability

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