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

  • 1,045 views
Uploaded on

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 can’t afford a dedicated UX …

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 can’t 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.

More in: Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • Recording of session 2 is now live: http://forumnokia.adobeconnect.com/p5rra324wt0/
    Are you sure you want to
    Your message goes here
  • Recording of session 1 is now live: http://forumnokia.adobeconnect.com/p95ca39lnw9/
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
1,045
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
81
Comments
2
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • Bad UI might drive you out of business
  • Bad UI might kill you app before it comes to the marketBad UI might drive you out of business
  • Monetary worthless, but also for those who do it for reputation or just would like to help.It is unlikely that people continue using an app with just 3 star rating over a long time – if at allYou will be easily outperformed by somebody else and than your paa is history4 stars are not that easy to beat, maybe to becone even
  • Searching as well

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 Krebber
  • 2. 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 problem Project 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 Mark Goals written by Georg Goals 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 & Type Categories (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