designing mobile apps with empathy - why to create more accessible mobile apps
DESCRIPTION
Designing w/ Empathy - Why to create more accessible Mobile Apps (Star War Lego style!) March 27 @ Conestoga College (Doon Campus) AODA + Accessibility SeminarTRANSCRIPT
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)
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 ([email protected])Development Architect – CD&SP
Twitter: @Wayne_PauBlog: http://waynepau.blogspot.ca/