Universal Design
for Touch
Creating inclusive touch
experiences
Katja Forbes | @inclusiveUX
29th August 2013
4 things in 20 minutes
 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!
@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

@inclusiveux
Q Drum

‘Reinventing the wheel…’
image: http://www.qdrum.co.za/

@inclusiveux
Universal Design Principles
1.
2.
3.
4.
5.
6.
7.

Equitable use
Flexibility in use
Simple and intuitive
Perceptible information
Tolerance for error
Low physical effort
Size and space for approach and use
- Center for Universal Design at North Carolina State
University
@inclusiveux
“

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

”

@inclusiveux
Mr Stevie Wonder

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

@inclusiveux
Respect our elders
 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
@inclusiveux
“

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

”

– Henny Swan, Senior Accessibility Specialist, BBC

@inclusiveux
Ommmmm…..

…from bradfrostweb.com

@inclusiveux
Focus on inclusion and people
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

@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
@inclusiveux
Responsive design is #1
 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‟
Flexible
@inclusiveux
Think about text to speech
 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.
@inclusiveux
Design with text to speech in mind
The language used in labeling is really
important.
Don‟t be bossy.
Don‟t double up.
Equitable

Perceptible

Low
Physical
Effort
@inclusiveux
There’s more than one way to do things
Inform events in multiple ways.
Don‟t just have one way of achieving a
task

Equitable

Perceptible

Low
Physical
Effort

Simple &
Intuitive

Tolerance
for error
@inclusiveux
Mobile video? Make sure its captioned
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.
Equitable

Perceptible
@inclusiveux
Supporting dexterity challenges
 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
Equitable

Flexible

Size

Low
Physical
Effort

Simple &
Intuitive

Tolerance
for error
@inclusiveux
Choose smart defaults
The less choices, the less movements
required to make them.
Remember choices the person has made
before.

Equitable

Low
Physical
Effort

Simple &
Intuitive
@inclusiveux
Test, test, test
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

@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.
@inclusiveux
1. Open the app
download content
2. Choose your venue
3. Go to scan mode
@inclusiveux
4. Tap play when the
image is recognised

5. You content is played
in the format you’ve
selected
@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
Children
Actually…..all visitors!
@inclusiveux
The Future…for touch
Haptics
Apple‟s „multiple motor patent‟
Tactus technology „disappearing buttons‟

@inclusiveux
Now you feel them…

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

@inclusiveux
The Future…might not even be touch

MYO

Leap Motion
images: http://www.geek.tv

@inclusiveux
Screen-less?
Google glass
“OK….”
Just the natural progression of interfaces?

@inclusiveux
So, to sum up…
 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!
@inclusiveux
Thank you
katja@inclusiveux.com.au
@inclusiveux

@inclusiveux

More Related Content

PPTX
Slide to Unlock: learning design for the mobile learner
PPTX
Udl n at
PPTX
Accessing smartphones - Mobile for all (Universal Crit) Museums and The Web
PPTX
5 technologies that have changed our lives
PDF
The core of innovation @MIX2015
PPTX
미래 기술의 발전 (1)
PDF
Connectors, Connecting, Connections.
Slide to Unlock: learning design for the mobile learner
Udl n at
Accessing smartphones - Mobile for all (Universal Crit) Museums and The Web
5 technologies that have changed our lives
The core of innovation @MIX2015
미래 기술의 발전 (1)
Connectors, Connecting, Connections.

What's hot (15)

PDF
EXplora MUseum
PDF
Ux101byruthlessux 160928055603
PPTX
Digital access
PPTX
Innovative Technologies and Tech Trends
PDF
The core of innovation: Empathy and Experiment
PDF
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip Likens
PPTX
Psychology of Mobile User Interfaces with Flutter
PPTX
Enabled by Designathon - DC - Nov 2014
PDF
Inclusive Design: Designing with all the genders in mind - Anat Katz-Arotchas...
PDF
Child-Centered Design is a mindset. Not rocket science.
PPTX
Final Project Comm 303-50
PDF
Things I've learned from User Friendly 2013
PPTX
Jq com 303
PPTX
Human Beings have become slaves of technology final.pptx
PDF
Mobility_Evolution_LBugaev_001_ENGLISH
EXplora MUseum
Ux101byruthlessux 160928055603
Digital access
Innovative Technologies and Tech Trends
The core of innovation: Empathy and Experiment
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip Likens
Psychology of Mobile User Interfaces with Flutter
Enabled by Designathon - DC - Nov 2014
Inclusive Design: Designing with all the genders in mind - Anat Katz-Arotchas...
Child-Centered Design is a mindset. Not rocket science.
Final Project Comm 303-50
Things I've learned from User Friendly 2013
Jq com 303
Human Beings have become slaves of technology final.pptx
Mobility_Evolution_LBugaev_001_ENGLISH
Ad

Similar to Universal Design for Touch (20)

PPTX
Designing for Diversity - Creating inclusive mobile experiences
PDF
Universal design in a diverse world
PPTX
Participatory Democracy
PPTX
Case study 2 Human Computer Interaction
PDF
Senses Working Overtime - Improving Software Through Accessibility and Inclus...
PPTX
Senses Working Overtime: Improving Software Quality Through Accessibility and...
PDF
Chapter 4
PDF
Universal Design and Innovation
PDF
Accessible design systems
PPTX
Mob x recap for here sept 2014
PDF
Case Study 2 HCI
PPTX
NUS-HCI Lab
PPTX
NUS-HCI Lab
PDF
Stefano Del Furia - Inclusive Design - Codemotion Rome 2019
PPTX
UX Design - Lecture # 2.pptx
PPTX
Assistive technology assignment
PDF
Mobile research smart or dumb?
PPTX
Universal usability
PPT
Making a Web for Everyone
PPTX
Shallow Dive in Univarsal usability and its need
Designing for Diversity - Creating inclusive mobile experiences
Universal design in a diverse world
Participatory Democracy
Case study 2 Human Computer Interaction
Senses Working Overtime - Improving Software Through Accessibility and Inclus...
Senses Working Overtime: Improving Software Quality Through Accessibility and...
Chapter 4
Universal Design and Innovation
Accessible design systems
Mob x recap for here sept 2014
Case Study 2 HCI
NUS-HCI Lab
NUS-HCI Lab
Stefano Del Furia - Inclusive Design - Codemotion Rome 2019
UX Design - Lecture # 2.pptx
Assistive technology assignment
Mobile research smart or dumb?
Universal usability
Making a Web for Everyone
Shallow Dive in Univarsal usability and its need
Ad

Recently uploaded (20)

PPTX
Project_Presentation Bitcoin Price Prediction
PPTX
Introduction to Building Information Modeling
PPTX
SOBALAJE WORK.pptxe4544556y8878998yy6555y5
PDF
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
PDF
How Animation is Used by Sports Teams and Leagues
PDF
Govind singh Corporate office interior Portfolio
PPTX
Bitcoin predictor project presentation
PPTX
Presentation.pptx anemia in pregnancy in
PPT
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
PPT
Fire_electrical_safety community 08.ppt
PDF
analisis snsistem etnga ahrfahfffffffffffffffffffff
PPTX
2. Competency Based Interviewing - September'16.pptx
PDF
The Basics of Presentation Design eBook by VerdanaBold
PPT
Unit I Preparatory process of dyeing in textiles
PDF
Designing Through Complexity - Four Perspectives.pdf
PPTX
Necrosgwjskdnbsjdmdndmkdndndnmdndndkdmdndkdkndmdmis.pptx
PPTX
lecture-8-entropy-and-the-second-law-of-thermodynamics.pptx
PPTX
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
PPTX
ACL English Introductionadsfsfadf 20200612.pptx
PDF
THEORY OF ID MODULE (Interior Design Subject)
Project_Presentation Bitcoin Price Prediction
Introduction to Building Information Modeling
SOBALAJE WORK.pptxe4544556y8878998yy6555y5
SOUND-NOTE-ARCHITECT-MOHIUDDIN AKHAND SMUCT
How Animation is Used by Sports Teams and Leagues
Govind singh Corporate office interior Portfolio
Bitcoin predictor project presentation
Presentation.pptx anemia in pregnancy in
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
Fire_electrical_safety community 08.ppt
analisis snsistem etnga ahrfahfffffffffffffffffffff
2. Competency Based Interviewing - September'16.pptx
The Basics of Presentation Design eBook by VerdanaBold
Unit I Preparatory process of dyeing in textiles
Designing Through Complexity - Four Perspectives.pdf
Necrosgwjskdnbsjdmdndmkdndndnmdndndkdmdndkdkndmdmis.pptx
lecture-8-entropy-and-the-second-law-of-thermodynamics.pptx
22CDO02-IMGD-UNIT-I-MOBILE GAME DESIGN PROCESS
ACL English Introductionadsfsfadf 20200612.pptx
THEORY OF ID MODULE (Interior Design Subject)

Universal Design for Touch

  • 1. Universal Design for Touch Creating inclusive touch experiences Katja Forbes | @inclusiveUX 29th August 2013
  • 2. 4 things in 20 minutes  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! @inclusiveux
  • 3. “ 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 @inclusiveux
  • 4. Q Drum ‘Reinventing the wheel…’ image: http://www.qdrum.co.za/ @inclusiveux
  • 5. Universal Design Principles 1. 2. 3. 4. 5. 6. 7. Equitable use Flexibility in use Simple and intuitive Perceptible information Tolerance for error Low physical effort Size and space for approach and use - Center for Universal Design at North Carolina State University @inclusiveux
  • 6. “ There is nothing that you can do on the iPhone or iPad that I can‟t do ” @inclusiveux
  • 7. Mr Stevie Wonder Image: http://wallpapers.fansshare.com/gallery/photos/11169484/stevie-wonder/ @inclusiveux
  • 8. Respect our elders  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 @inclusiveux
  • 9. “ Mobile, by definition, is disabling. Poor light, small keyboards, glare, touch, etc. ” – Henny Swan, Senior Accessibility Specialist, BBC @inclusiveux
  • 11. Focus on inclusion and people 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 @inclusiveux
  • 12. “ 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 @inclusiveux
  • 13. Responsive design is #1  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‟ Flexible @inclusiveux
  • 14. Think about text to speech  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. @inclusiveux
  • 15. Design with text to speech in mind The language used in labeling is really important. Don‟t be bossy. Don‟t double up. Equitable Perceptible Low Physical Effort @inclusiveux
  • 16. There’s more than one way to do things Inform events in multiple ways. Don‟t just have one way of achieving a task Equitable Perceptible Low Physical Effort Simple & Intuitive Tolerance for error @inclusiveux
  • 17. Mobile video? Make sure its captioned 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. Equitable Perceptible @inclusiveux
  • 18. Supporting dexterity challenges  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 Equitable Flexible Size Low Physical Effort Simple & Intuitive Tolerance for error @inclusiveux
  • 19. Choose smart defaults The less choices, the less movements required to make them. Remember choices the person has made before. Equitable Low Physical Effort Simple & Intuitive @inclusiveux
  • 20. Test, test, test 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 @inclusiveux
  • 21. 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. @inclusiveux
  • 22. 1. Open the app download content 2. Choose your venue 3. Go to scan mode @inclusiveux
  • 23. 4. Tap play when the image is recognised 5. You content is played in the format you’ve selected @inclusiveux
  • 24. 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 Children Actually…..all visitors! @inclusiveux
  • 25. The Future…for touch Haptics Apple‟s „multiple motor patent‟ Tactus technology „disappearing buttons‟ @inclusiveux
  • 26. Now you feel them… images: http://www.news.com.au/technology/tablets/ces-2013-touch-screen-creators-invent-disappearing-buttons-for-tablets/story-fn6vigfp-1226553779581 @inclusiveux
  • 27. The Future…might not even be touch MYO Leap Motion images: http://www.geek.tv @inclusiveux
  • 28. Screen-less? Google glass “OK….” Just the natural progression of interfaces? @inclusiveux
  • 29. So, to sum up…  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! @inclusiveux