Download - Enterprise Mobile UX Designing in Agile
One (Sleepless) Interaction Designer’s experience doing mobile design in Agile!
Vijay Hanumolu@vijju2k
© 2011 KRONOS INCORPORATED I May 31, 2011
4 mobile apps 2 dev teams
1 enterprise mobile solution
Agenda
• Introduction• Decisions• User eXperience• App Design• Quality• Takeaways
© 2011 KRONOS INCORPORATED I May 31, 2011
INTRODUCTION
© 2011 KRONOS INCORPORATED I May 31, 2011
Kronos (??)
© 2011 KRONOS INCORPORATED I May 31, 2011
Workforce Management
© 2011 KRONOS INCORPORATED I May 31, 2011
Why Mobile?
© 2011 KRONOS INCORPORATED I May 31, 2011
DECISIONS DECISIONS…
© 2011 KRONOS INCORPORATED I May 31, 2011
Native or Mobile Browser
© 2011 KRONOS INCORPORATED I May 31, 2011
Native App
© 2011 KRONOS INCORPORATED I May 31, 2011
Mobile browser
© 2011 KRONOS INCORPORATED I May 31, 2011
MOBILE PLATFORMSDecisions Decisions…
© 2011 KRONOS INCORPORATED I May 31, 2011
Which Platform(s)
© 2011 KRONOS INCORPORATED I May 31, 2011
Our Choice
© 2011 KRONOS INCORPORATED I May 31, 2011
Which Devices
© 2011 KRONOS INCORPORATED I May 31, 2011
Our Choice
© 2011 KRONOS INCORPORATED I May 31, 2011
ENTERPRISE MOBILE APPSDecisions Decisions…
© 2011 KRONOS INCORPORATED I May 31, 2011
Concept
© 2011 KRONOS INCORPORATED I May 31, 2011
Client – Server Architecture
© 2011 KRONOS INCORPORATED I May 31, 2011
Server
Performance
© 2011 KRONOS INCORPORATED I May 31, 2011
Response Time
© 2011 KRONOS INCORPORATED I May 31, 2011
Wi-Fi Wi-Fi/VPN 3G 3G w/VPN
iPhone
Android
Blackberry N/A
J2ME N/A N/A
0-3 secs 3-5 secs
Scalability
© 2011 KRONOS INCORPORATED I May 31, 2011
Security
© 2011 KRONOS INCORPORATED I May 31, 2011
USER EXPERIENCE…
© 2011 KRONOS INCORPORATED I May 31, 2011
Goals
• Design for broad range of mobile devices• Consistency across products• Honor native UI models• Fast and simple• Ease of task completion
© 2011 KRONOS INCORPORATED I May 31, 2011
Requirements
© 2011 KRONOS INCORPORATED I May 31, 2011
Interaction Flow
© 2011 KRONOS INCORPORATED I May 31, 2011
Design Studio
© 2011 KRONOS INCORPORATED I May 31, 2011
Rapid Prototyping & Reviews
© 2011 KRONOS INCORPORATED I May 31, 2011
Paper Prototype
© 2011 KRONOS INCORPORATED I May 31, 2011
Prototype in a pocket
© 2011 KRONOS INCORPORATED I May 31, 2011
got 5 min?
© 2011 KRONOS INCORPORATED I May 31, 2011
SUS Questionnaire
© 2011 KRONOS INCORPORATED I May 31, 2011
CONSISTENCYUser eXperience…
© 2011 KRONOS INCORPORATED I May 31, 2011
Consistency
• Across app• Across platforms• Across enterprise product suite
© 2011 KRONOS INCORPORATED I May 31, 2011 s
Consistency
© 2011 KRONOS INCORPORATED I May 31, 2011
Consistency
© 2011 KRONOS INCORPORATED I May 31, 2011
Consistency
© 2011 KRONOS INCORPORATED I May 31, 2011
Consistency
© 2011 KRONOS INCORPORATED I May 31, 2011
Consistency
© 2011 KRONOS INCORPORATED I May 31, 2011
APP DESIGN
© 2011 KRONOS INCORPORATED I May 31, 2011
Staggered Development
© 2011 KRONOS INCORPORATED I May 31, 2011
Kickoff Code Freeze Quiet Period
Qualification, tail activities Quiet Period
Sprint’s
Device Porting
iPhone Development
Android Development
J2ME App Development
Blackberry Development
Design Process
Adobe Device Central
© 2011 KRONOS INCORPORATED I May 31, 2011
Adobe Device Central
© 2011 KRONOS INCORPORATED I May 31, 2011
Density Independence
© 2011 KRONOS INCORPORATED I May 31, 2011
Density Independence
© 2011 KRONOS INCORPORATED I May 31, 2011
9 Patch
© 2011 KRONOS INCORPORATED I May 31, 2011
Collaboration
© 2011 KRONOS INCORPORATED I May 31, 2011
Device Porting
© 2011 KRONOS INCORPORATED I May 31, 2011
Reference Device Certified Devices
QUALITY
© 2011 KRONOS INCORPORATED I May 31, 2011
Heuristic Evaluation
© 2011 KRONOS INCORPORATED I May 31, 2011
Formal Usability Evaluation
© 2011 KRONOS INCORPORATED I May 31, 2011
©Tobii Mobile Device Stand
Formal Usability Evaluation
© 2011 KRONOS INCORPORATED I May 31, 2011
©Looxcie Bluetooth Camcorder
Internationalization
© 2011 KRONOS INCORPORATED I May 31, 2011
Internationalization
© 2011 KRONOS INCORPORATED I May 31, 2011
Screen Shots (different device language)
Internationalization
© 2011 KRONOS INCORPORATED I May 31, 2011
© 2011 KRONOS INCORPORATED I May 31, 2011
Useful links• Balsamiq• Adobe Device Central• Mobile Design Patterns• Mobile Phone Hi-Fi templates (PSDs)• Design4mobile• Design Guidelines
– Apple– Android– Blackberry– J2ME (Nokia)– LWUIT
© 2011 KRONOS INCORPORATED I May 31, 2011
