mobile user experience intro
DESCRIPTION
TRANSCRIPT
![Page 1: Mobile user experience intro](https://reader031.vdocuments.us/reader031/viewer/2022020110/5482621bb4af9f8c0d8b479e/html5/thumbnails/1.jpg)
20 May, 2010
Mobile User Experience – Intro
Andreas JaklSenior Technical ConsultantForum Nokia
v2.0a
![Page 2: Mobile user experience intro](https://reader031.vdocuments.us/reader031/viewer/2022020110/5482621bb4af9f8c0d8b479e/html5/thumbnails/2.jpg)
Thinking Mobile
20.05.2010 2
![Page 3: Mobile user experience intro](https://reader031.vdocuments.us/reader031/viewer/2022020110/5482621bb4af9f8c0d8b479e/html5/thumbnails/3.jpg)
© 2010 Nokia
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”
20.05.2010 3
![Page 4: Mobile user experience intro](https://reader031.vdocuments.us/reader031/viewer/2022020110/5482621bb4af9f8c0d8b479e/html5/thumbnails/4.jpg)
© 2010 Nokia
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
20.05.2010 4
![Page 5: Mobile user experience intro](https://reader031.vdocuments.us/reader031/viewer/2022020110/5482621bb4af9f8c0d8b479e/html5/thumbnails/5.jpg)
20.05.2010 5© 2010 Nokia
Gimp: Desktop to Mobile
![Page 6: Mobile user experience intro](https://reader031.vdocuments.us/reader031/viewer/2022020110/5482621bb4af9f8c0d8b479e/html5/thumbnails/6.jpg)
20.05.2010 6© 2010 Nokia
Office
![Page 7: Mobile user experience intro](https://reader031.vdocuments.us/reader031/viewer/2022020110/5482621bb4af9f8c0d8b479e/html5/thumbnails/7.jpg)
20.05.2010 7© 2010 Nokia
KOffice Viewer with Adapted UI
![Page 8: Mobile user experience intro](https://reader031.vdocuments.us/reader031/viewer/2022020110/5482621bb4af9f8c0d8b479e/html5/thumbnails/8.jpg)
© 2010 Nokia
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
20.05.2010 8
![Page 9: Mobile user experience intro](https://reader031.vdocuments.us/reader031/viewer/2022020110/5482621bb4af9f8c0d8b479e/html5/thumbnails/9.jpg)
20.05.2010 9© 2010 Nokia
Design Center
forum.nokia.com/designcenter
![Page 10: Mobile user experience intro](https://reader031.vdocuments.us/reader031/viewer/2022020110/5482621bb4af9f8c0d8b479e/html5/thumbnails/10.jpg)
20.05.2010 10© 2010 Nokia
User Experience forum.nokia.com/ux
![Page 11: Mobile user experience intro](https://reader031.vdocuments.us/reader031/viewer/2022020110/5482621bb4af9f8c0d8b479e/html5/thumbnails/11.jpg)
20.05.2010 11© 2010 Nokia
Which is better for Nokia devices?
![Page 12: Mobile user experience intro](https://reader031.vdocuments.us/reader031/viewer/2022020110/5482621bb4af9f8c0d8b479e/html5/thumbnails/12.jpg)
20.05.2010 12© 2010 Nokia
Design Gallery
http://www.forum.nokia.com/Technology_Topics/Design_and_User_Experience/Design_Gallery/
![Page 13: Mobile user experience intro](https://reader031.vdocuments.us/reader031/viewer/2022020110/5482621bb4af9f8c0d8b479e/html5/thumbnails/13.jpg)
20.05.2010 13© 2010 Nokia
Design and Paper Prototyping Templates
forum.nokia.com/Technology_Topics/Design_and_User_Experience/Conceptual_Design.xhtml
![Page 14: Mobile user experience intro](https://reader031.vdocuments.us/reader031/viewer/2022020110/5482621bb4af9f8c0d8b479e/html5/thumbnails/14.jpg)
20.05.2010 14© 2010 Nokia
Mobile Web Templates
forum.nokia.com/Technology_Topics/Web_Technologies/Browsing/Web_Templates/
![Page 15: Mobile user experience intro](https://reader031.vdocuments.us/reader031/viewer/2022020110/5482621bb4af9f8c0d8b479e/html5/thumbnails/15.jpg)
20.05.2010 15© 2010 Nokia
Mobile Web Templates – Layouts
![Page 16: Mobile user experience intro](https://reader031.vdocuments.us/reader031/viewer/2022020110/5482621bb4af9f8c0d8b479e/html5/thumbnails/16.jpg)
20.05.2010 16© 2010 Nokia
Flowella – Task Flow and Prototyping
http://www.youtube.com/watch?v=xmuJwKYjiW0
![Page 17: Mobile user experience intro](https://reader031.vdocuments.us/reader031/viewer/2022020110/5482621bb4af9f8c0d8b479e/html5/thumbnails/17.jpg)
© 2010 Nokia
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
20.05.2010 17
![Page 18: Mobile user experience intro](https://reader031.vdocuments.us/reader031/viewer/2022020110/5482621bb4af9f8c0d8b479e/html5/thumbnails/18.jpg)
© 2010 Nokia
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
20.05.2010 18
![Page 19: Mobile user experience intro](https://reader031.vdocuments.us/reader031/viewer/2022020110/5482621bb4af9f8c0d8b479e/html5/thumbnails/19.jpg)
© 2010 Nokia
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.05.2010 19
![Page 20: Mobile user experience intro](https://reader031.vdocuments.us/reader031/viewer/2022020110/5482621bb4af9f8c0d8b479e/html5/thumbnails/20.jpg)
© 2010 Nokia
Post-Sale Feedback Channels• Note what your users say about your app!
– Read comments
– Update frequently and fast
– Word of mouth very strong factor!
20.05.2010 20
Users are helping users.But: better improve UI to target cause!