SlideShare a Scribd company logo
1 of 30
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

What's hot

Ux101byruthlessux 160928055603
Ux101byruthlessux 160928055603Ux101byruthlessux 160928055603
Ux101byruthlessux 160928055603SHAHEENA ATTARWALA
 
Innovative Technologies and Tech Trends
Innovative Technologies and Tech TrendsInnovative Technologies and Tech Trends
Innovative Technologies and Tech TrendsBrian Pichman
 
The core of innovation: Empathy and Experiment
The core of innovation: Empathy and ExperimentThe core of innovation: Empathy and Experiment
The core of innovation: Empathy and Experiment伯方 蘇
 
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip Likens
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip LikensPre-Conference Course: Wearables Workshop: UX Essentials - Phillip Likens
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip LikensUXPA International
 
Psychology of Mobile User Interfaces with Flutter
Psychology of Mobile User Interfaces with FlutterPsychology of Mobile User Interfaces with Flutter
Psychology of Mobile User Interfaces with FlutterBruce Abernethy
 
Enabled by Designathon - DC - Nov 2014
Enabled by Designathon - DC - Nov 2014Enabled by Designathon - DC - Nov 2014
Enabled by Designathon - DC - Nov 2014Elaine Mau
 
Inclusive Design: Designing with all the genders in mind - Anat Katz-Arotchas...
Inclusive Design: Designing with all the genders in mind - Anat Katz-Arotchas...Inclusive Design: Designing with all the genders in mind - Anat Katz-Arotchas...
Inclusive Design: Designing with all the genders in mind - Anat Katz-Arotchas...nois3
 
Child-Centered Design is a mindset. Not rocket science.
Child-Centered Design is a mindset. Not rocket science.Child-Centered Design is a mindset. Not rocket science.
Child-Centered Design is a mindset. Not rocket science.Sabina Idler
 
Final Project Comm 303-50
Final Project Comm 303-50Final Project Comm 303-50
Final Project Comm 303-50jgraves1992
 
Things I've learned from User Friendly 2013
Things I've learned from User Friendly 2013Things I've learned from User Friendly 2013
Things I've learned from User Friendly 2013houhr
 
Jq com 303
Jq com 303Jq com 303
Jq com 303jlquic01
 
Human Beings have become slaves of technology final.pptx
Human Beings have become slaves of technology final.pptxHuman Beings have become slaves of technology final.pptx
Human Beings have become slaves of technology final.pptxAnubhavVerma86
 
Mobility_Evolution_LBugaev_001_ENGLISH
Mobility_Evolution_LBugaev_001_ENGLISHMobility_Evolution_LBugaev_001_ENGLISH
Mobility_Evolution_LBugaev_001_ENGLISHNordic Agency AB
 

What's hot (15)

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

Similar to Universal Design for Touch

Designing for Diversity - Creating inclusive mobile experiences
Designing for Diversity - Creating inclusive mobile experiencesDesigning for Diversity - Creating inclusive mobile experiences
Designing for Diversity - Creating inclusive mobile experiencesluckykat
 
Universal design in a diverse world
Universal design in a diverse worldUniversal design in a diverse world
Universal design in a diverse worldKarel Van Isacker
 
Case study 2 Human Computer Interaction
Case study 2 Human Computer InteractionCase study 2 Human Computer Interaction
Case study 2 Human Computer Interactionkhairulaidid
 
Senses Working Overtime - Improving Software Through Accessibility and Inclus...
Senses Working Overtime - Improving Software Through Accessibility and Inclus...Senses Working Overtime - Improving Software Through Accessibility and Inclus...
Senses Working Overtime - Improving Software Through Accessibility and Inclus...Michael Larsen
 
Senses Working Overtime: Improving Software Quality Through Accessibility and...
Senses Working Overtime: Improving Software Quality Through Accessibility and...Senses Working Overtime: Improving Software Quality Through Accessibility and...
Senses Working Overtime: Improving Software Quality Through Accessibility and...Michael Larsen
 
Universal Design and Innovation
Universal Design and InnovationUniversal Design and Innovation
Universal Design and Innovationnivims
 
Accessible design systems
Accessible design systemsAccessible design systems
Accessible design systemsJonathan Conway
 
Mob x recap for here sept 2014
Mob x recap for here sept 2014Mob x recap for here sept 2014
Mob x recap for here sept 2014Tracy Rolling
 
Case Study 2 HCI
Case Study 2 HCICase Study 2 HCI
Case Study 2 HCIUzairAdnan
 
Stefano Del Furia - Inclusive Design - Codemotion Rome 2019
Stefano Del Furia - Inclusive Design - Codemotion Rome 2019Stefano Del Furia - Inclusive Design - Codemotion Rome 2019
Stefano Del Furia - Inclusive Design - Codemotion Rome 2019Codemotion
 
UX Design - Lecture # 2.pptx
UX Design - Lecture # 2.pptxUX Design - Lecture # 2.pptx
UX Design - Lecture # 2.pptxZaid227349
 
Assistive technology assignment
Assistive technology assignmentAssistive technology assignment
Assistive technology assignmentskeltonj
 
Mobile research smart or dumb?
Mobile research  smart or dumb?Mobile research  smart or dumb?
Mobile research smart or dumb?CrowdLab
 
Making a Web for Everyone
Making a Web for EveryoneMaking a Web for Everyone
Making a Web for EveryoneMichael Larsen
 
Shallow Dive in Univarsal usability and its need
Shallow Dive in Univarsal usability and its needShallow Dive in Univarsal usability and its need
Shallow Dive in Univarsal usability and its needNasimul Gani
 

Similar to Universal Design for Touch (20)

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

Recently uploaded

Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
Call Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full NightCall Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130Suhani Kapoor
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts ServiceCall Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Servicejennyeacort
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 

Recently uploaded (20)

Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
Call Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full NightCall Girls Satellite 7397865700 Ridhima Hire Me Full Night
Call Girls Satellite 7397865700 Ridhima Hire Me Full Night
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts ServiceCall Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 

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