universal design for touch
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
![Page 1: Universal Design for Touch](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/1.jpg)
Universal Design for Touch
Creating inclusive touch experiences
Katja Forbes | @inclusiveUX29th August 2013
![Page 2: Universal Design for Touch](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/2.jpg)
@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](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/3.jpg)
@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](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/4.jpg)
@inclusiveux
Q Drum
image: http://www.qdrum.co.za/
‘Reinventing the wheel…’
![Page 5: Universal Design for Touch](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/5.jpg)
@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](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/6.jpg)
@inclusiveux
There is nothing that you can do on the iPhone or iPad that I can’t do
“
”
![Page 7: Universal Design for Touch](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/7.jpg)
@inclusiveux
Mr Stevie Wonder
Image: http://wallpapers.fansshare.com/gallery/photos/11169484/stevie-wonder/
![Page 8: Universal Design for Touch](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/8.jpg)
@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](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/9.jpg)
@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](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/10.jpg)
@inclusiveux
Ommmmm…..
…from bradfrostweb.com
![Page 11: Universal Design for Touch](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/11.jpg)
@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](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/12.jpg)
@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](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/13.jpg)
@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](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/14.jpg)
@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](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/15.jpg)
@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](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/16.jpg)
@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](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/17.jpg)
@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](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/18.jpg)
@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](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/19.jpg)
@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](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/20.jpg)
@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](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/21.jpg)
@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](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/22.jpg)
@inclusiveux
1. Open the app download content
2. Choose your venue
3. Go to scan mode
![Page 23: Universal Design for Touch](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/23.jpg)
@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](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/24.jpg)
@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](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/25.jpg)
@inclusiveux
Haptics
Apple’s ‘multiple motor patent’
Tactus technology ‘disappearing buttons’
The Future…for touch
![Page 26: Universal Design for Touch](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/26.jpg)
@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](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/27.jpg)
@inclusiveux
The Future…might not even be touch
MYO
Leap Motion
images: http://www.geek.tv
![Page 28: Universal Design for Touch](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/28.jpg)
@inclusiveux
Google glass
“OK….”
Just the natural progression of interfaces?
Screen-less?
![Page 29: Universal Design for Touch](https://reader036.vdocuments.net/reader036/viewer/2022081519/55630eced8b42a4b1d8b54ba/html5/thumbnails/29.jpg)
@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…