Mobile user experience intro

729 views
689 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
729
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mobile user experience intro

  1. 1. Mobile User Experience – Intro Andreas Jakl Senior Technical Consultant Forum Nokia 20 May, 2010 v2.0a
  2. 2. 20.05.2010 2 Thinking Mobile
  3. 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. 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. 5. 20.05.2010 © 2010 Nokia 5 Gimp: Desktop to Mobile
  6. 6. 20.05.2010 © 2010 Nokia 6 Office
  7. 7. 20.05.2010 © 2010 Nokia 7 KOffice Viewer with Adapted UI
  8. 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. 9. 20.05.2010 © 2010 Nokia 9 Design Center forum.nokia.com/designcenter
  10. 10. 20.05.2010 © 2010 Nokia 10 User Experience forum.nokia.com/ux
  11. 11. 20.05.2010 © 2010 Nokia 11 Which is better for Nokia devices?
  12. 12. 20.05.2010 © 2010 Nokia 12 Design Gallery http://www.forum.nokia.com/Technology_Topics/Design_and_User_Experience/Design_Gallery/
  13. 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. 14. 20.05.2010 © 2010 Nokia 14 Mobile Web Templates forum.nokia.com/Technology_Topics/Web_Technologies/Browsing/Web_Templates/
  15. 15. 20.05.2010 © 2010 Nokia 15 Mobile Web Templates – Layouts
  16. 16. 20.05.2010 © 2010 Nokia 16 Flowella – Task Flow and Prototyping http://www.youtube.com/watch?v=xmuJwKYjiW0
  17. 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. 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. 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. 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. 21. Thank You. Want to learn more? www.forum.nokia.com/ux

×