Mobile user experience intro
- 1. Mobile User Experience – Intro Andreas Jakl Senior Technical Consultant Forum Nokia 20 May, 2010 v2.0a
- 2. 20.05.2010 2 Thinking Mobile
- 3. 20.05.2010 © 2010 Nokia 3 Mobile Requirements • Limited resources – CPU: 220 MHz – 1 GHz, 64-256 MB Ram • No hard disc – Therefore no virtual (= “unlimited”) memory • Power management – Battery life, data safety in case of power loss is an issue • Compact – Not much room for UI and the application itself – Reuse of common components important • Reliability – Phone functionality always highest priority – “Always on”
- 4. 20.05.2010 © 2010 Nokia 4 Mobile UIs • Maemo = Debian Linux – Recompile and run any Debian application – Qt-based UI: no code changes necessary • But: desktop != mobile – Screen size – Size of individual elements – Key modifiers for mouse clicks – Hover effects, previews – Usage scenarios
- 5. 20.05.2010 © 2010 Nokia 5 Gimp: Desktop to Mobile
- 6. 20.05.2010 © 2010 Nokia 6 Office
- 7. 20.05.2010 © 2010 Nokia 7 KOffice Viewer with Adapted UI
- 8. 20.05.2010 © 2010 Nokia 8 What does UX for mobile mean? – Functionality, ease of use – emotional connection – Design for the user, not the technology – Consider your concept and your interactions, and check against them at every stage of development • Users • Device UI context • Service usage context
- 9. 20.05.2010 © 2010 Nokia 9 Design Center forum.nokia.com/designcenter
- 10. 20.05.2010 © 2010 Nokia 10 User Experience forum.nokia.com/ux
- 11. 20.05.2010 © 2010 Nokia 11 Which is better for Nokia devices?
- 12. 20.05.2010 © 2010 Nokia 12 Design Gallery http://www.forum.nokia.com/Technology_Topics/Design_and_User_Experience/Design_Gallery/
- 13. 20.05.2010 © 2010 Nokia 13 Design and Paper Prototyping Templates forum.nokia.com/Technology_Topics/Design_and_User_Experience/Conceptual_Design.xhtml
- 14. 20.05.2010 © 2010 Nokia 14 Mobile Web Templates forum.nokia.com/Technology_Topics/Web_Technologies/Browsing/Web_Templates/
- 15. 20.05.2010 © 2010 Nokia 15 Mobile Web Templates – Layouts
- 16. 20.05.2010 © 2010 Nokia 16 Flowella – Task Flow and Prototyping http://www.youtube.com/watch?v=xmuJwKYjiW0
- 17. 20.05.2010 © 2010 Nokia 17 Behaving on a Mobile Device • Quality Assurance for publishing – Performed for all app stores – Includes technical and user experience tests • Self-testing guidelines – Symbian Signed: http://tiny.symbian.org/testcriteria – Java Verified test criteria: http://javaverified.com/Testing
- 18. 20.05.2010 © 2010 Nokia 18 Symbian Signed Test Criteria • Phone usage is critical! Examples: – No disruption to voice calls – No disruption to text messages – No disruption to key device applications (messaging, contacts, calendar, web) – Un-installation leaves (nearly) nothing behind – Application visible in task manager as long as it is running
- 19. 20.05.2010 © 2010 Nokia 19 Java Verified Test Criteria • Even stronger focus on user experience – Application must not crash or freeze – No excessive battery consumption – App must start in < 25 s – Graphics and animation must be readable and clear – UI must be consistent throughout the app – Browsing through app must be clear and without unnecessary steps – App must be free of spelling errors – Main menu contains exit, help and about – App must handle unexpected user behavior (e.g., erroneous actions)
- 20. 20.05.2010 © 2010 Nokia 20 Post-Sale Feedback Channels • Note what your users say about your app! – Read comments – Update frequently and fast – Word of mouth very strong factor! Users are helping users. But: better improve UI to target cause!
- 21. Thank You. Want to learn more? www.forum.nokia.com/ux