SlideShare une entreprise Scribd logo
1  sur  21
Télécharger pour lire hors ligne
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

Contenu connexe

Tendances

WinWire webinar: Converting iPad apps to Windows Store apps
WinWire webinar: Converting iPad apps to Windows Store appsWinWire webinar: Converting iPad apps to Windows Store apps
WinWire webinar: Converting iPad apps to Windows Store apps
WinWire Technologies Inc
 
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
Hemant Shah
 
2011 0330 czech open coffee info for developers
2011 0330 czech open coffee info for developers2011 0330 czech open coffee info for developers
2011 0330 czech open coffee info for developers
TUESDAY Business Network
 
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
Agora Group
 

Tendances (11)

Razum
RazumRazum
Razum
 
Nokia Developer Offering Update
Nokia Developer Offering UpdateNokia Developer Offering Update
Nokia Developer Offering Update
 
Meego Italian Day 2011 – Andrea Grandi
Meego Italian Day 2011 – Andrea GrandiMeego Italian Day 2011 – Andrea Grandi
Meego Italian Day 2011 – Andrea Grandi
 
Gian Luca Cioletti - Start With Forum Nokia
Gian Luca Cioletti - Start With Forum NokiaGian Luca Cioletti - Start With Forum Nokia
Gian Luca Cioletti - Start With Forum Nokia
 
Forum Nokia Le Mobile 2.0 Edition 2009
Forum Nokia Le Mobile 2.0 Edition 2009Forum Nokia Le Mobile 2.0 Edition 2009
Forum Nokia Le Mobile 2.0 Edition 2009
 
Intro - Forum Nokia & Mobile User Experience
Intro - Forum Nokia & Mobile User ExperienceIntro - Forum Nokia & Mobile User Experience
Intro - Forum Nokia & Mobile User Experience
 
WinWire webinar: Converting iPad apps to Windows Store apps
WinWire webinar: Converting iPad apps to Windows Store appsWinWire webinar: Converting iPad apps to Windows Store apps
WinWire webinar: Converting iPad apps to Windows Store apps
 
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
 
2011 0330 czech open coffee info for developers
2011 0330 czech open coffee info for developers2011 0330 czech open coffee info for developers
2011 0330 czech open coffee info for developers
 
Nemo intro-100811
Nemo intro-100811Nemo intro-100811
Nemo intro-100811
 
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
 

Similaire à Mobile user experience intro

Mikehall FutureWorld 2010 - enabling connectivity
Mikehall FutureWorld 2010 - enabling connectivityMikehall FutureWorld 2010 - enabling connectivity
Mikehall FutureWorld 2010 - enabling connectivity
Microsoft 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
 
Sws lecture13
Sws lecture13Sws lecture13
Sws lecture13
sundarnu
 
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
manonlec
 
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
Steve Verma
 

Similaire à 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
 
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)
 
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
 

Dernier

IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Dernier (20)

GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 

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