0
Mobile User Experience – Intro



Andreas Jakl
Senior Technical Consultant
Forum Nokia

                                 2...
20.05.2010   2




Thinking Mobile
20.05.2010   © 2010 Nokia   3




Mobile Requirements
•   Limited resources
      –   CPU: 220 MHz – 1 GHz, 64-256 MB Ram
...
20.05.2010   © 2010 Nokia   4




Mobile UIs
•   Maemo = Debian Linux
     – Recompile and run any Debian
       applicati...
20.05.2010   © 2010 Nokia   5




Gimp: Desktop to Mobile
20.05.2010   © 2010 Nokia   6




Office
20.05.2010   © 2010 Nokia   7




KOffice Viewer with Adapted UI
20.05.2010   © 2010 Nokia   8




What does UX for mobile mean?
  – Functionality, ease of use – emotional connection
  – ...
20.05.2010   © 2010 Nokia   9




Design Center




                forum.nokia.com/designcenter
20.05.2010   © 2010 Nokia   10




User Experience   forum.nokia.com/ux
20.05.2010   © 2010 Nokia   11




Which is better for Nokia devices?
20.05.2010   © 2010 Nokia   12




Design Gallery




      http://www.forum.nokia.com/Technology_Topics/Design_and_User_E...
20.05.2010   © 2010 Nokia   13




Design and Paper Prototyping Templates




      forum.nokia.com/Technology_Topics/Desi...
20.05.2010   © 2010 Nokia   14




Mobile Web Templates




       forum.nokia.com/Technology_Topics/Web_Technologies/Brow...
20.05.2010   © 2010 Nokia   15




Mobile Web Templates – Layouts
20.05.2010   © 2010 Nokia   16




Flowella – Task Flow and Prototyping




              http://www.youtube.com/watch?v=x...
20.05.2010   © 2010 Nokia   17




Behaving on a Mobile Device
• Quality Assurance for publishing
    – Performed for all ...
20.05.2010   © 2010 Nokia   18




Symbian Signed Test Criteria
• Phone usage is critical! Examples:
    – No disruption t...
20.05.2010   © 2010 Nokia   19




Java Verified Test Criteria
•   Even stronger focus on user experience
     – Applicati...
20.05.2010   © 2010 Nokia   20




Post-Sale Feedback Channels
• Note what your users say about your app!
    – Read comme...
Thank You.
Want to learn more?
www.forum.nokia.com/ux
Upcoming SlideShare
Loading in...5
×

Mobile user experience intro

895

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
895
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×