SlideShare ist ein Scribd-Unternehmen logo
1 von 21
Downloaden Sie, um offline zu lesen
Mobile User Experience – Intro



Andreas Jakl
Senior Technical Consultant
Forum Nokia

                                 20 May, 2010
                                         v2.0a
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
•   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   © 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
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
  – 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   © 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_Experience/Design_Gallery/
20.05.2010   © 2010 Nokia   13




Design and Paper Prototyping Templates




      forum.nokia.com/Technology_Topics/Design_and_User_Experience/Conceptual_Design.xhtml
20.05.2010   © 2010 Nokia   14




Mobile Web Templates




       forum.nokia.com/Technology_Topics/Web_Technologies/Browsing/Web_Templates/
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=xmuJwKYjiW0
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
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
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.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!
Thank You.
Want to learn more?
www.forum.nokia.com/ux

Weitere ähnliche Inhalte

Was ist angesagt?

Meego Italian Day 2011 – Andrea Grandi
Meego Italian Day 2011 – Andrea GrandiMeego Italian Day 2011 – Andrea Grandi
Meego Italian Day 2011 – Andrea GrandiFrancesco Baldassarri
 
Web Browser Demystified
Web Browser DemystifiedWeb Browser Demystified
Web Browser DemystifiedRohit Joshi
 
S60 Web Runtime - Web2.0 Expo Europe 2008
S60 Web Runtime - Web2.0 Expo Europe 2008S60 Web Runtime - Web2.0 Expo Europe 2008
S60 Web Runtime - Web2.0 Expo Europe 2008petrosoininen
 
Html5 investigation
Html5 investigationHtml5 investigation
Html5 investigationoppokui
 
Terence Barr - what's new in m&e - 24mai2011
Terence Barr - what's new in m&e - 24mai2011Terence Barr - what's new in m&e - 24mai2011
Terence Barr - what's new in m&e - 24mai2011Agora Group
 
Intro - Forum Nokia & Mobile User Experience
Intro - Forum Nokia & Mobile User ExperienceIntro - Forum Nokia & Mobile User Experience
Intro - Forum Nokia & Mobile User ExperienceAndreas Jakl
 
Nokia Developer Offering Series 40
Nokia Developer Offering Series 40Nokia Developer Offering Series 40
Nokia Developer Offering Series 40Mohamad Iqbal
 
Mobile Showcase Moblin2
Mobile Showcase Moblin2Mobile Showcase Moblin2
Mobile Showcase Moblin2Tomas Bennich
 
Mobile web technologies_overview_v1_0_en
Mobile web technologies_overview_v1_0_enMobile web technologies_overview_v1_0_en
Mobile web technologies_overview_v1_0_enHemant Shah
 
Nokia Web-Runtime Presentation (Phong Vu)
Nokia Web-Runtime Presentation (Phong Vu)Nokia Web-Runtime Presentation (Phong Vu)
Nokia Web-Runtime Presentation (Phong Vu)Daniel Appelquist
 
Nokia Qt SDK in action - Qt developer days 2010
Nokia Qt SDK in action - Qt developer days 2010Nokia Qt SDK in action - Qt developer days 2010
Nokia Qt SDK in action - Qt developer days 2010Nokia
 
Meego Italian Day 2011 - Dr. Luca Roffia
Meego Italian Day 2011 - Dr. Luca RoffiaMeego Italian Day 2011 - Dr. Luca Roffia
Meego Italian Day 2011 - Dr. Luca RoffiaFrancesco Baldassarri
 

Was ist angesagt? (13)

Meego Italian Day 2011 – Andrea Grandi
Meego Italian Day 2011 – Andrea GrandiMeego Italian Day 2011 – Andrea Grandi
Meego Italian Day 2011 – Andrea Grandi
 
Web Browser Demystified
Web Browser DemystifiedWeb Browser Demystified
Web Browser Demystified
 
S60 Web Runtime - Web2.0 Expo Europe 2008
S60 Web Runtime - Web2.0 Expo Europe 2008S60 Web Runtime - Web2.0 Expo Europe 2008
S60 Web Runtime - Web2.0 Expo Europe 2008
 
Html5 investigation
Html5 investigationHtml5 investigation
Html5 investigation
 
Terence Barr - what's new in m&e - 24mai2011
Terence Barr - what's new in m&e - 24mai2011Terence Barr - what's new in m&e - 24mai2011
Terence Barr - what's new in m&e - 24mai2011
 
Nemo intro-100811
Nemo intro-100811Nemo intro-100811
Nemo intro-100811
 
Intro - Forum Nokia & Mobile User Experience
Intro - Forum Nokia & Mobile User ExperienceIntro - Forum Nokia & Mobile User Experience
Intro - Forum Nokia & Mobile User Experience
 
Nokia Developer Offering Series 40
Nokia Developer Offering Series 40Nokia Developer Offering Series 40
Nokia Developer Offering Series 40
 
Mobile Showcase Moblin2
Mobile Showcase Moblin2Mobile Showcase Moblin2
Mobile Showcase Moblin2
 
Mobile web technologies_overview_v1_0_en
Mobile web technologies_overview_v1_0_enMobile web technologies_overview_v1_0_en
Mobile web technologies_overview_v1_0_en
 
Nokia Web-Runtime Presentation (Phong Vu)
Nokia Web-Runtime Presentation (Phong Vu)Nokia Web-Runtime Presentation (Phong Vu)
Nokia Web-Runtime Presentation (Phong Vu)
 
Nokia Qt SDK in action - Qt developer days 2010
Nokia Qt SDK in action - Qt developer days 2010Nokia Qt SDK in action - Qt developer days 2010
Nokia Qt SDK in action - Qt developer days 2010
 
Meego Italian Day 2011 - Dr. Luca Roffia
Meego Italian Day 2011 - Dr. Luca RoffiaMeego Italian Day 2011 - Dr. Luca Roffia
Meego Italian Day 2011 - Dr. Luca Roffia
 

Andere mochten auch

Andere mochten auch (10)

Basics of web runtime
Basics of web runtimeBasics of web runtime
Basics of web runtime
 
Basics of web runtime
Basics of web runtimeBasics of web runtime
Basics of web runtime
 
Ovi store ppt_serbia
Ovi store ppt_serbiaOvi store ppt_serbia
Ovi store ppt_serbia
 
Java me introduction
Java me   introductionJava me   introduction
Java me introduction
 
01 curso de java introducción
01 curso de  java introducción01 curso de  java introducción
01 curso de java introducción
 
Ppt java
Ppt javaPpt java
Ppt java
 
Java an introduction to programming
Java an introduction to programmingJava an introduction to programming
Java an introduction to programming
 
Basics of web runtime
Basics of web runtimeBasics of web runtime
Basics of web runtime
 
Java me introduction
Java me   introductionJava me   introduction
Java me introduction
 
политические партии и движения
политические партии и движенияполитические партии и движения
политические партии и движения
 

Ähnlich wie Mobile user experience intro

Mikehall FutureWorld 2010 - enabling connectivity
Mikehall FutureWorld 2010 - enabling connectivityMikehall FutureWorld 2010 - enabling connectivity
Mikehall FutureWorld 2010 - enabling connectivityMicrosoft Windows Embedded
 
Widgets –what’s that all about then?
Widgets –what’s that all about then?Widgets –what’s that all about then?
Widgets –what’s that all about then?Nathalie Magniez
 
Qt For Maemo - getting to the fast-lane (v2)
Qt For Maemo - getting to the fast-lane (v2)Qt For Maemo - getting to the fast-lane (v2)
Qt For Maemo - getting to the fast-lane (v2)Nokia
 
Mobile Monday Milan 191009 1
Mobile Monday Milan 191009 1Mobile Monday Milan 191009 1
Mobile Monday Milan 191009 1Luca Cioletti
 
Sws lecture13
Sws lecture13Sws lecture13
Sws lecture13sundarnu
 
My IC phone The New Smart Deskphone
My IC phone The New Smart DeskphoneMy IC phone The New Smart Deskphone
My IC phone The New Smart Deskphonemanonlec
 
Wireless Wednesdays: Part 1
Wireless Wednesdays: Part 1Wireless Wednesdays: Part 1
Wireless Wednesdays: Part 1Teamstudio
 
Simon Bates, Manifesto Digital - Mobile Application Development: Past, Presen...
Simon Bates, Manifesto Digital - Mobile Application Development: Past, Presen...Simon Bates, Manifesto Digital - Mobile Application Development: Past, Presen...
Simon Bates, Manifesto Digital - Mobile Application Development: Past, Presen...Simon Bates
 
Qt everywhere
Qt everywhereQt everywhere
Qt everywhereNokia
 
Best Mobile App Development Services in India
Best Mobile App Development Services in IndiaBest Mobile App Development Services in India
Best Mobile App Development Services in IndiaSteve Verma
 
Ovi Store Merchandizing - MoMo, Riga
Ovi Store Merchandizing - MoMo, RigaOvi Store Merchandizing - MoMo, Riga
Ovi Store Merchandizing - MoMo, RigaMikael Stendahl
 
Designing for mobile user experience
Designing for mobile user experienceDesigning for mobile user experience
Designing for mobile user experienceSameer Chavan
 
Java ME - Introduction
Java ME - IntroductionJava ME - Introduction
Java ME - IntroductionAndreas Jakl
 

Ähnlich wie Mobile user experience intro (20)

Ovi store ppt_serbia
Ovi store ppt_serbiaOvi store ppt_serbia
Ovi store ppt_serbia
 
Ovi store ppt_serbia
Ovi store ppt_serbiaOvi store ppt_serbia
Ovi store ppt_serbia
 
Taking Advantage of Webtop
Taking Advantage of WebtopTaking Advantage of Webtop
Taking Advantage of Webtop
 
Mikehall FutureWorld 2010 - enabling connectivity
Mikehall FutureWorld 2010 - enabling connectivityMikehall FutureWorld 2010 - enabling connectivity
Mikehall FutureWorld 2010 - enabling connectivity
 
Nokia Developer Offering 2011
Nokia Developer Offering 2011Nokia Developer Offering 2011
Nokia Developer Offering 2011
 
Widgets –what’s that all about then?
Widgets –what’s that all about then?Widgets –what’s that all about then?
Widgets –what’s that all about then?
 
Qt For Maemo - getting to the fast-lane (v2)
Qt For Maemo - getting to the fast-lane (v2)Qt For Maemo - getting to the fast-lane (v2)
Qt For Maemo - getting to the fast-lane (v2)
 
Mobile Monday Milan 191009 1
Mobile Monday Milan 191009 1Mobile Monday Milan 191009 1
Mobile Monday Milan 191009 1
 
Sws lecture13
Sws lecture13Sws lecture13
Sws lecture13
 
My IC phone The New Smart Deskphone
My IC phone The New Smart DeskphoneMy IC phone The New Smart Deskphone
My IC phone The New Smart Deskphone
 
Wireless Wednesdays: Part 1
Wireless Wednesdays: Part 1Wireless Wednesdays: Part 1
Wireless Wednesdays: Part 1
 
Nfc developers nokia mit event 12 13 10
Nfc developers nokia mit event 12 13 10Nfc developers nokia mit event 12 13 10
Nfc developers nokia mit event 12 13 10
 
Simon Bates, Manifesto Digital - Mobile Application Development: Past, Presen...
Simon Bates, Manifesto Digital - Mobile Application Development: Past, Presen...Simon Bates, Manifesto Digital - Mobile Application Development: Past, Presen...
Simon Bates, Manifesto Digital - Mobile Application Development: Past, Presen...
 
Qt everywhere
Qt everywhereQt everywhere
Qt everywhere
 
iFront 2010 prezentacija na Jure Sustersic
iFront 2010 prezentacija na Jure SustersiciFront 2010 prezentacija na Jure Sustersic
iFront 2010 prezentacija na Jure Sustersic
 
Symbain5
Symbain5Symbain5
Symbain5
 
Best Mobile App Development Services in India
Best Mobile App Development Services in IndiaBest Mobile App Development Services in India
Best Mobile App Development Services in India
 
Ovi Store Merchandizing - MoMo, Riga
Ovi Store Merchandizing - MoMo, RigaOvi Store Merchandizing - MoMo, Riga
Ovi Store Merchandizing - MoMo, Riga
 
Designing for mobile user experience
Designing for mobile user experienceDesigning for mobile user experience
Designing for mobile user experience
 
Java ME - Introduction
Java ME - IntroductionJava ME - Introduction
Java ME - Introduction
 

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