SlideShare ist ein Scribd-Unternehmen logo
1 von 75
Downloaden Sie, um offline zu lesen
Shopping Apps-
      5 rules of a perfect user experience
      Hamburg, 17. May 2011

Dienstag, 17. Mai 2011
By 2014


   12%
   of all e-commerce
   transactions will
   be made with a
   smartphone*


    * Gartner study

Dienstag, 17. Mai 2011
This is great...




Dienstag, 17. Mai 2011
But here is the shocking reality
                         of mobile commerce




Dienstag, 17. Mai 2011
I gave my girlfriend my phone
                         and asked her to buy a
                         classical star trek DVD




Dienstag, 17. Mai 2011
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“


                         „Purchase“

Dienstag, 17. Mai 2011
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 essence




Dienstag, 17. Mai 2011
What is of relevance to the user
                 on the go?




                                                    Slide 18


Dienstag, 17. Mai 2011
Should a shopping app give
                 access to all products...




                                              Slide 19


Dienstag, 17. Mai 2011
or only to some o≠ers?




                                          Slide 20


Dienstag, 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
                                                 Slide 22


Dienstag, 17. Mai 2011
Target app: Nice integration of o≠ers...




                              Swipe
                                                 Slide 22


Dienstag, 17. Mai 2011
Target app: Nice integration of o≠ers...




                              Swipe
                                                 Slide 22


Dienstag, 17. Mai 2011
But also easy navigation to find a certain
      product
      Search




                                            Slide 23


Dienstag, 17. Mai 2011
And easy Navigation to find a certain
      product
                                  Voice input




                                             Slide 24


Dienstag, 17. Mai 2011
And easy Navigation to find a certain
      product
                                  Bar code
                                  scanner




                                             Slide 25


Dienstag, 17. Mai 2011
And easy Navigation to find a certain
      product


                                   Overview
                                   with list of
                                   categories




                                             Slide 26


Dienstag, 17. Mai 2011
Another possibility:
                    Di≠erent apps for di≠erent tasks




Dienstag, 17. Mai 2011
The „general“ app
                         where you can buy
                         everything




Dienstag, 17. Mai 2011
Apps for a more
                         focused usage




Dienstag, 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 app




Dienstag, 17. Mai 2011
Slide 32


Dienstag, 17. Mai 2011
Dienstag, 17. Mai 2011
Make the design
                         simple, interruptible
                         and finger friendly




Dienstag, 17. Mai 2011
Simplicity is King: If you aren’t
                         making something easier, then
                         it’s best to leave it out.




Dienstag, 17. Mai 2011
Lets have a look at 3
                         di≠erent checkout screens:




Dienstag, 17. Mai 2011
good




      Reed App
      Like a task list

Dienstag, 17. Mai 2011
good      better




      Reed App           Guilt App
      Like a task list   Only one
                         screen
Dienstag, 17. Mai 2011
good      better      best




      Reed App           Guilt App   Amazon App, 1-
      Like a task list   Only one    Click
                         screen      no typing in at all
Dienstag, 17. Mai 2011
Mobile design should be
                         interruptiple design.




Dienstag, 17. Mai 2011
The Kayak App, it saves every user input




                                           Slide 39


Dienstag, 17. Mai 2011
Mobile there is nothing more precious
      than the information you hardly typed in




                                            Slide 40


Dienstag, 17. Mai 2011
Finger friendlyness, touch
                         targets should be big enough




Dienstag, 17. Mai 2011
13 Pixel
Dienstag, 17. Mai 2011
Dienstag, 17. Mai 2011
Create a clear mobile
                         interaction design




Dienstag, 17. Mai 2011
Don‘t try to be smarter than
                         everybody else - use the
                         phones standards




Dienstag, 17. Mai 2011
Use the phones interface standards

                         Back- Button   Navigation Bar




                                        Content




                                        Tab Bar
                                                         Slide 46


Dienstag, 17. Mai 2011
Make it very clear which
                         element ist clickable.




Dienstag, 17. Mai 2011
Use color the guide your user




                                      Slide 48


Dienstag, 17. Mai 2011
Create a good flow!




Dienstag, 17. Mai 2011
Wireframes and scribbles are helping
a lot to create an easy user flow!




Dienstag, 17. Mai 2011
Dienstag, 17. Mai 2011
Take advantage of the
                         phones features




Dienstag, 17. Mai 2011
Do things, you only can
                         do with a smartphone




Dienstag, 17. Mai 2011
Kayak App: Useful integration of
      localization feature




                                         Slide 54


Dienstag, 17. Mai 2011
Bolia App: Nice example to use the
      camera of the phone




                                           Slide 55


Dienstag, 17. Mai 2011
Dienstag, 17. Mai 2011
Create lovely, useful
                         Details




Dienstag, 17. Mai 2011
The standard timer
       app, how to
       improve that?




Dienstag, 17. Mai 2011
Pronto
         Timer App




Dienstag, 17. Mai 2011
Summary:
            1. Reduce to the essence




Dienstag, 17. Mai 2011
Summary:
            1. Reduce to the essence


            2. Make the design simple, interruptible and finger friendly




Dienstag, 17. Mai 2011
Summary:
            1. Reduce to the essence


            2. Make the design simple, interruptible and finger friendly


            3. Create a clear mobile interaction design




Dienstag, 17. Mai 2011
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




Dienstag, 17. Mai 2011
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 details



Dienstag, 17. Mai 2011
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

        www.sinnerschrader.de
        info@sinnerschrader.de


Dienstag, 17. Mai 2011
Dienstag, 17. Mai 2011
Usability   Markenführung




        Nutzerführung                        Interfacedesign




    Flow                                       Umsetzungsqualität




Dienstag, 17. Mai 2011

Weitere ähnliche Inhalte

Empfohlen

ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...DevGAMM Conference
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationErica Santiago
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellSaba Software
 
Introduction to C Programming Language
Introduction to C Programming LanguageIntroduction to C Programming Language
Introduction to C Programming LanguageSimplilearn
 
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...Palo Alto Software
 
9 Tips for a Work-free Vacation
9 Tips for a Work-free Vacation9 Tips for a Work-free Vacation
9 Tips for a Work-free VacationWeekdone.com
 
I Rock Therefore I Am. 20 Legendary Quotes from Prince
I Rock Therefore I Am. 20 Legendary Quotes from PrinceI Rock Therefore I Am. 20 Legendary Quotes from Prince
I Rock Therefore I Am. 20 Legendary Quotes from PrinceEmpowered Presentations
 
How to Map Your Future
How to Map Your FutureHow to Map Your Future
How to Map Your FutureSlideShop.com
 

Empfohlen (20)

ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
 
Introduction to C Programming Language
Introduction to C Programming LanguageIntroduction to C Programming Language
Introduction to C Programming Language
 
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...
The Pixar Way: 37 Quotes on Developing and Maintaining a Creative Company (fr...
 
9 Tips for a Work-free Vacation
9 Tips for a Work-free Vacation9 Tips for a Work-free Vacation
9 Tips for a Work-free Vacation
 
I Rock Therefore I Am. 20 Legendary Quotes from Prince
I Rock Therefore I Am. 20 Legendary Quotes from PrinceI Rock Therefore I Am. 20 Legendary Quotes from Prince
I Rock Therefore I Am. 20 Legendary Quotes from Prince
 
How to Map Your Future
How to Map Your FutureHow to Map Your Future
How to Map Your Future
 

Shopping Apps - 5 rules of a perfect user experience