aux - creating an accessible user experience

IT’S NOT JUST ABOUT THEM,IT’S ABOUT ALL OF US

Creating an Accessible User Experience(AUX)

by Rotem Binheim

KRS | © שמורות הזכויות [email protected] | 2015כל

):Nice to meet youWho I am?

UX Designer @ KRSMotherArt LoverSign Language ...


Everyone is Different!


UX UI


Creating a feeling that the product was designed specifically for you

Good UX?


"If you don't talk to your customers, how will you know how to talk to your customers?"Will Evans


The UX process User Interviews

Focus Groups

Observations

Remote Usability Testing

Accessibility Testing


Creating Personas

A persona represents a cluster of users who exhibit similar behavioral patterns


UIPrinciples of Accessible Design

Accessible design allows users of all abilities to navigate, understand, and use your UI successfully


Make it Big and Bold


Color Contrasting

BAD GOOD


For Who?

Low Vision

Colorblind

Older People

All of us...



http://webaim.org/resources/contrastchecker/


http://www.color-blindness.com/coblis-color-blindness-simulator/

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


Tips to takeProvide different modes of contrast

Bright text on dark backgrounds

Black over a yellow background

White over a black background


Fonts

Keep it simple and remember that size does matterKRS | © שמורות הזכויות [email protected] | 2015כל

Content Is KingCheck with a screen reader content descriptions for:

1. Images

2. Icons

3. Buttons

Instructions - Clear and simple


Less Distraction More Action

1. Visual weight

2. Available with both hands

3. Available with a11y features activated (screen-magnifiers)

4. Portrait & landscape


CHANGE ISN’T ALWAYS GOOD


Objects and SoundsFor 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!


Consistency• Compare the navigation layout on

each page of your application• Alternative Navigation• Buttons:

exit, done, back, send, help


Screen Orientation

Landscape is not recommended for visually disabled users because the change of screen is highly disorienting.


Menus

• Stick to vertical menus• Simplify with sub-menus• Get rid of floats


Tables rows must be practical


Alternative Touchscreen Gestures


Settings > Accessibility > TalkBack > Settings > Explore by Touch > Manage gestures.


https://support.google.com/accessibility/android/answer/6151827?hl=en

Get Yourself in the ModeTurn TalkBack functionality on and start navigating your app.


Test, Test, Test!


Testing Tools



https://www.google.com/design/spec/usability/accessibility.html

Thanks

[email protected] | 050-2444147


aux - creating an accessible user experience

Technology