Universal Design for Touch

30
Universal Design for Touch Creating inclusive touch experiences Katja Forbes | @inclusiveUX 29 th August 2013

description

The touch device landscape is diverse, fast paced and changing every week, providing new challenges to designers with each new incarnation of device or operating system. But there’s more to challenge designers… thinking about inclusion of people who may have visual, cognitive, hearing, motor or speech impairments…or some of all of them due to age. So what do we mean when we say “designing for all” in the world of touch devices, what makes it so darn hard to do and how can we create user experiences that are inclusive for this hugely diverse group of people? This presentation will explore: - What is “universal design” in the context of the touch device landscape - What universal touch design strategies work and why - Cool tech: There are some really interesting new technologies being developed – for example buttons that appear and disappear on phone surfaces as needed for visually impaired users, new gestural tech such as Myo Gesture control and speech recognition. - Practical how to: The examples of how to create an inclusive design for touch with real world applications.

Transcript of Universal Design for Touch

Page 1: Universal Design for Touch

Universal Design for Touch

Creating inclusive touch experiences

Katja Forbes | @inclusiveUX29th August 2013

Page 2: Universal Design for Touch

@inclusiveux

What do we mean by ‘universal design’?

People using touch devices are as diverse as the devices themselves

There are easy things you can do to make a touch experience universal & inclusive

Look at some new things coming up in the future!

4 things in 20 minutes

Page 3: Universal Design for Touch

@inclusiveux

Universal design is the concept of designing all products and the built environment to be aesthetic and usable to the greatest extent possible by everyone, regardless of their age, ability, or status in life

- Wikipedia

Page 4: Universal Design for Touch

@inclusiveux

Q Drum

image: http://www.qdrum.co.za/

‘Reinventing the wheel…’

Page 5: Universal Design for Touch

@inclusiveux

1. Equitable use

2. Flexibility in use

3. Simple and intuitive

4. Perceptible information

5. Tolerance for error

6. Low physical effort

7. Size and space for approach and use

- Center for Universal Design at North Carolina State University

Universal Design Principles

Page 6: Universal Design for Touch

@inclusiveux

There is nothing that you can do on the iPhone or iPad that I can’t do

Page 7: Universal Design for Touch

@inclusiveux

Mr Stevie Wonder

Image: http://wallpapers.fansshare.com/gallery/photos/11169484/stevie-wonder/

Page 8: Universal Design for Touch

@inclusiveux

Our Australian population is aging.

Our respected elders (people aged 65 to 84 years) are expected to more than double between now and 2050

Our really venerated elders (people 85 and over) is expected to more than quadruple

Older people are most likely going to have to manage with a bit of all the disabilities

Respect our elders

Page 9: Universal Design for Touch

@inclusiveux

Mobile, by definition, is disabling. Poor light, small keyboards, glare, touch, etc.

– Henny Swan, Senior Accessibility Specialist, BBC

Page 10: Universal Design for Touch

@inclusiveux

Ommmmm…..

…from bradfrostweb.com

Page 11: Universal Design for Touch

@inclusiveux

If we try to design for all these different operating systems then we just end up designing for mobile diversity, not for inclusion.

Design for the human capabilities, not the device

Focus on inclusion and people

Page 12: Universal Design for Touch

@inclusiveux

There is no Mobile Web.

There is only The Web, which we view in different ways. There is also no Desktop Web.

Or Tablet Web.

Thank you.– Stephen Hay

Page 13: Universal Design for Touch

@inclusiveux

A well-executed responsive design should solve a lot of our challenges.

If a website is already inclusive via the desktop then it’s most likely to be touch friendly as well.

Responsive design is the very definition of ‘flexible in use’

Responsive design is #1

Flexible

Page 14: Universal Design for Touch

@inclusiveux

An app or site is not a book

People listen to enough to orientate themselves and then move on.

There are different modes

Not just for visually impaired. People with dyslexia also use text to speech to read digital written content.

Think about text to speech

Page 15: Universal Design for Touch

@inclusiveux

The language used in labeling is really important.

Don’t be bossy.

Don’t double up.

Design with text to speech in mind

PerceptibleLow

Physical Effort

Equitable

Page 16: Universal Design for Touch

@inclusiveux

Inform events in multiple ways.

Don’t just have one way of achieving a task

There’s more than one way to do things

PerceptibleLow

Physical Effort

Equitable Simple & Intuitive

Tolerance for error

Page 17: Universal Design for Touch

@inclusiveux

There is a lot of video available on mobile and its one of the most consumed types of content.

People who are deaf or have hearing loss want to access all this content accessibly, which is tough on mobile devices.

Mobile video? Make sure its captioned

PerceptibleEquitable

Page 18: Universal Design for Touch

@inclusiveux

Make sure the touch targets are big enough for people with dexterity challenges.

Allow tolerance for error.

Use alternate methods to input information & exploit device capabilities

Supporting dexterity challenges

FlexibleLow

Physical Effort

Equitable Simple & Intuitive

Tolerance for errorSize

Page 19: Universal Design for Touch

@inclusiveux

The less choices, the less movements required to make them.

Remember choices the person has made before.

Choose smart defaults

Low Physical

EffortEquitable

Simple & Intuitive

Page 20: Universal Design for Touch

@inclusiveux

If you have a smart phone, you have a screen reader. Test your designs. There is no excuse.

Test with real people who have real impairments

Test, test, test

Page 21: Universal Design for Touch

@inclusiveux

Open MI Tours from ACE

Open MI tours replaces the museum or gallery audio guide with a smartphone app.

Leverages existing technology

It delivers audio, audio and captions, Audio Description, Auslan and foreign languages.

Page 22: Universal Design for Touch

@inclusiveux

1. Open the app download content

2. Choose your venue

3. Go to scan mode

Page 23: Universal Design for Touch

@inclusiveux

4. Tap play when the image is recognised

5. You content is played in the format you’ve selected

Page 24: Universal Design for Touch

@inclusiveux

This design benefits…

The 1 in 6 Australians who have some level of hearing loss

The 1.2 million Australians who are blind or have a vision impairment

International tourists and people for whom English is their second language

ChildrenActually…..all visitors!

Page 25: Universal Design for Touch

@inclusiveux

Haptics

Apple’s ‘multiple motor patent’

Tactus technology ‘disappearing buttons’

The Future…for touch

Page 26: Universal Design for Touch

@inclusiveuximages: http://www.news.com.au/technology/tablets/ces-2013-touch-screen-creators-invent-disappearing-buttons-for-tablets/story-fn6vigfp-1226553779581

Now you feel them…

Page 27: Universal Design for Touch

@inclusiveux

The Future…might not even be touch

MYO

Leap Motion

images: http://www.geek.tv

Page 28: Universal Design for Touch

@inclusiveux

Google glass

“OK….”

Just the natural progression of interfaces?

Screen-less?

Page 29: Universal Design for Touch

@inclusiveux

Universal design benefits…EVERYBODY!

The mobile landscape is extremely diverse and complex to navigate

We have to stay focused on inclusion, not mobile diversity

The future of our touch devices is awesomely uncertain. GET EXCITED!

So, to sum up…

Page 30: Universal Design for Touch

@inclusiveux

Thank [email protected]

@inclusiveux