Shopping Apps-      5 rules of a perfect user experience      Hamburg, 17. May 2011Dienstag, 17. Mai 2011
By 2014   12%   of all e-commerce   transactions will   be made with a   smartphone*    * Gartner studyDienstag, 17. Mai 2...
This is great...Dienstag, 17. Mai 2011
But here is the shocking reality                         of mobile commerceDienstag, 17. Mai 2011
I gave my girlfriend my phone                         and asked her to buy a                         classical star trek D...
Dienstag, 17. Mai 2011
„Oh, this is the wrong                         product“Dienstag, 17. Mai 2011
„Hm, we don‘t have a                         blue ray player!“Dienstag, 17. Mai 2011
„I need a login. Oh I                         have to search again“Dienstag, 17. Mai 2011
„Finally we got it“Dienstag, 17. Mai 2011
Dienstag, 17. Mai 2011
Dienstag, 17. Mai 2011                         >30Klicks
„Preparation“                         „Searching                         for the right                         produkt“   ...
Less screen space -           less space for information                                > -80%Dienstag, 17. Mai 2011
So, mobile shopping                         is not that easy.Dienstag, 17. Mai 2011
Maybe some guidelines                         could be useful.Dienstag, 17. Mai 2011
Dienstag, 17. Mai 2011
Reduce to the essenceDienstag, 17. Mai 2011
What is of relevance to the user                 on the go?                                                    Slide 18Die...
Should a shopping app give                 access to all products...                                              Slide 19...
or only to some o≠ers?                                          Slide 20Dienstag, 17. Mai 2011
Combine relevant o≠ers and                         full access to all your products.Dienstag, 17. Mai 2011
Target app: Nice integration of o≠ers...                              Swipe                                               ...
Target app: Nice integration of o≠ers...                              Swipe                                               ...
Target app: Nice integration of o≠ers...                              Swipe                                               ...
But also easy navigation to find a certain      product      Search                                            Slide 23Dien...
And easy Navigation to find a certain      product                                  Voice input                            ...
And easy Navigation to find a certain      product                                  Bar code                               ...
And easy Navigation to find a certain      product                                   Overview                              ...
Another possibility:                    Di≠erent apps for di≠erent tasksDienstag, 17. Mai 2011
The „general“ app                         where you can buy                         everythingDienstag, 17. Mai 2011
Apps for a more                         focused usageDienstag, 17. Mai 2011
The icons should be easy to di≠erentiate!Dienstag, 17. Mai 2011
Or just reduce to a relevant use                         case in just one focussed appDienstag, 17. Mai 2011
Slide 32Dienstag, 17. Mai 2011
Dienstag, 17. Mai 2011
Make the design                         simple, interruptible                         and finger friendlyDienstag, 17. Mai ...
Simplicity is King: If you aren’t                         making something easier, then                         it’s best ...
Lets have a look at 3                         di≠erent checkout screens:Dienstag, 17. Mai 2011
good      Reed App      Like a task listDienstag, 17. Mai 2011
good      better      Reed App           Guilt App      Like a task list   Only one                         screenDienstag...
good      better      best      Reed App           Guilt App   Amazon App, 1-      Like a task list   Only one    Click   ...
Mobile design should be                         interruptiple design.Dienstag, 17. Mai 2011
The Kayak App, it saves every user input                                           Slide 39Dienstag, 17. Mai 2011
Mobile there is nothing more precious      than the information you hardly typed in                                       ...
Finger friendlyness, touch                         targets should be big enoughDienstag, 17. Mai 2011
13 PixelDienstag, 17. Mai 2011
Dienstag, 17. Mai 2011
Create a clear mobile                         interaction designDienstag, 17. Mai 2011
Don‘t try to be smarter than                         everybody else - use the                         phones standardsDien...
Use the phones interface standards                         Back- Button   Navigation Bar                                  ...
Make it very clear which                         element ist clickable.Dienstag, 17. Mai 2011
Use color the guide your user                                      Slide 48Dienstag, 17. Mai 2011
Create a good flow!Dienstag, 17. Mai 2011
Wireframes and scribbles are helpinga lot to create an easy user flow!Dienstag, 17. Mai 2011
Dienstag, 17. Mai 2011
Take advantage of the                         phones featuresDienstag, 17. Mai 2011
Do things, you only can                         do with a smartphoneDienstag, 17. Mai 2011
Kayak App: Useful integration of      localization feature                                         Slide 54Dienstag, 17. M...
Bolia App: Nice example to use the      camera of the phone                                           Slide 55Dienstag, 17...
Dienstag, 17. Mai 2011
Create lovely, useful                         DetailsDienstag, 17. Mai 2011
The standard timer       app, how to       improve that?Dienstag, 17. Mai 2011
Pronto         Timer AppDienstag, 17. Mai 2011
Summary:            1. Reduce to the essenceDienstag, 17. Mai 2011
Summary:            1. Reduce to the essence            2. Make the design simple, interruptible and finger friendlyDiensta...
Summary:            1. Reduce to the essence            2. Make the design simple, interruptible and finger friendly       ...
Summary:            1. Reduce to the essence            2. Make the design simple, interruptible and finger friendly       ...
Summary:            1. Reduce to the essence            2. Make the design simple, interruptible and finger friendly       ...
And don‘t forget                         this last number...Dienstag, 17. Mai 2011
26%                          *Percentage of apps that                          where only used once.Dienstag, 17. Mai 2011
Thank you.Dienstag, 17. Mai 2011
SinnerSchrader Deutschland GmbH        Völckersstraße 38        22765 Hamburg        T 040.398855-0        F 040.398855-55...
Dienstag, 17. Mai 2011
Usability   Markenführung        Nutzerführung                        Interfacedesign    Flow                             ...
Upcoming SlideShare
Loading in …5
×

Shopping Apps - 5 rules of a perfect user experience

1,056 views

Published on

5 golden rules how to create a perfect mobile shopping interface, that is fun to use on a mobile display. What are the basic mobile usability and design principles that lead into the mobile future?

Published in: Design, Travel, Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,056
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
23
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Shopping Apps - 5 rules of a perfect user experience

  1. 1. Shopping Apps- 5 rules of a perfect user experience Hamburg, 17. May 2011Dienstag, 17. Mai 2011
  2. 2. By 2014 12% of all e-commerce transactions will be made with a smartphone* * Gartner studyDienstag, 17. Mai 2011
  3. 3. This is great...Dienstag, 17. Mai 2011
  4. 4. But here is the shocking reality of mobile commerceDienstag, 17. Mai 2011
  5. 5. I gave my girlfriend my phone and asked her to buy a classical star trek DVDDienstag, 17. Mai 2011
  6. 6. Dienstag, 17. Mai 2011
  7. 7. „Oh, this is the wrong product“Dienstag, 17. Mai 2011
  8. 8. „Hm, we don‘t have a blue ray player!“Dienstag, 17. Mai 2011
  9. 9. „I need a login. Oh I have to search again“Dienstag, 17. Mai 2011
  10. 10. „Finally we got it“Dienstag, 17. Mai 2011
  11. 11. Dienstag, 17. Mai 2011
  12. 12. Dienstag, 17. Mai 2011 >30Klicks
  13. 13. „Preparation“ „Searching for the right produkt“ „Purchase“Dienstag, 17. Mai 2011
  14. 14. Less screen space - less space for information > -80%Dienstag, 17. Mai 2011
  15. 15. So, mobile shopping is not that easy.Dienstag, 17. Mai 2011
  16. 16. Maybe some guidelines could be useful.Dienstag, 17. Mai 2011
  17. 17. Dienstag, 17. Mai 2011
  18. 18. Reduce to the essenceDienstag, 17. Mai 2011
  19. 19. What is of relevance to the user on the go? Slide 18Dienstag, 17. Mai 2011
  20. 20. Should a shopping app give access to all products... Slide 19Dienstag, 17. Mai 2011
  21. 21. or only to some o≠ers? Slide 20Dienstag, 17. Mai 2011
  22. 22. Combine relevant o≠ers and full access to all your products.Dienstag, 17. Mai 2011
  23. 23. Target app: Nice integration of o≠ers... Swipe Slide 22Dienstag, 17. Mai 2011
  24. 24. Target app: Nice integration of o≠ers... Swipe Slide 22Dienstag, 17. Mai 2011
  25. 25. Target app: Nice integration of o≠ers... Swipe Slide 22Dienstag, 17. Mai 2011
  26. 26. But also easy navigation to find a certain product Search Slide 23Dienstag, 17. Mai 2011
  27. 27. And easy Navigation to find a certain product Voice input Slide 24Dienstag, 17. Mai 2011
  28. 28. And easy Navigation to find a certain product Bar code scanner Slide 25Dienstag, 17. Mai 2011
  29. 29. And easy Navigation to find a certain product Overview with list of categories Slide 26Dienstag, 17. Mai 2011
  30. 30. Another possibility: Di≠erent apps for di≠erent tasksDienstag, 17. Mai 2011
  31. 31. The „general“ app where you can buy everythingDienstag, 17. Mai 2011
  32. 32. Apps for a more focused usageDienstag, 17. Mai 2011
  33. 33. The icons should be easy to di≠erentiate!Dienstag, 17. Mai 2011
  34. 34. Or just reduce to a relevant use case in just one focussed appDienstag, 17. Mai 2011
  35. 35. Slide 32Dienstag, 17. Mai 2011
  36. 36. Dienstag, 17. Mai 2011
  37. 37. Make the design simple, interruptible and finger friendlyDienstag, 17. Mai 2011
  38. 38. Simplicity is King: If you aren’t making something easier, then it’s best to leave it out.Dienstag, 17. Mai 2011
  39. 39. Lets have a look at 3 di≠erent checkout screens:Dienstag, 17. Mai 2011
  40. 40. good Reed App Like a task listDienstag, 17. Mai 2011
  41. 41. good better Reed App Guilt App Like a task list Only one screenDienstag, 17. Mai 2011
  42. 42. good better best Reed App Guilt App Amazon App, 1- Like a task list Only one Click screen no typing in at allDienstag, 17. Mai 2011
  43. 43. Mobile design should be interruptiple design.Dienstag, 17. Mai 2011
  44. 44. The Kayak App, it saves every user input Slide 39Dienstag, 17. Mai 2011
  45. 45. Mobile there is nothing more precious than the information you hardly typed in Slide 40Dienstag, 17. Mai 2011
  46. 46. Finger friendlyness, touch targets should be big enoughDienstag, 17. Mai 2011
  47. 47. 13 PixelDienstag, 17. Mai 2011
  48. 48. Dienstag, 17. Mai 2011
  49. 49. Create a clear mobile interaction designDienstag, 17. Mai 2011
  50. 50. Don‘t try to be smarter than everybody else - use the phones standardsDienstag, 17. Mai 2011
  51. 51. Use the phones interface standards Back- Button Navigation Bar Content Tab Bar Slide 46Dienstag, 17. Mai 2011
  52. 52. Make it very clear which element ist clickable.Dienstag, 17. Mai 2011
  53. 53. Use color the guide your user Slide 48Dienstag, 17. Mai 2011
  54. 54. Create a good flow!Dienstag, 17. Mai 2011
  55. 55. Wireframes and scribbles are helpinga lot to create an easy user flow!Dienstag, 17. Mai 2011
  56. 56. Dienstag, 17. Mai 2011
  57. 57. Take advantage of the phones featuresDienstag, 17. Mai 2011
  58. 58. Do things, you only can do with a smartphoneDienstag, 17. Mai 2011
  59. 59. Kayak App: Useful integration of localization feature Slide 54Dienstag, 17. Mai 2011
  60. 60. Bolia App: Nice example to use the camera of the phone Slide 55Dienstag, 17. Mai 2011
  61. 61. Dienstag, 17. Mai 2011
  62. 62. Create lovely, useful DetailsDienstag, 17. Mai 2011
  63. 63. The standard timer app, how to improve that?Dienstag, 17. Mai 2011
  64. 64. Pronto Timer AppDienstag, 17. Mai 2011
  65. 65. Summary: 1. Reduce to the essenceDienstag, 17. Mai 2011
  66. 66. Summary: 1. Reduce to the essence 2. Make the design simple, interruptible and finger friendlyDienstag, 17. Mai 2011
  67. 67. Summary: 1. Reduce to the essence 2. Make the design simple, interruptible and finger friendly 3. Create a clear mobile interaction designDienstag, 17. Mai 2011
  68. 68. Summary: 1. Reduce to the essence 2. Make the design simple, interruptible and finger friendly 3. Create a clear mobile interaction design 4. Take advantage of the phones featuresDienstag, 17. Mai 2011
  69. 69. Summary: 1. Reduce to the essence 2. Make the design simple, interruptible and finger friendly 3. Create a clear mobile interaction design 4. Take advantage of the phones features 5. Create lovely, useful detailsDienstag, 17. Mai 2011
  70. 70. And don‘t forget this last number...Dienstag, 17. Mai 2011
  71. 71. 26% *Percentage of apps that where only used once.Dienstag, 17. Mai 2011
  72. 72. Thank you.Dienstag, 17. Mai 2011
  73. 73. SinnerSchrader Deutschland GmbH Völckersstraße 38 22765 Hamburg T 040.398855-0 F 040.398855-55 www.sinnerschrader.de info@sinnerschrader.deDienstag, 17. Mai 2011
  74. 74. Dienstag, 17. Mai 2011
  75. 75. Usability Markenführung Nutzerführung Interfacedesign Flow UmsetzungsqualitätDienstag, 17. Mai 2011

×