Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

User-Centric Design of Series 40 Apps

2,095 views

Published on

Putting the user at the heart of your app designs is the key to creating winning apps. This webinar will walk you through a design example focusing on helping a user determine where they are, to facilitate the use of a location based application for Series 40 Touch and Type phones. After giving an overview of the available methods for determining the user’s location, the webinar will discuss some of the fundamental drivers behind mobile apps design, such as user mind set, use context, and small screen limitations. Armed with this knowledge, the webinar will explore practical design implementations to enable the user to estimate their location, with a focus on the ways in which you can translate technology into an easy-to-use application. The presentation concludes with an overview of the Series 40 UI design tools and services offered by Nokia to help you deliver winning app design. Overall, this session guides you on how to make complex technology accessible to Series 40 users.

Published in: Technology, Business

User-Centric Design of Series 40 Apps

  1. 1. UX for Location Based ServicesSeries 40 Touch and Type Webinars 20121 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  2. 2. Overview• What to take into account when designing for mobile• Methods to estimate your own location• Transform technical data into information for people • Basics • Showcase ”Radar”• Series 40 UX design tools• Take home messages2 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  3. 3. UX considerations3 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  4. 4. Three mobile mindsets: - bored - microtasking - local (Josh Clark)4 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  5. 5. Your application’s target audience is onthe move, not in the comfy chair.5 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  6. 6. Your application will be used withthumbs only.6 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  7. 7. Use the fastest UI component, not thefanciest one.7 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  8. 8. Do not overload your screen.8 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  9. 9. Allow privacy.9 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  10. 10. Location estimation10 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  11. 11. Cell ID might not represent the nearestmobile network antenna.11 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  12. 12. Time Difference of Arrival and Angle ofArrival require special networks. TDOA AOA12 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  13. 13. AOA and TDOA work indoors butalways with limited precision.13 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  14. 14. GPS might require too long time for thefirst fix – too long for the impatient.14 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  15. 15. Wi-Fi triangulation can work locallyindoors and with high precision.15 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  16. 16. Landmarks and urban marks can offerprecise location data. D16 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  17. 17. Dead reckoning is only as good as theinitial lock and errors sum up.17 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  18. 18. RFID tags can deliver a high accuracyfor an initial lock or for refinement.18 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  19. 19. RFID tags also work as electronicleashes.19 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  20. 20. For other navigation methods it mightbe a long way into the phone.20 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  21. 21. Combine navigation methods for fastaquiring and refining navigation.21 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  22. 22. Showcase RADAR22 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  23. 23. Assumptions for a new feature:Main use cases:- Send an image link to somebody located close to you- Choose 1 or 2 recipients out of multipleAvailable data:- Dynamic distance to other people- Dynamic direction to other people- Phone connection to other people23 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  24. 24. This sounds like a Radar.24 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  25. 25. Learn to step back and observe thewhole thing. What does the user need?25 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  26. 26. Do not overload the screen.26 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  27. 27. Transfer raw location data into a simplecontext – not a fancy context. The left shows an area with many people, the middle shows the representation in a phone, but the phone screen is too small to show all the content and something has to be cropped, the right image shows a simple list.27 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  28. 28. Transfer raw location data into a simplecontext – not a fancy context. The left shows an area with many people, the middle shows the representation in a phone, but the phone screen is too small to show all the content and something has to be cropped, the right image shows a simple list.28 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  29. 29. Utilize relative positions and orientationto sort results. Tina and Jo are in front of me, so they are likely to be the ones I am interacting with, Qing and Tom are behind me, so thet are not likely to talk to me but somebody else.29 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  30. 30. Test early and often.Fail fast and cheap.30 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  31. 31. Series 40 UX design tools31 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  32. 32. Create high fidelity paper prototypeswith Illustrator, Fireworks or Inkscape.32 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  33. 33. Create a launcher icon for a positivefirst impression (AI, PS, Inkscape).33 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  34. 34. Take a look into the style guides tomaintain Series 40 look and feel.34 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  35. 35. The UX checklist helps you avoid themost common design mistakes.35 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  36. 36. Take home messages36 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  37. 37. Your application’s target audience is onthe move, not in the comfy chair.37 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  38. 38. Learn to step back and observe thewhole thing. What does the user need?38 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  39. 39. Use our services to improve the overallrating of your application.39 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  40. 40. Linkshttp://www.developer.nokia.com/Resources/Library/Design_and_UX/#!designing-for-nokia-platforms/designing-for-series-40-touch-and-type.html- Style guides- Icon creation- Stencil setshttp://www.developer.nokia.com/info/sw.nokia.com/id/515ca91b-1160-4841-a1f7-ca821c21b81e/UX_Checklist_for_Series_40.html- UX Checklist40 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  41. 41. Credits •Anne Kivimaa •Sanna Häiväläinen •Sami Ronkainen •Philip Wamsley 41 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber
  42. 42. Thank you.42 © Nokia 2012 User-centric-design-of-Series-40-apps.pptx v. 0.1 2012-05-02 Jan Krebber

×