Mobile user experience intro

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 tolearn more? www.forum.nokia.com/ux