SlideShare una empresa de Scribd logo
1 de 108
Descargar para leer sin conexión
Easy Mobile
Making Your Application Easier to Use




     jason@gravityswitch.com
           #jasonNmark


                                                      gravity switch
                       Nice people. Award-winning process. Websites done right.
What You’ll Learn Today

  ‣ Overview of Mobile Usability
  ‣ Traits of Successful Apps
  ‣ Tips
  ‣ Your Applications

                                                  gravity switch
                   Nice people. Award-winning process. Websites done right.
Jason@gravityswitch.com


              Web / iPhone / iPad
              Technology serves business
              Educator
              Author




                                                     gravity switch
                                                   gravity switch
                    Nice Nice people. Award-winning process. Websites done right.
                         people. Award-winning process. Websites done right.
Easy Mobile - Making Your Application Easier To Use - Gravity Switch
I Like Tricky Problems




                                                    gravity switch
                                                  gravity switch
                   Nice Nice people. Award-winning process. Websites done right.
                        people. Award-winning process. Websites done right.
A Little About You




                                          gravity switch
                                               gravity switch
                                            gravity switch
           NiceNice NiceAward-winning process. process. Websites done right.
                people. people. Award-winning Websites done right.
                    people. Award-winning process. Websites done right.
Why You’re Here


         Existing App

         New App




                                                         gravity switch
                                                       gravity switch
                        Nice Nice people. Award-winning process. Websites done right.
                             people. Award-winning process. Websites done right.
Type of App


                 Games
                 Utilities
                 Productivity
                 Music/Photo/Video
                 Other




                                             gravity switch
              Nice people. Award-winning process. Websites done right.
App Pricing

      Free!   $0.00

         $    $.99 - $2.99

       $$     $3.99 - $9.99

      $$$     $9.99+

         ?    Other (internal app)


                                                               gravity switch
                                                             gravity switch
                              Nice Nice people. Award-winning process. Websites done right.
                                   people. Award-winning process. Websites done right.
Company Size

       Lone Gunslinger

       2-10 employees/partners

       11-100 employees

       100+ employee company




                                                           gravity switch
                                                         gravity switch
                          Nice Nice people. Award-winning process. Websites done right.
                               people. Award-winning process. Websites done right.
iPhone vs. iPad




                                                   gravity switch
                                                 gravity switch
                  Nice Nice people. Award-winning process. Websites done right.
                       people. Award-winning process. Websites done right.
Android & Others

        Apple only shop

        Getting into Android too

        We do both

        Anything else? HTML5?




                                                            gravity switch
                                                          gravity switch
                           Nice Nice people. Award-winning process. Websites done right.
                                people. Award-winning process. Websites done right.
What You’re Best At

          Programming

          Designing

          Usability

          Other




                                                         gravity switch
                                                       gravity switch
                        Nice Nice people. Award-winning process. Websites done right.
                             people. Award-winning process. Websites done right.
Your Usability Experience

          Want to Learn More

          Some Experience

          Done Successful Software Testing

          Measured Results




                                                          gravity switch
                                                        gravity switch
                         Nice Nice people. Award-winning process. Websites done right.
                              people. Award-winning process. Websites done right.
Mobile Usability
                      Easy t
                            o use.
       Business
        Needs



     User     Brand
    Needs




                                                         gravity switch
                          Nice people. Award-winning process. Websites done right.
4 Requirements of Success
                                                             You
                                                                 won'
                                                            have     t hit
                                                                 a com the majo
                                                                      merc          rity
                                                                           ially          until
                                                                                 viabl          you
                                                                                       e pro
                                                                                            duct
             tart it.                                                                            !
     Geeks s
                   NASA
          mmers,
  (Progra        , etc.)
      en gineers




           ³ Technology    · Design   » Usability    ¿ Business



                  The Building Blocks of Technology

                                                                                     gravity switch
                                                    Nice people. Award-winning process. Websites done right.
How is Mobile Usability Different?




                                                      gravity switch
                       Nice people. Award-winning process. Websites done right.
How is Mobile Usability Different?

                     Small




                                                      gravity switch
                       Nice people. Award-winning process. Websites done right.
How is Mobile Usability Different?

                     Small
                     Portable




                                                      gravity switch
                       Nice people. Award-winning process. Websites done right.
How is Mobile Usability Different?

                     Small
                     Portable
                     Personal




                                                      gravity switch
                       Nice people. Award-winning process. Websites done right.
How is Mobile Usability Different?

                     Small
                     Portable
                     Personal
                     Bandwidth Matters




                                                      gravity switch
                       Nice people. Award-winning process. Websites done right.
How is Mobile Usability Different?

                     Small
                     Portable
                     Personal
                     Bandwidth Matters
                     Interrupted




                                                      gravity switch
                       Nice people. Award-winning process. Websites done right.
How is Mobile Usability Different?

                     Small
                     Portable
                     Personal
                     Bandwidth Matters
                     Interrupted
                     Typing Sucks



                                                      gravity switch
                       Nice people. Award-winning process. Websites done right.
Traits of Successful Apps




                                              gravity switch
               Nice people. Award-winning process. Websites done right.
Top Apps




                                          gravity switch
           Nice people. Award-winning process. Websites done right.
Top Apps



    94% are useful because they’re mobile




                                                               gravity switch
                                Nice people. Award-winning process. Websites done right.
Top Apps



    94% are useful because they’re mobile
    56% use touch meaningfully




                                                                gravity switch
                                 Nice people. Award-winning process. Websites done right.
Top Apps




                                          gravity switch
           Nice people. Award-winning process. Websites done right.
Top Apps

     3% use video




                                                   gravity switch
                    Nice people. Award-winning process. Websites done right.
Top Apps

     3% use video
     3% use the camera meaningfully




                                                             gravity switch
                              Nice people. Award-winning process. Websites done right.
Top Apps

     3% use video
     3% use the camera meaningfully
     4% use tilt meaningfully




                                                               gravity switch
                                Nice people. Award-winning process. Websites done right.
Top Apps

     3% use video
     3% use the camera meaningfully
     4% use tilt meaningfully
     11% use GPS




                                                               gravity switch
                                Nice people. Award-winning process. Websites done right.
Top Apps

     3% use video
     3% use the camera meaningfully
     4% use tilt meaningfully
     11% use GPS
     15% are multiplayer




                                                               gravity switch
                                Nice people. Award-winning process. Websites done right.
Top Apps

     3% use video
     3% use the camera meaningfully
     4% use tilt meaningfully
     11% use GPS
     15% are multiplayer


     4% use two of these features


                                                               gravity switch
                                Nice people. Award-winning process. Websites done right.
Top Apps

     3% use video
     3% use the camera meaningfully
     4% use tilt meaningfully
     11% use GPS
     15% are multiplayer


     4% use two of these features
     0% use three or more
                                                               gravity switch
                                Nice people. Award-winning process. Websites done right.
What Don’t You Do?


         The most successful companies
         have a list of things they DON’T do.




                                                     gravity switch
                      Nice people. Award-winning process. Websites done right.
The First Rule of Usability


       More Features = Harder To Use




                                                            gravity switch
                             Nice people. Award-winning process. Websites done right.
Apps That Get It

                   Interrupted (2 mins)
                   No Internet Needed
                   Uses Touch




                                                        gravity switch
                         Nice people. Award-winning process. Websites done right.
Apps That Get It



                   In 2008, Pandora built an iPhone app
                   that let people stream music. Almost
                   immediately, 35,000 new users a day
                   joined Pandora from their cellphones,
                   doubling the number of daily signups.




                                                      gravity switch
                       Nice people. Award-winning process. Websites done right.
Apps That Get It

                   Personal
                   On the Road
                   Avoids Typing
                   Works When AT&T Fails




                                                       gravity switch
                        Nice people. Award-winning process. Websites done right.
How Focused Are You?
  ‣ Is your App useful BECAUSE it’s mobile?
  ‣ Does it use touch to enhance the experience?
  ‣ How many of the following does it use:
           - Camera
           - Video
           - Tilt
           - GPS
           - Multiplayer
                                                           gravity switch
                            Nice people. Award-winning process. Websites done right.
Once you’re Focused...




                                             gravity switch
              Nice people. Award-winning process. Websites done right.
It’s Time to Steal

    Plagiarism is the Ultimate Form of Flattery.
                                                - Picasso




                                                               gravity switch
                                Nice people. Award-winning process. Websites done right.
Navigation




                                       gravity switch
        Nice people. Award-winning process. Websites done right.
Standard Icons




                                                gravity switch
                 Nice people. Award-winning process. Websites done right.
Standard Icons
                                                        Vag
                                                                 ue




                                                gravity switch
                 Nice people. Award-winning process. Websites done right.
gravity switch
Nice people. Award-winning process. Websites done right.
bled
Unla
                                           gravity switch
            Nice people. Award-winning process. Websites done right.
bled
Unla
                                           gravity switch
            Nice people. Award-winning process. Websites done right.
Position?




     bled
Unla
                                           gravity switch
            Nice people. Award-winning process. Websites done right.
Bottom Nav Samples




                                              gravity switch
               Nice people. Award-winning process. Websites done right.
Top Nav Samples




                                                 gravity switch
                  Nice people. Award-winning process. Websites done right.
Main Menu




                                           gravity switch
            Nice people. Award-winning process. Websites done right.
The Second Rule of Usability



        Don’t Reinvent the Wheel.




                                                           gravity switch
                            Nice people. Award-winning process. Websites done right.
PS: Don’t really plagiarize.




                                                      gravity switch
                       Nice people. Award-winning process. Websites done right.
Once You’ve Stolen All
     You Can...




                                             gravity switch
              Nice people. Award-winning process. Websites done right.
It’s time to get help

   A good usability person can spot many holes
   and best practices quickly.




                                                                gravity switch
                                 Nice people. Award-winning process. Websites done right.
Use the Right Screen Types




                                               gravity switch
                Nice people. Award-winning process. Websites done right.
Screen Types




                                              gravity switch
               Nice people. Award-winning process. Websites done right.
Screen Types




                                                      y all?
                                          ’t the
                               A ren




                                              gravity switch
               Nice people. Award-winning process. Websites done right.
Screen Types




                                                         y all?
                                             ’t the
                                  A ren



     Main Men
              u                                  gravity switch
                  Nice people. Award-winning process. Websites done right.
Screen Types

        p
     el
 o rH
F
                                                                y all?
                                                    ’t the
                                         A ren



            Main Men
                     u                                  gravity switch
                         Nice people. Award-winning process. Websites done right.
Screen Types         iPad Always Uses
                                          This



        p
     el
 o rH
F
                                                                     y all?
                                                         ’t the
                                              A ren



            Main Men
                     u                                       gravity switch
                              Nice people. Award-winning process. Websites done right.
Screen Types         iPad Always Uses
                                          This



                                                                                 a se
        p                                                                   le
     el                                                                    p
 o rH                                                              Y es
F
                                                                     y all?
                                                         ’t the
                                              A ren



            Main Men
                     u                                       gravity switch
                              Nice people. Award-winning process. Websites done right.
Main Menu
            Do you have one?




                                                gravity switch
                 Nice people. Award-winning process. Websites done right.
Always split iPad screen




                                               gravity switch
                Nice people. Award-winning process. Websites done right.
Navigation




                                       gravity switch
        Nice people. Award-winning process. Websites done right.
?
Huh




                               gravity switch
Nice people. Award-winning process. Websites done right.
?
Huh




                               gravity switch
Nice people. Award-winning process. Websites done right.
?
Huh




                               gravity switch
Nice people. Award-winning process. Websites done right.
Top Nav




                                         gravity switch
          Nice people. Award-winning process. Websites done right.
Top Nav




                                         gravity switch
          Nice people. Award-winning process. Websites done right.
Fitt’s Law




                                       gravity switch
        Nice people. Award-winning process. Websites done right.
Fitt’s Law


             Distance & button size
             Corners are infinitely large




                                               gravity switch
                Nice people. Award-winning process. Websites done right.
It All Changes with Touch


              No abstraction (i.e mouse)
              Everything is equally close
              Corners are HARDER to hit.




                                                  gravity switch
                   Nice people. Award-winning process. Websites done right.
Tiff’s Law

         How do You Hold It?
               • Poke
               • Standard




                                                           gravity switch
                            Nice people. Award-winning process. Websites done right.
Tiff’s Law - Poke

              Distance & location don’t matter




                                                    gravity switch
                     Nice people. Award-winning process. Websites done right.
Tiff’s Law - Standard


               Arch of thumbs = easy
               All others = hard




                                                  gravity switch
                   Nice people. Award-winning process. Websites done right.
Layout / Orientation




                                            gravity switch
             Nice people. Award-winning process. Websites done right.
Horizontal vs. Vertical




      82% of the top apps are locked

                                                           gravity switch
                            Nice people. Award-winning process. Websites done right.
The Third Rule of Usability



     You can’t see when you’re too close.
                                       - Jakob Nielsen




                                                              gravity switch
                               Nice people. Award-winning process. Websites done right.
Next Up...




                                            gravity switch
             Nice people. Award-winning process. Websites done right.
Next Up...

       ...Testing




                                            gravity switch
             Nice people. Award-winning process. Websites done right.
The Fourth Rule of Usability



  You Don’t Know as Much as You Think You Do.




                                                             gravity switch
                              Nice people. Award-winning process. Websites done right.
When to Test?




                                               gravity switch
                Nice people. Award-winning process. Websites done right.
When to Test?

Unknown                                     Known




                                               gravity switch
                Nice people. Award-winning process. Websites done right.
When to Test?

Unknown                                     Known




                                               gravity switch
                Nice people. Award-winning process. Websites done right.
When to Test?

Unknown                                     Known




                                               gravity switch
                Nice people. Award-winning process. Websites done right.
When to Test?

Unknown                                     Known




Agile                                   Procedural




                                               gravity switch
                Nice people. Award-winning process. Websites done right.
When to Test?

Unknown                                      Known




          Test

Agile                                    Procedural




                                                gravity switch
                 Nice people. Award-winning process. Websites done right.
When to Test?

Unknown                                        Known




          Test

Agile                                      Procedural

                 Steal id
                          eas!

                                                  gravity switch
                   Nice people. Award-winning process. Websites done right.
When to Test?
      Wh
Unknown
         ere
                                               Known

             ar
               ey
                 ou
        Tes  t                        ?
Agile                                      Procedural

                 Steal id
                          eas!

                                                  gravity switch
                   Nice people. Award-winning process. Websites done right.
Four Kinds Of Testing

       ‣ Focus Groups
       ‣ Surveys
       ‣ A/B Testing
       ‣ User Testing


                                                      gravity switch
                       Nice people. Award-winning process. Websites done right.
Focus groups are not
  useful for testing




                                            gravity switch
             Nice people. Award-winning process. Websites done right.
Focus Groups

   ‣ Set Goals
   ‣ Get Buy-In (Decision Makers)




                                                      gravity switch
                       Nice people. Award-winning process. Websites done right.
Surveys are only useful for
    specific questions




                                               gravity switch
                Nice people. Award-winning process. Websites done right.
Surveys

   ‣ Do we call it Refresh or Reload?
   ‣ Does this make us look like hacks?
   ‣ Which tagline works best?



                                                      gravity switch
                       Nice people. Award-winning process. Websites done right.
A/B Testing


Can be Very Helpful




                                             gravity switch
              Nice people. Award-winning process. Websites done right.
A/B Testing

   ‣ Sanity Check Big Changes
   ‣ Fine-Tune Details
   ‣ Find Problems for User Testing



                                                        gravity switch
                         Nice people. Award-winning process. Websites done right.
A/B Testing
              How can MOG increase
                   the number of paid
                             members?




                                             gravity switch
              Nice people. Award-winning process. Websites done right.
A/B Testing
              How can MOG increase
                    the number of paid
                              members?


              David Hyman (CEO) of MOG’s
                  #1 tip for mobile usability
                     is to “reduce barriers”




                                              gravity switch
               Nice people. Award-winning process. Websites done right.
A/B Testing
         What do users do?




                                                       gravity switch
                        Nice people. Award-winning process. Websites done right.
User Testing




                                        gravity switch
         Nice people. Award-winning process. Websites done right.
User Testing

   ‣ Find out where users get lost
   ‣ Cheep way to sanity check ideas




                                                      gravity switch
                       Nice people. Award-winning process. Websites done right.
Let’s Discuss How To Test
        Your Apps




                                              gravity switch
               Nice people. Award-winning process. Websites done right.
Getting Set Up For Testing
   ‣ Group Up
   ‣ Pick an App (Longest Name?)
   ‣ List Questions and Concerns
   ‣ Decide How To Test


                                                     gravity switch
                      Nice people. Award-winning process. Websites done right.
When To Test?

      ‣ As Needed
      ‣ Iterate




                                                   gravity switch
                    Nice people. Award-winning process. Websites done right.
Ask Me Questions!




jason@gravityswitch.com
     #jasonNmark


                                               gravity switch
                Nice people. Award-winning process. Websites done right.

Más contenido relacionado

Similar a Easy Mobile - Making Your Application Easier To Use - Gravity Switch

Social Media Introduction - Gravity Switch
Social Media Introduction - Gravity SwitchSocial Media Introduction - Gravity Switch
Social Media Introduction - Gravity Switchgravityswitch
 
TomTom for Business Process Managment (TomTom4BPM)
TomTom for Business Process Managment (TomTom4BPM)TomTom for Business Process Managment (TomTom4BPM)
TomTom for Business Process Managment (TomTom4BPM)Wil van der Aalst
 
Adventures in jQuery Mobile
Adventures in jQuery MobileAdventures in jQuery Mobile
Adventures in jQuery MobileAmber Brucker
 
Erase and Rewind - Open Web Camp 2015
Erase and Rewind - Open Web Camp 2015Erase and Rewind - Open Web Camp 2015
Erase and Rewind - Open Web Camp 2015Christian Heilmann
 
Alphabet Soup
Alphabet SoupAlphabet Soup
Alphabet SoupJoe Dyer
 
Usablity.Pro Introduction
Usablity.Pro IntroductionUsablity.Pro Introduction
Usablity.Pro Introductionxfrankelx
 
Subject to Change
Subject to ChangeSubject to Change
Subject to Changefrankmt
 
Gw Pres Agile 4slideshare
Gw Pres Agile 4slideshareGw Pres Agile 4slideshare
Gw Pres Agile 4slideshareDave Burke
 
Digi gate technology (thailand) co joydd
Digi gate technology (thailand) co joyddDigi gate technology (thailand) co joydd
Digi gate technology (thailand) co joyddYouwaluck Surinam
 
Future of Retail, Glen Hiemstra - Futurist Speaker
Future of Retail, Glen Hiemstra - Futurist SpeakerFuture of Retail, Glen Hiemstra - Futurist Speaker
Future of Retail, Glen Hiemstra - Futurist SpeakerFuturist Glen Hiemstra
 
MeasureWorks - Velocity Conference Europe 2012 - a Web Performance dashboard ...
MeasureWorks - Velocity Conference Europe 2012 - a Web Performance dashboard ...MeasureWorks - Velocity Conference Europe 2012 - a Web Performance dashboard ...
MeasureWorks - Velocity Conference Europe 2012 - a Web Performance dashboard ...MeasureWorks
 
Insemtive Prepayment Slideshare
Insemtive Prepayment SlideshareInsemtive Prepayment Slideshare
Insemtive Prepayment SlideshareValentin Zacharias
 
May2010 cq53-worldwide-tour
May2010 cq53-worldwide-tourMay2010 cq53-worldwide-tour
May2010 cq53-worldwide-tourdaysoftware
 
Gwt create2013 Frankfurt: How we built a million dollar business with GWT
Gwt create2013 Frankfurt: How we built a million dollar business with GWTGwt create2013 Frankfurt: How we built a million dollar business with GWT
Gwt create2013 Frankfurt: How we built a million dollar business with GWTinfoqafe
 
The convergence of all things (wdu keynote)
The convergence of all things (wdu keynote)The convergence of all things (wdu keynote)
The convergence of all things (wdu keynote)Chris Wilson
 
Native vs mobile web apps html5 workshop vj v1
Native vs mobile web apps html5 workshop vj v1Native vs mobile web apps html5 workshop vj v1
Native vs mobile web apps html5 workshop vj v1Vishal Jain
 

Similar a Easy Mobile - Making Your Application Easier To Use - Gravity Switch (20)

Social Media Introduction - Gravity Switch
Social Media Introduction - Gravity SwitchSocial Media Introduction - Gravity Switch
Social Media Introduction - Gravity Switch
 
25 Must Have Modules
25 Must Have Modules25 Must Have Modules
25 Must Have Modules
 
TomTom for Business Process Managment (TomTom4BPM)
TomTom for Business Process Managment (TomTom4BPM)TomTom for Business Process Managment (TomTom4BPM)
TomTom for Business Process Managment (TomTom4BPM)
 
Adventures in jQuery Mobile
Adventures in jQuery MobileAdventures in jQuery Mobile
Adventures in jQuery Mobile
 
Erase and Rewind - Open Web Camp 2015
Erase and Rewind - Open Web Camp 2015Erase and Rewind - Open Web Camp 2015
Erase and Rewind - Open Web Camp 2015
 
Case Study Zappos En
Case Study Zappos EnCase Study Zappos En
Case Study Zappos En
 
Alphabet Soup
Alphabet SoupAlphabet Soup
Alphabet Soup
 
Usablity.Pro Introduction
Usablity.Pro IntroductionUsablity.Pro Introduction
Usablity.Pro Introduction
 
Subject to Change
Subject to ChangeSubject to Change
Subject to Change
 
Gw Pres Agile 4slideshare
Gw Pres Agile 4slideshareGw Pres Agile 4slideshare
Gw Pres Agile 4slideshare
 
Digi gate technology (thailand) co joydd
Digi gate technology (thailand) co joyddDigi gate technology (thailand) co joydd
Digi gate technology (thailand) co joydd
 
Future of Retail, Glen Hiemstra - Futurist Speaker
Future of Retail, Glen Hiemstra - Futurist SpeakerFuture of Retail, Glen Hiemstra - Futurist Speaker
Future of Retail, Glen Hiemstra - Futurist Speaker
 
MeasureWorks - Velocity Conference Europe 2012 - a Web Performance dashboard ...
MeasureWorks - Velocity Conference Europe 2012 - a Web Performance dashboard ...MeasureWorks - Velocity Conference Europe 2012 - a Web Performance dashboard ...
MeasureWorks - Velocity Conference Europe 2012 - a Web Performance dashboard ...
 
Insemtive Prepayment Slideshare
Insemtive Prepayment SlideshareInsemtive Prepayment Slideshare
Insemtive Prepayment Slideshare
 
Cantine de Nantes
Cantine de NantesCantine de Nantes
Cantine de Nantes
 
May2010 cq53-worldwide-tour
May2010 cq53-worldwide-tourMay2010 cq53-worldwide-tour
May2010 cq53-worldwide-tour
 
Gospelcon 2006
Gospelcon 2006Gospelcon 2006
Gospelcon 2006
 
Gwt create2013 Frankfurt: How we built a million dollar business with GWT
Gwt create2013 Frankfurt: How we built a million dollar business with GWTGwt create2013 Frankfurt: How we built a million dollar business with GWT
Gwt create2013 Frankfurt: How we built a million dollar business with GWT
 
The convergence of all things (wdu keynote)
The convergence of all things (wdu keynote)The convergence of all things (wdu keynote)
The convergence of all things (wdu keynote)
 
Native vs mobile web apps html5 workshop vj v1
Native vs mobile web apps html5 workshop vj v1Native vs mobile web apps html5 workshop vj v1
Native vs mobile web apps html5 workshop vj v1
 

Easy Mobile - Making Your Application Easier To Use - Gravity Switch

  • 1. Easy Mobile Making Your Application Easier to Use jason@gravityswitch.com #jasonNmark gravity switch Nice people. Award-winning process. Websites done right.
  • 2. What You’ll Learn Today ‣ Overview of Mobile Usability ‣ Traits of Successful Apps ‣ Tips ‣ Your Applications gravity switch Nice people. Award-winning process. Websites done right.
  • 3. Jason@gravityswitch.com Web / iPhone / iPad Technology serves business Educator Author gravity switch gravity switch Nice Nice people. Award-winning process. Websites done right. people. Award-winning process. Websites done right.
  • 5. I Like Tricky Problems gravity switch gravity switch Nice Nice people. Award-winning process. Websites done right. people. Award-winning process. Websites done right.
  • 6. A Little About You gravity switch gravity switch gravity switch NiceNice NiceAward-winning process. process. Websites done right. people. people. Award-winning Websites done right. people. Award-winning process. Websites done right.
  • 7. Why You’re Here Existing App New App gravity switch gravity switch Nice Nice people. Award-winning process. Websites done right. people. Award-winning process. Websites done right.
  • 8. Type of App Games Utilities Productivity Music/Photo/Video Other gravity switch Nice people. Award-winning process. Websites done right.
  • 9. App Pricing Free! $0.00 $ $.99 - $2.99 $$ $3.99 - $9.99 $$$ $9.99+ ? Other (internal app) gravity switch gravity switch Nice Nice people. Award-winning process. Websites done right. people. Award-winning process. Websites done right.
  • 10. Company Size Lone Gunslinger 2-10 employees/partners 11-100 employees 100+ employee company gravity switch gravity switch Nice Nice people. Award-winning process. Websites done right. people. Award-winning process. Websites done right.
  • 11. iPhone vs. iPad gravity switch gravity switch Nice Nice people. Award-winning process. Websites done right. people. Award-winning process. Websites done right.
  • 12. Android & Others Apple only shop Getting into Android too We do both Anything else? HTML5? gravity switch gravity switch Nice Nice people. Award-winning process. Websites done right. people. Award-winning process. Websites done right.
  • 13. What You’re Best At Programming Designing Usability Other gravity switch gravity switch Nice Nice people. Award-winning process. Websites done right. people. Award-winning process. Websites done right.
  • 14. Your Usability Experience Want to Learn More Some Experience Done Successful Software Testing Measured Results gravity switch gravity switch Nice Nice people. Award-winning process. Websites done right. people. Award-winning process. Websites done right.
  • 15. Mobile Usability Easy t o use. Business Needs User Brand Needs gravity switch Nice people. Award-winning process. Websites done right.
  • 16. 4 Requirements of Success You won' have t hit a com the majo merc rity ially until viabl you e pro duct tart it. ! Geeks s NASA mmers, (Progra , etc.) en gineers ³ Technology · Design » Usability ¿ Business The Building Blocks of Technology gravity switch Nice people. Award-winning process. Websites done right.
  • 17. How is Mobile Usability Different? gravity switch Nice people. Award-winning process. Websites done right.
  • 18. How is Mobile Usability Different? Small gravity switch Nice people. Award-winning process. Websites done right.
  • 19. How is Mobile Usability Different? Small Portable gravity switch Nice people. Award-winning process. Websites done right.
  • 20. How is Mobile Usability Different? Small Portable Personal gravity switch Nice people. Award-winning process. Websites done right.
  • 21. How is Mobile Usability Different? Small Portable Personal Bandwidth Matters gravity switch Nice people. Award-winning process. Websites done right.
  • 22. How is Mobile Usability Different? Small Portable Personal Bandwidth Matters Interrupted gravity switch Nice people. Award-winning process. Websites done right.
  • 23. How is Mobile Usability Different? Small Portable Personal Bandwidth Matters Interrupted Typing Sucks gravity switch Nice people. Award-winning process. Websites done right.
  • 24. Traits of Successful Apps gravity switch Nice people. Award-winning process. Websites done right.
  • 25. Top Apps gravity switch Nice people. Award-winning process. Websites done right.
  • 26. Top Apps 94% are useful because they’re mobile gravity switch Nice people. Award-winning process. Websites done right.
  • 27. Top Apps 94% are useful because they’re mobile 56% use touch meaningfully gravity switch Nice people. Award-winning process. Websites done right.
  • 28. Top Apps gravity switch Nice people. Award-winning process. Websites done right.
  • 29. Top Apps 3% use video gravity switch Nice people. Award-winning process. Websites done right.
  • 30. Top Apps 3% use video 3% use the camera meaningfully gravity switch Nice people. Award-winning process. Websites done right.
  • 31. Top Apps 3% use video 3% use the camera meaningfully 4% use tilt meaningfully gravity switch Nice people. Award-winning process. Websites done right.
  • 32. Top Apps 3% use video 3% use the camera meaningfully 4% use tilt meaningfully 11% use GPS gravity switch Nice people. Award-winning process. Websites done right.
  • 33. Top Apps 3% use video 3% use the camera meaningfully 4% use tilt meaningfully 11% use GPS 15% are multiplayer gravity switch Nice people. Award-winning process. Websites done right.
  • 34. Top Apps 3% use video 3% use the camera meaningfully 4% use tilt meaningfully 11% use GPS 15% are multiplayer 4% use two of these features gravity switch Nice people. Award-winning process. Websites done right.
  • 35. Top Apps 3% use video 3% use the camera meaningfully 4% use tilt meaningfully 11% use GPS 15% are multiplayer 4% use two of these features 0% use three or more gravity switch Nice people. Award-winning process. Websites done right.
  • 36. What Don’t You Do? The most successful companies have a list of things they DON’T do. gravity switch Nice people. Award-winning process. Websites done right.
  • 37. The First Rule of Usability More Features = Harder To Use gravity switch Nice people. Award-winning process. Websites done right.
  • 38. Apps That Get It Interrupted (2 mins) No Internet Needed Uses Touch gravity switch Nice people. Award-winning process. Websites done right.
  • 39. Apps That Get It In 2008, Pandora built an iPhone app that let people stream music. Almost immediately, 35,000 new users a day joined Pandora from their cellphones, doubling the number of daily signups. gravity switch Nice people. Award-winning process. Websites done right.
  • 40. Apps That Get It Personal On the Road Avoids Typing Works When AT&T Fails gravity switch Nice people. Award-winning process. Websites done right.
  • 41. How Focused Are You? ‣ Is your App useful BECAUSE it’s mobile? ‣ Does it use touch to enhance the experience? ‣ How many of the following does it use: - Camera - Video - Tilt - GPS - Multiplayer gravity switch Nice people. Award-winning process. Websites done right.
  • 42. Once you’re Focused... gravity switch Nice people. Award-winning process. Websites done right.
  • 43. It’s Time to Steal Plagiarism is the Ultimate Form of Flattery. - Picasso gravity switch Nice people. Award-winning process. Websites done right.
  • 44. Navigation gravity switch Nice people. Award-winning process. Websites done right.
  • 45. Standard Icons gravity switch Nice people. Award-winning process. Websites done right.
  • 46. Standard Icons Vag ue gravity switch Nice people. Award-winning process. Websites done right.
  • 47. gravity switch Nice people. Award-winning process. Websites done right.
  • 48. bled Unla gravity switch Nice people. Award-winning process. Websites done right.
  • 49. bled Unla gravity switch Nice people. Award-winning process. Websites done right.
  • 50. Position? bled Unla gravity switch Nice people. Award-winning process. Websites done right.
  • 51. Bottom Nav Samples gravity switch Nice people. Award-winning process. Websites done right.
  • 52. Top Nav Samples gravity switch Nice people. Award-winning process. Websites done right.
  • 53. Main Menu gravity switch Nice people. Award-winning process. Websites done right.
  • 54. The Second Rule of Usability Don’t Reinvent the Wheel. gravity switch Nice people. Award-winning process. Websites done right.
  • 55. PS: Don’t really plagiarize. gravity switch Nice people. Award-winning process. Websites done right.
  • 56. Once You’ve Stolen All You Can... gravity switch Nice people. Award-winning process. Websites done right.
  • 57. It’s time to get help A good usability person can spot many holes and best practices quickly. gravity switch Nice people. Award-winning process. Websites done right.
  • 58. Use the Right Screen Types gravity switch Nice people. Award-winning process. Websites done right.
  • 59. Screen Types gravity switch Nice people. Award-winning process. Websites done right.
  • 60. Screen Types y all? ’t the A ren gravity switch Nice people. Award-winning process. Websites done right.
  • 61. Screen Types y all? ’t the A ren Main Men u gravity switch Nice people. Award-winning process. Websites done right.
  • 62. Screen Types p el o rH F y all? ’t the A ren Main Men u gravity switch Nice people. Award-winning process. Websites done right.
  • 63. Screen Types iPad Always Uses This p el o rH F y all? ’t the A ren Main Men u gravity switch Nice people. Award-winning process. Websites done right.
  • 64. Screen Types iPad Always Uses This a se p le el p o rH Y es F y all? ’t the A ren Main Men u gravity switch Nice people. Award-winning process. Websites done right.
  • 65. Main Menu Do you have one? gravity switch Nice people. Award-winning process. Websites done right.
  • 66. Always split iPad screen gravity switch Nice people. Award-winning process. Websites done right.
  • 67. Navigation gravity switch Nice people. Award-winning process. Websites done right.
  • 68. ? Huh gravity switch Nice people. Award-winning process. Websites done right.
  • 69. ? Huh gravity switch Nice people. Award-winning process. Websites done right.
  • 70. ? Huh gravity switch Nice people. Award-winning process. Websites done right.
  • 71. Top Nav gravity switch Nice people. Award-winning process. Websites done right.
  • 72. Top Nav gravity switch Nice people. Award-winning process. Websites done right.
  • 73. Fitt’s Law gravity switch Nice people. Award-winning process. Websites done right.
  • 74. Fitt’s Law Distance & button size Corners are infinitely large gravity switch Nice people. Award-winning process. Websites done right.
  • 75. It All Changes with Touch No abstraction (i.e mouse) Everything is equally close Corners are HARDER to hit. gravity switch Nice people. Award-winning process. Websites done right.
  • 76. Tiff’s Law How do You Hold It? • Poke • Standard gravity switch Nice people. Award-winning process. Websites done right.
  • 77. Tiff’s Law - Poke Distance & location don’t matter gravity switch Nice people. Award-winning process. Websites done right.
  • 78. Tiff’s Law - Standard Arch of thumbs = easy All others = hard gravity switch Nice people. Award-winning process. Websites done right.
  • 79. Layout / Orientation gravity switch Nice people. Award-winning process. Websites done right.
  • 80. Horizontal vs. Vertical 82% of the top apps are locked gravity switch Nice people. Award-winning process. Websites done right.
  • 81. The Third Rule of Usability You can’t see when you’re too close. - Jakob Nielsen gravity switch Nice people. Award-winning process. Websites done right.
  • 82. Next Up... gravity switch Nice people. Award-winning process. Websites done right.
  • 83. Next Up... ...Testing gravity switch Nice people. Award-winning process. Websites done right.
  • 84. The Fourth Rule of Usability You Don’t Know as Much as You Think You Do. gravity switch Nice people. Award-winning process. Websites done right.
  • 85. When to Test? gravity switch Nice people. Award-winning process. Websites done right.
  • 86. When to Test? Unknown Known gravity switch Nice people. Award-winning process. Websites done right.
  • 87. When to Test? Unknown Known gravity switch Nice people. Award-winning process. Websites done right.
  • 88. When to Test? Unknown Known gravity switch Nice people. Award-winning process. Websites done right.
  • 89. When to Test? Unknown Known Agile Procedural gravity switch Nice people. Award-winning process. Websites done right.
  • 90. When to Test? Unknown Known Test Agile Procedural gravity switch Nice people. Award-winning process. Websites done right.
  • 91. When to Test? Unknown Known Test Agile Procedural Steal id eas! gravity switch Nice people. Award-winning process. Websites done right.
  • 92. When to Test? Wh Unknown ere Known ar ey ou Tes t ? Agile Procedural Steal id eas! gravity switch Nice people. Award-winning process. Websites done right.
  • 93. Four Kinds Of Testing ‣ Focus Groups ‣ Surveys ‣ A/B Testing ‣ User Testing gravity switch Nice people. Award-winning process. Websites done right.
  • 94. Focus groups are not useful for testing gravity switch Nice people. Award-winning process. Websites done right.
  • 95. Focus Groups ‣ Set Goals ‣ Get Buy-In (Decision Makers) gravity switch Nice people. Award-winning process. Websites done right.
  • 96. Surveys are only useful for specific questions gravity switch Nice people. Award-winning process. Websites done right.
  • 97. Surveys ‣ Do we call it Refresh or Reload? ‣ Does this make us look like hacks? ‣ Which tagline works best? gravity switch Nice people. Award-winning process. Websites done right.
  • 98. A/B Testing Can be Very Helpful gravity switch Nice people. Award-winning process. Websites done right.
  • 99. A/B Testing ‣ Sanity Check Big Changes ‣ Fine-Tune Details ‣ Find Problems for User Testing gravity switch Nice people. Award-winning process. Websites done right.
  • 100. A/B Testing How can MOG increase the number of paid members? gravity switch Nice people. Award-winning process. Websites done right.
  • 101. A/B Testing How can MOG increase the number of paid members? David Hyman (CEO) of MOG’s #1 tip for mobile usability is to “reduce barriers” gravity switch Nice people. Award-winning process. Websites done right.
  • 102. A/B Testing What do users do? gravity switch Nice people. Award-winning process. Websites done right.
  • 103. User Testing gravity switch Nice people. Award-winning process. Websites done right.
  • 104. User Testing ‣ Find out where users get lost ‣ Cheep way to sanity check ideas gravity switch Nice people. Award-winning process. Websites done right.
  • 105. Let’s Discuss How To Test Your Apps gravity switch Nice people. Award-winning process. Websites done right.
  • 106. Getting Set Up For Testing ‣ Group Up ‣ Pick an App (Longest Name?) ‣ List Questions and Concerns ‣ Decide How To Test gravity switch Nice people. Award-winning process. Websites done right.
  • 107. When To Test? ‣ As Needed ‣ Iterate gravity switch Nice people. Award-winning process. Websites done right.
  • 108. Ask Me Questions! jason@gravityswitch.com #jasonNmark gravity switch Nice people. Award-winning process. Websites done right.

Notas del editor

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n
  31. \n
  32. \n
  33. \n
  34. \n
  35. \n
  36. \n
  37. \n
  38. \n
  39. \n
  40. \n
  41. \n
  42. \n
  43. \n
  44. \n
  45. \n
  46. \n
  47. \n
  48. \n
  49. \n
  50. \n
  51. \n
  52. \n
  53. \n
  54. \n
  55. \n
  56. \n
  57. \n
  58. \n
  59. \n
  60. \n
  61. \n
  62. \n
  63. \n
  64. \n
  65. \n
  66. \n
  67. \n
  68. \n
  69. \n
  70. \n
  71. \n
  72. \n
  73. \n
  74. \n
  75. \n
  76. \n
  77. \n
  78. \n
  79. \n
  80. \n
  81. \n
  82. \n
  83. \n
  84. \n
  85. \n
  86. \n
  87. \n
  88. \n
  89. \n
  90. \n
  91. \n
  92. \n
  93. \n
  94. \n
  95. \n
  96. \n
  97. \n