designing mobile apps with empathy - why to create more accessible mobile apps

Wayne Pau (@Wayne_Pau)Emerging TechnologiesMarch 27, 2014

Designing with Empathy

My Apology Slide

“If I'm curt with you it's because time is a factor. I think fast, I talk fast and I need you guys to act fast if you wanna get out of this. So, pretty please... with sugar on top…”

- Winston Wolfe (Pulp Fiction)

Steve Krug

@skrug

Finance

HR

Manufacturing

Supply Chainand Procurement

Service

LOB Apps

Information Technology

Sales

Analytics

SAP Cart Approval

SAP Sanctioned-

Party List

SAP Transport Notification and

Status

SAP Transport Tendering

SAP Inventory Manager*

SAP BusinessObjects

Explorer

SAP BusinessObjects

Mobile

SAP Strategy Management

SAP Employee Lookup

SAP HR Approvals

SAP Interview Assistant

SAP Learning Assistant

SAP Leave Request

SAP Manager Insight

SAP Timesheet

SAP Travel Receipt Capture*

SAP TravelExpense Approval*

SAP Travel Expense Report*

SAP Work Manager*

SAP CRM Service Manager*

SAPReplication Manager

SAP TDMS Manager

SAP User Experience Monitor

SAP IT Change Approval

SAP IT Incident Management

SAP System Monitoring

SAP WorkDeck

SAP NetWeaver Portal

TwoGo by SAP

SAP Customer and Contacts

SAP Customer Briefing

SAP Customer Financial Fact Sheet*

SAP ERP Order Status

SAP Material Availability

SAP Sales Order Notification

SAP ERP Quality Issue

SAP EHS Safety Issue

SAP Inventory Manager

SAP Visual Enterprise Viewer

SAP Work Manager*

SAP Rounds Manager

SAP CRM Service Manager*

SAP Customer Financial

Fact Sheet*

SAP GRC Access

Approver*

SAP GRC Policy Survey

SAP Payment Approvals

SAPReal-Spend

SAP Travel Expense Approval*

SAP Travel Expense Report*

SAP Travel Receipt Capture*

SAP Sales Diary

SAP Receivables

Manager

TwoGo by SAP

SAP NetWeaver

Portal

SAP Account Intelligence

SAP Sales Manager

SAP Fiori

SAP Fiori

SAP Fiori

SAP Sales Companion

SAP Sales Pipeline Simulator

45+ Apps

39+ Apps

30+ Apps

SAP’s #A11y req list • 38x req (Android)

• 41x req (iOS)

AccessibilityA11y

App “Ratings” Math

1x 7x

4.5

We are not clones…

VS.

Clone Jedi

VS.

Clone Jedi

18© 2014 SAP AG or an SAP affiliate company. All rights reserved.

• Non-related == Δ1.2K-1.5K DNA bases

• 3M+ difference between you && someone else

• DNA testing 1:1,000,000,000 (non-related)

• DNA testing 1:1000 (id twins)

• Even ID twins ~360 genetic diff/mutations

Human Variability

Empathy

http://www.youtube.com/watch?v=cDDWvj_q-o8

Whitney Quesenbery

Sarah Horton

@whitneyq @gradualclearing

#A11y personas

• Vishnu - an eng. and global citizen with low vision

• Maria - a bilingual CHW and mobile phone user

• Carol - a grandmother with macular degeneration

(https://rosenfeldmedia.com/books/a-web-for-everyone/)

Clone Jedi

http://inclusiveactioneverydaylives.wordpress.com/2013/05/

28/a-picture-speaks-a-thousand-words-4/

23© 2014 SAP AG or an SAP affiliate company. All rights reserved.

• Dignity

• Independence

• Integration

• Equal Opportunity

4 Principles of A11y

EmpathyRespect…

1. Time && Resources

2. Limitation && Weaknesses

3. Tastes && Uniqueness

4. Priorities

5. Privacy && Security

Time && Resources

iPhone Screenlock Camera

Limitations && Weaknesses

Multi Size Text Support

Tastes && Uniqueness

IFTT Automation

Priorities

Gmail Categories

Privacy && Security

SAP Mobile Documents

// How it ‘really’ happens

You.CARE(end.USER);

I CAN’T BEAR…

…NON-ACCESSIBLE APPS

Android - TalkBack

iOS - VoiceOver

BB10 - ScreenReader

SP - Scale Independent Pixels

http://developer.android.com/design/style/typography.html

Accessible App

Non- Accessible

App>

WHEN YOU THINK YOUR

APP LOOKS THIS GOOD…

…IT COULD LOOK VERY

DIFFERENT TO OTHERS

SO DON’T BE AN …

© 2014 SAP AG or an SAP affiliate company. All rights reserved.

Thank youContact information:

Wayne Pau (wayne.pau@SAP.com)Development Architect – CD&SP

Twitter: @Wayne_PauBlog: http://waynepau.blogspot.ca/