Best Practices in Accessible UX Design for Mobile

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

description

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

Transcript of Best Practices in Accessible UX Design for Mobile

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?