Increase your nokia store success with user centric design of series 40 apps

  • Published on
    13-May-2015

  • View
    1.089

  • Download
    0

DESCRIPTION

Success in Nokia Store is dominated by apps with 4- or 5-star user ratings. Big companies know this and hire full-time UX specialists to ensure high ratings. If you cant afford a dedicated UX specialist, this webinar is for you. UX expert Jan Krebber from Digia will walk you through a simple process focusing on UX-design principles that are critical for success in the growing market for Nokia Asha Touch apps. The ideas are easy to follow; after the webinar, you should be able to apply user-centric design to your own application projects. The presentation will point out the benefits of a superior user experience, apply the design process to a sample application, and give you a chance to try things yourself in an exercise. Possible solutions for the exercise will be published afterwards in a Nokia Developer Wiki article.

Transcript

1.Increase Your Nokia StoreSuccess with User-centricDesign of Series 40 Apps1 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber2. Before we start: learn to step back andobserve the whole thing.2 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 3. OverviewOverview Why do I need a good UX? Idea generation From ideas to goals From goals to flows From flows to views From views to tested views Take home messages Exercises3 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 4. Why do I need a good UX?4 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 5. A good UI will increase your reputation.5 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 6. A good UI will allow you to make moneyout of your work.6 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 7. An easy-to-work-with UI is necessaryto create a helpful app.7 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 8. Start with usability and it will save youtime easily a 100 times.Effort to change ausabillity problemProject time8 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 9. With good UX, your architecture ismore stable and your code is cleaner.9 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 10. Your rating must be 4 or more stars otherwise it is just a proof of concept.10 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 11. Idea generation11 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 12. An idea is often a combination of worldknowledge and special knowledge.12 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 13. Prepare your idea for an elevator pitch.13 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 14. From ideas to goals14 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 15. Which primary goal do people havewhen utilizing your idea?15 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 16. What is needed to reach the goal?16 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 17. Hands on: MyKahvi17 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 18. Hands on: Write down all the goals with somebody else.18 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 19. Hands on: Write down all the goals with somebody else.19 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 20. Hands on: Write down all the goals with somebody else.Goals written by MarkGoals written by GeorgGoals written by Jingna20 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 21. Obey the mobile mindset.- Bored- Microtasking- Local Josh Clark21 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 22. Identify users and context of use?22 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 23. Set the business drivers.23 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 24. Prioritize the goals with somebodyelse.24 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 25. Hands on: Introduce and group goals.25 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 26. Hands on: Vote for groups(vote per person = groups/2).26 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 27. Hands on: Prioritize by votes.27 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 28. From goals to flows28 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 29. Base your designs on flows. Panta rhei.Heraclitus29 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 30. Hands on: Create a flow-end based ona goal.30 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 31. Hands on: Start point can be the splashscreen.31 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 32. Hands on: Fill the necessary steps inbetween.32 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 33. Hands on: Create flows for all goals.33 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 34. From flows to views34 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 35. Hands on: Sort the flows.35 36. Hands on: Sort the flows.36 37. Hands on: Group flow steps to views.37 38. Hands on: Group flow steps to views.38 39. Hands on: Group flow steps to views.39 40. Hands on: Find a navigation structure.Drill down- Non-touch- Touch & TypeCategories (tabs)- Full touch40 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 41. Hands on: Prioritize functions andinformation.41 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 42. Hands on: Compose your view.42 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 43. From views to tested views43 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 44. Test early test often.Fail fast fail cheap.44 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 45. Improve your app.45 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 46. Take home messages46 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 47. Do not design all alone.47 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 48. Base your designs on flows. Panta rhei.Heraclitus48 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 49. Last advice:Test earlier. Test more often.49 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 50. Series 40 Full Touch UI DesignLibrary: http://www.developer.nokia.com/Resources/Library/Full_Touch/Checklist: http://www.developer.nokia.com/Resources/Library/Full_Touch/#!ux-checklist.htmlIcon Creation: http://www.developer.nokia.com/Resources/Library/Full_Touch/#!icon-creation.htmlUI Components: http://www.developer.nokia.com/Resources/Library/Full_Touch/#!ui-components.htmlUI Components Demos App: https://projects.developer.nokia.com/s40uivisualisationBasics: http://www.developer.nokia.com/Resources/Library/Design_and_UX/Asha Touch Competition 2012Q3:http://www.developer.nokia.com/Community/Wiki/Asha_Touch_Competition_2012Q3Wiki article to this webinar:http://www.developer.nokia.com/Community/Wiki/index.php?title=Webinar_Series_40_UI_Concept_Design50 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 51. Exercises51 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 52. Exercise: When do you choose atumbler instead of a list?Do not restrict this problem to Series 40 Full TouchLCDUI or Nokia UI.52 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 53. Exercise: What are the differencesbetween radio buttons and checkboxes? When to use them? 53 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 54. Exercise: Check panta rhei fromwww.wikipedia.org and other sources. Panta rhei.Heraclitus54 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 55. Exercise: Compose a view.-Business driver is to sell e-tickets for a soccer game within an entire soccer league-In the previous view, the user has chosen this certain game. For this game she wants to buy tickets-Only Series 40 full touch-No category bar, standard header bar and Back button-View items [amount of votes, max 8] -Buy tickets (link) [6] -More information about the stadium (info) [1] -Show how many tickets have been bought for this game by this user (info) [8] -Display the e-tickets (link) [6] -Show start time (info) [7] -More information about the soccer teams (link) [1] -Show stadium name (info) [5] -Show who is playing (info) [8] -Navigate me to the stadium (link) [4] -Show stadium address (info) [2] -Show images of the stadium (link) [3] -Show emblems of soccer clubs (info) [8]55 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 56. Thanks to:- Tuulikki Lepola- Anne Kivimaa- Sanna Hiukka56 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber 57. Thanks ext-jan.krebber@nokia.com57 Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-22 Jan Krebber

Recommended

View more >