best practices in accessible ux design for mobile

17
Accessibl e UX Design For Mobile uxWaterloo P2P Series December 10, 2013 Greg Fields, BlackBerry

Upload: greg-fields

Post on 29-Jun-2015

379 views

Category:

Technology


2 download

DESCRIPTION

uxWaterloo presentation on best practices and heuristics for designing accessible user experiences for mobile devices.

TRANSCRIPT

Page 1: Best Practices in Accessible UX Design for Mobile

Accessible UX DesignFor MobileuxWaterloo P2P SeriesDecember 10, 2013Greg Fields, BlackBerry

Page 2: Best Practices in Accessible UX Design for Mobile

Session Topics

• About Greg

• About Accessibility at BlackBerry

• Top 10 Best Practices

• Q&A

Page 3: Best Practices in Accessible UX Design for Mobile

About Greg

• Married (Heather), 1 son (Treye)

• Product Management @ BlackBerry

• Accessibility ‘Expert’

• Care sincerely about great user experiences

Page 4: Best Practices in Accessible UX Design for Mobile

Accessibility at BlackBerry

• Team initiated in 2003.

• Distributed, yet Accessibility focused.

• Active participants internally within the company, and externally within the disability community.

Page 5: Best Practices in Accessible UX Design for Mobile

Top 10Best Practices

Page 6: Best Practices in Accessible UX Design for Mobile

#. Heuristic

• Pearl of wisdom

• Nugget of truth

Screenshots

Page 7: Best Practices in Accessible UX Design for Mobile

1. Love Thy Native OS

• Align with platform conventions.

• Inherit system settings.

• Avoid custom controls.

✖ ✔

Clipchat (iPhone) Facebook (Android)

Page 8: Best Practices in Accessible UX Design for Mobile

2. Colour & Contrast

• Use colour to inform.

• Don’t communicate info by means of color alone.

• Design for background, foreground, adjacent. Aeoroportos de Portugal

(iPhone)

✔✔

KakaoTalk (Android)

Page 9: Best Practices in Accessible UX Design for Mobile

3. Forgiving Touch Targets

• Design for sequential and discreet tasks.

• Maximize hit region.

• Test with winter gloves.

Tumblr (iPhone) Skim (iPhone)

✔✔

Page 10: Best Practices in Accessible UX Design for Mobile

4. Embrace Multimodal

• Design for redundant visual + haptic input and output.

• Accelerate frequent and/or complex tasks.

• It’s cool.

Page 11: Best Practices in Accessible UX Design for Mobile

5. Simplify to the Core

• Peel away excess until just before it hurts the user experience.

• Reduce Cognitive Load

• Reduce Critical Reasoning

Square Cash (iPhone) Clique (iPhone)

Page 12: Best Practices in Accessible UX Design for Mobile

6. Logical Order of Things

• Chunking still matters.

• Align visual and actual information layout.

• Guide and assist.

✖ ✔

CircleMe (iPhone)

Twitterrific (iPhone)

Page 13: Best Practices in Accessible UX Design for Mobile

7. Be Consistent

• Don’t make me think.

• Avoid fighting with existing mental models.

• Challenging when multi-platform.

✖ ✔

MS Outlook (Android) Clique (iPhone)

Page 14: Best Practices in Accessible UX Design for Mobile

8. Manage Empty Data (or Errors)

• Use active voice.

• Be specific + obvious.

• Prompt an accelerated resolution.

✖ ✔

Spotify (Android)

BlackBerry Messenger (Android)

Page 15: Best Practices in Accessible UX Design for Mobile

9. Test with Humans

• Choose right method(s).

• Get in the wild!

• Include Assistive Technologies and user needs in study plan.

Page 16: Best Practices in Accessible UX Design for Mobile

10. Plan for Success

• Understand user needs.

• Assume failure at first.

• Allow for iterations.

• Universal Design (initially) takes longer.

Page 17: Best Practices in Accessible UX Design for Mobile

Questions?