enterprise mobile ux designing in agile
DESCRIPTION
We developed 4 native apps (iPhone, Andorid, Blackberry, and J2ME) with 2 development team, all at the same time within a 7 month period, and 1 Interaction designer.In this session I will share my experience as a the lead designer on the project, how we planned the design aspects of the project, some creative ways of doing quick usability evaluations as mobile phone is such a personal device, how we achieved consistency across the various platforms, some of creative ways we came up to effectively use designer-developer collaboration so that I don’t have to create Hifi’s for every screen on every phone platform we supported.Im hoping you can learn from my experience - if you are planning to design/build mobile apps across multiple mobile platforms or if you have already started the process. This will also help you to learn how and what is required when development team is offshore or non co-located, especially in an Agile Scrum framework. And at the end of the session I will also provide a list of useful design resources that I used over the project to help design and usability go faster.TRANSCRIPT
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