SlideShare une entreprise Scribd logo
1  sur  38
IT’S NOT JUST ABOUT THEM,
IT’S ABOUT ALL OF US
Creating an Accessible User Experience
(AUX)
by Rotem Binheim
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
):Nice to meet you
Who I am?
UX Designer @ KRS
Mother
Art Lover
Sign Language
.
.
.
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
Everyone is Different!
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
UX UI
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
Creating a feeling that the product was designed specifically for you
Good UX?
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
"If you don't talk to your customers, how will you
know how to talk to your customers?"
Will Evans
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
The UX process
User Interviews
Focus Groups
Observations
Remote Usability Testing
Accessibility Testing
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
Creating Personas
A persona represents a cluster of users who exhibit similar behavioral patterns
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
UI
Principles of Accessible Design
Accessible design allows users of all abilities to navigate,
understand, and use your UI successfully
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
Make it Big and Bold
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
Color Contrasting
BAD GOOD
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
For Who?
Low Vision
Colorblind
Older People
All of us...
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
Color Contrast - Buttons
• Button sizes – at lest 9 mm by 9 mm.
• Surround all touch targets with a small
area of inactive space in a contrasting
color .
• Background color - not bright white
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
Tips to take
Provide different modes of contrast
Bright text on dark backgrounds
Black over a yellow background
White over a black background
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
Fonts
Keep it simple and remember that size does matter
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
Content Is King
Check with a screen reader
content descriptions for:
1. Images
2. Icons
3. Buttons
Instructions - Clear and simple
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
Less Distraction More Action
1. Visual weight
2. Available with both hands
3. Available with a11y features activated
(screen-magnifiers)
4. Portrait & landscape
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
CHANGE ISN’T ALWAYS GOOD
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
Objects and Sounds
For users with low vision, moving or otherwise
distracting objects are disorienting.
1. Option to turn on and off audio
2. Option to remove moving objects from the
screen
3. Keep it clean!
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
Consistency
• Compare the navigation layout on
each page of your application
• Alternative Navigation
• Buttons:
exit, done, back, send, help
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
Screen Orientation
Landscape is not recommended for visually disabled users
because the change of screen is highly disorienting.
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
Menus
• Stick to vertical menus
• Simplify with sub-menus
• Get rid of floats
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
Tables rows must be practical
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
Alternative Touchscreen Gestures
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
Settings > Accessibility > TalkBack > Settings > Explore by Touch > Manage gestures.
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
Get Yourself in the Mode
Turn TalkBack functionality on and start
navigating your app.
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
Test, Test, Test!
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
Testing Tools
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il
Thanks
rotem@krs-web.co.il | 050-2444147
KRS|‫כל‬‫שמורות‬ ‫הזכויות‬©2015|Rotem@krs-web.co.il

Contenu connexe

Similaire à AUX - Creating an Accessible User Experience

Best practices for the mobile web!
Best practices for the mobile web!Best practices for the mobile web!
Best practices for the mobile web!Ekta Rohra Jafri
 
User experience - Why the mobile space is important
User experience - Why the mobile space is importantUser experience - Why the mobile space is important
User experience - Why the mobile space is importantRIA RUI Society
 
The Future of Experience Design
The Future of Experience DesignThe Future of Experience Design
The Future of Experience DesignUXDXConf
 
The Digital Home: Designing for the Ten-Foot User Interface
The Digital Home: Designing for the Ten-Foot User InterfaceThe Digital Home: Designing for the Ten-Foot User Interface
The Digital Home: Designing for the Ten-Foot User Interfacegoodfriday
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataMohamed Shehata
 
Hackers guide to UX
Hackers guide to UXHackers guide to UX
Hackers guide to UXCyber-Duck
 
The Future of Experience
The Future of ExperienceThe Future of Experience
The Future of ExperienceUXDXConf
 
User Experience (UX) Love & Delight
User Experience (UX) Love & DelightUser Experience (UX) Love & Delight
User Experience (UX) Love & DelightBenny Jones
 
UX, UI sur Mobile, moteur de l'engagement client!
UX, UI sur Mobile, moteur de l'engagement client! UX, UI sur Mobile, moteur de l'engagement client!
UX, UI sur Mobile, moteur de l'engagement client! LaFrenchMobile
 
David Schwartz: Delivery oriented product management
David Schwartz: Delivery oriented product managementDavid Schwartz: Delivery oriented product management
David Schwartz: Delivery oriented product managementAnna I
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UXBart Van Hecke
 
UI is not the same as UX and why you should care about that (Be-Delphi 2.0)
UI is not the same as UX and why you should care about that (Be-Delphi 2.0)UI is not the same as UX and why you should care about that (Be-Delphi 2.0)
UI is not the same as UX and why you should care about that (Be-Delphi 2.0)Stefaan Lesage
 
Overboard.js - where are we going with with jsconfasia / devfestasia
Overboard.js - where are we going with with jsconfasia / devfestasiaOverboard.js - where are we going with with jsconfasia / devfestasia
Overboard.js - where are we going with with jsconfasia / devfestasiaChristian Heilmann
 
A SharePoint User eXperience
A SharePoint User eXperienceA SharePoint User eXperience
A SharePoint User eXperienceSparked
 
essentials-of-ui-design.pdf
essentials-of-ui-design.pdfessentials-of-ui-design.pdf
essentials-of-ui-design.pdfSandeshGyawali2
 
servicedesign+2-compressed.pdf
servicedesign+2-compressed.pdfservicedesign+2-compressed.pdf
servicedesign+2-compressed.pdfDannyMwaanga
 
To make a working website
To make a working websiteTo make a working website
To make a working websiteandh
 

Similaire à AUX - Creating an Accessible User Experience (20)

Best practices for the mobile web!
Best practices for the mobile web!Best practices for the mobile web!
Best practices for the mobile web!
 
Mobile UX
Mobile UXMobile UX
Mobile UX
 
User experience - Why the mobile space is important
User experience - Why the mobile space is importantUser experience - Why the mobile space is important
User experience - Why the mobile space is important
 
The Future of Experience Design
The Future of Experience DesignThe Future of Experience Design
The Future of Experience Design
 
The Digital Home: Designing for the Ten-Foot User Interface
The Digital Home: Designing for the Ten-Foot User InterfaceThe Digital Home: Designing for the Ten-Foot User Interface
The Digital Home: Designing for the Ten-Foot User Interface
 
Michael Kowalski
Michael KowalskiMichael Kowalski
Michael Kowalski
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
 
Hackers guide to UX
Hackers guide to UXHackers guide to UX
Hackers guide to UX
 
The Future of Experience
The Future of ExperienceThe Future of Experience
The Future of Experience
 
User Experience (UX) Love & Delight
User Experience (UX) Love & DelightUser Experience (UX) Love & Delight
User Experience (UX) Love & Delight
 
UX, UI sur Mobile, moteur de l'engagement client!
UX, UI sur Mobile, moteur de l'engagement client! UX, UI sur Mobile, moteur de l'engagement client!
UX, UI sur Mobile, moteur de l'engagement client!
 
David Schwartz: Delivery oriented product management
David Schwartz: Delivery oriented product managementDavid Schwartz: Delivery oriented product management
David Schwartz: Delivery oriented product management
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UX
 
UI is not the same as UX and why you should care about that (Be-Delphi 2.0)
UI is not the same as UX and why you should care about that (Be-Delphi 2.0)UI is not the same as UX and why you should care about that (Be-Delphi 2.0)
UI is not the same as UX and why you should care about that (Be-Delphi 2.0)
 
Overboard.js - where are we going with with jsconfasia / devfestasia
Overboard.js - where are we going with with jsconfasia / devfestasiaOverboard.js - where are we going with with jsconfasia / devfestasia
Overboard.js - where are we going with with jsconfasia / devfestasia
 
A SharePoint User eXperience
A SharePoint User eXperienceA SharePoint User eXperience
A SharePoint User eXperience
 
essentials-of-ui-design.pdf
essentials-of-ui-design.pdfessentials-of-ui-design.pdf
essentials-of-ui-design.pdf
 
User Experience: Why and How
User Experience: Why and HowUser Experience: Why and How
User Experience: Why and How
 
servicedesign+2-compressed.pdf
servicedesign+2-compressed.pdfservicedesign+2-compressed.pdf
servicedesign+2-compressed.pdf
 
To make a working website
To make a working websiteTo make a working website
To make a working website
 

Dernier

"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfRankYa
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024The Digital Insurer
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector DatabasesVector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector DatabasesZilliz
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 

Dernier (20)

"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
 
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQLDeveloper Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
Vector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector DatabasesVector Databases 101 - An introduction to the world of Vector Databases
Vector Databases 101 - An introduction to the world of Vector Databases
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 

AUX - Creating an Accessible User Experience

Notes de l'éditeur

  1. עיקביות ניווט זהה בכל המסכים חלופות דוגמאת התמצאות במסך החיוג – מספר 5