Increase Your Nokia StoreSuccess with User-centricDesign of Series 40 Apps1        © Nokia 2012 Increase_Your_Nokia_Store_...
Before we start: learn to step back andobserve the whole thing.2   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_Use...
OverviewOverview• Why do I need a good UX?• Idea generation• From ideas to goals• From goals to flows• From flows to views...
Why do I need a good UX?4   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx...
A good UI will increase your reputation.5   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Ser...
A good UI will allow you to make moneyout of your work.6   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centri...
An easy-to-work-with UI is necessaryto create a helpful app.7   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-c...
Start with usability and it will save youtime – easily a 100 times.Effort to change ausabillity problem                   ...
With good UX, your architecture ismore stable and your code is cleaner.9   © Nokia 2012 Increase_Your_Nokia_Store_Success_...
Your rating must be 4 or more stars –otherwise it is just a proof of concept.10   © Nokia 2012 Increase_Your_Nokia_Store_S...
Idea generation11   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 20...
An idea is often a combination of worldknowledge and special knowledge.12   © Nokia 2012 Increase_Your_Nokia_Store_Success...
Prepare your idea for an elevator pitch.13   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Se...
From ideas to goals14   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.0...
Which primary goal do people havewhen utilizing your idea?15   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-ce...
What is needed to reach the goal?16   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40...
Hands on: MyKahvi17   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 ...
Hands on: Write down all the goals –with somebody else.18   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centr...
Hands on: Write down all the goals –with somebody else.19   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centr...
Hands on: Write down all the goals –with somebody else.Goals written by Mark                                Goals written ...
Obey the mobile mindset.- Bored- Microtasking- Local                             Josh Clark21   © Nokia 2012 Increase_Your...
Identify users and context of use?22   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_4...
Set the business drivers.23   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pp...
Prioritize the goals – with somebodyelse.24   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_S...
Hands on: Introduce and group goals.25   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series...
Hands on: Vote for groups(vote per person = groups/2).26   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centri...
Hands on: Prioritize by votes.27   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Ap...
From goals to flows28   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.0...
Base your designs on flows.     Panta rhei.                                                                               ...
Hands on: Create a flow-end based ona goal.30   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of...
Hands on: Start point can be the splashscreen.31   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design...
Hands on: Fill the necessary steps inbetween.32   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_...
Hands on: Create flows for all goals.33   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Serie...
From flows to views34   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.0...
Hands on: Sort the flows.35
Hands on: Sort the flows.36
Hands on: Group flow steps to views.37
Hands on: Group flow steps to views.38
Hands on: Group flow steps to views.39
Hands on: Find a navigation structure.                                                                                    ...
Hands on: Prioritize functions andinformation.41   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design...
Hands on: Compose your view.42   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps...
From views to tested views43   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.p...
Test early – test often.Fail fast – fail cheap.44   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Desig...
Improve your app.45   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 ...
Take home messages46   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01...
Do not design all alone.47   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.ppt...
Base your designs on flows.     Panta rhei.                                                                               ...
Last advice:Test earlier. Test more often.49   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_...
Series 40 Full Touch UI DesignLibrary: http://www.developer.nokia.com/Resources/Library/Full_Touch/Checklist: http://www.d...
Exercises51   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40_Apps.pptx v.01 2012-08-...
Exercise: When do you choose atumbler instead of a list?Do not restrict this problem to Series 40 Full TouchLCDUI or Nokia...
Exercise: What are the differencesbetween radio buttons and checkboxes? When to use them?                                 ...
Exercise: Check ”panta rhei” fromwww.wikipedia.org and other sources.     Panta rhei.                                     ...
Exercise: Compose a view.-        Business driver is to sell e-tickets for a soccer game within an entire soccer         l...
Thanks to:- Tuulikki Lepola- Anne Kivimaa- Sanna Hiukka56   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centr...
Thanks ext-jan.krebber@nokia.com57   © Nokia 2012 Increase_Your_Nokia_Store_Success_with_User-centric_Design_of_Series_40...
Upcoming SlideShare
Loading in...5
×

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

1,114

Published 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 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.

Published in: Technology, Business
2 Comments
2 Likes
Statistics
Notes
No Downloads
Views
Total Views
1,114
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
85
Comments
2
Likes
2
Embeds 0
No embeds

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 of "Increase your nokia store success with user centric design of series 40 apps"

    1. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 35. Hands on: Sort the flows.35
    36. 36. Hands on: Sort the flows.36
    37. 37. Hands on: Group flow steps to views.37
    38. 38. Hands on: Group flow steps to views.38
    39. 39. Hands on: Group flow steps to views.39
    40. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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

    ×