Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

47
Wayne Pau (@Wayne_Pau) Emerging Technologies March 27, 2014 Designing with Empathy

description

Designing w/ Empathy - Why to create more accessible Mobile Apps (Star War Lego style!) March 27 @ Conestoga College (Doon Campus) AODA + Accessibility Seminar

Transcript of Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

Page 1: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

Wayne Pau (@Wayne_Pau)Emerging TechnologiesMarch 27, 2014

Designing with Empathy

Page 2: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps
Page 3: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

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)

Page 5: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps
Page 6: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps
Page 7: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

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

Page 8: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

45+ Apps

Page 9: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

39+ Apps

Page 10: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

30+ Apps

Page 11: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

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

• 41x req (iOS)

Page 12: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

AccessibilityA11y

Page 13: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps
Page 14: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

App “Ratings” Math

1x 7x

4.5

Page 15: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

We are not clones…

Page 16: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

VS.

Clone Jedi

Page 17: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

VS.

Clone Jedi

Page 18: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

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

Page 19: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

Empathy

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

Page 21: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

#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/)

Page 23: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

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

• Dignity

• Independence

• Integration

• Equal Opportunity

4 Principles of A11y

Page 24: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

EmpathyRespect…

1. Time && Resources

2. Limitation && Weaknesses

3. Tastes && Uniqueness

4. Priorities

5. Privacy && Security

Page 25: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

Time && Resources

Page 26: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

iPhone Screenlock Camera

Page 27: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

Limitations && Weaknesses

Page 28: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

Multi Size Text Support

Page 29: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

Tastes && Uniqueness

Page 30: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

IFTT Automation

Page 31: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

Priorities

Page 32: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

Gmail Categories

Page 33: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

Privacy && Security

Page 34: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

SAP Mobile Documents

Page 35: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

// How it ‘really’ happens

You.CARE(end.USER);

Page 36: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

I CAN’T BEAR…

…NON-ACCESSIBLE APPS

Page 37: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

Android - TalkBack

Page 38: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

iOS - VoiceOver

Page 39: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

BB10 - ScreenReader

Page 40: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps
Page 41: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps
Page 42: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

SP - Scale Independent Pixels

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

Page 43: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

Accessible App

Non- Accessible

App>

Page 44: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

WHEN YOU THINK YOUR

APP LOOKS THIS GOOD…

Page 45: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

…IT COULD LOOK VERY

DIFFERENT TO OTHERS

Page 46: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

SO DON’T BE AN …

Page 47: Designing Mobile Apps with Empathy - Why to create more accessible Mobile Apps

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

Thank youContact information:

Wayne Pau ([email protected])Development Architect – CD&SP

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