Easy Mobile
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Easy Mobile

on

  • 599 views

 

Statistics

Views

Total Views
599
Views on SlideShare
371
Embed Views
228

Actions

Likes
0
Downloads
4
Comments
0

1 Embed 228

http://www.gravityswitch.com 228

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Easy Mobile Presentation Transcript

  • 1. Easy MobileMaking your app easier to useTuesday, May 28, 13
  • 2. I’ll Cover‣ The cost of bad usability‣ Data on successful apps‣ Examples of good and bad usability‣ How to easily improve usability‣ Your apps & problemsTuesday, May 28, 13
  • 3. gravityswitch.com/andevconMy Goal‣ Help you understand usability‣ Make it simple to improve‣ Everyone leave here with 3 practicalthings they can do to improve theirapp THIS WEEK.Tuesday, May 28, 13
  • 4. gravityswitch.com/andevconAfter the Break‣ How visuals support brand‣ Applying this to mobile‣ Making your apps better‣ The importance of iconsTuesday, May 28, 13
  • 5. A Little About MeTuesday, May 28, 13
  • 6. gravityswitch.com/andevconI like chaosTuesday, May 28, 13
  • 7. Tuesday, May 28, 13
  • 8. She does the hard workTuesday, May 28, 13
  • 9. gravityswitch.com/andevconTuesday, May 28, 13
  • 10. gravityswitch.com/andevconWe make cool stuff withcool people.Tuesday, May 28, 13
  • 11. gravityswitch.com/andevconI also like‣ Change‣ Technology‣ Simple solutions to complex problemsTuesday, May 28, 13
  • 12. gravityswitch.com/andevconWe’re agileTuesday, May 28, 13
  • 13. Agile Can Be ScaryHere’s what it means toGravity SwitchTuesday, May 28, 13
  • 14. gravityswitch.com/andevconWORKING SOFTWAREOVER COMPREHENSIVE DOCUMENTATIONCUSTOMER COLLABORATIONOVER CONTRACT NEGOTIATIONRESPONDING TO CHANGEOVER FOLLOWING A PLANINDIVIDUALS & INTERACTIONSOVER PROCESSES & TOOLSTuesday, May 28, 13
  • 15. A StoryUsability = RetentionTuesday, May 28, 13
  • 16. Reten%on  -­‐  10  Most  Popular  iOS  Apps0%25%50%75%100%13%24%26%29%31%32%37%38%38%67%DAY  1DAY  7DAY  30  App1              App2                App3                App4              App5                  App6              App7                  App8                App9              App10    @robertjweberTuesday, May 28, 13
  • 17. 0%25%50%75%100%13%18%18%22%27%27%28%31%35%52% DAY  1DAY  7DAY  30Reten%on  -­‐  10  Most  Popular  Android  Apps  App1              App2                App3                App4              App5                  App6              App7                  App8                App9              App10    @robertjweberTuesday, May 28, 13
  • 18. Getting Started ScreensTuesday, May 28, 13
  • 19. Getting Started ScreensTuesday, May 28, 13
  • 20. Getting Started ScreensTuesday, May 28, 13
  • 21. Getting Started ScreensTuesday, May 28, 13
  • 22. We have to do betterTuesday, May 28, 13
  • 23. We have to do betterTuesday, May 28, 13
  • 24. We have to do betterTuesday, May 28, 13
  • 25. We have to do betterTuesday, May 28, 13
  • 26. We have to do betterTuesday, May 28, 13
  • 27. We have to do betterTuesday, May 28, 13
  • 28. We have to do betterTuesday, May 28, 13
  • 29. We have to do betterTuesday, May 28, 13
  • 30. We have to do betterTuesday, May 28, 13
  • 31. We have to do betterTuesday, May 28, 13
  • 32. We have to do betterTuesday, May 28, 13
  • 33. gravityswitch.com/andevconWORKING SOFTWAREOVER COMPREHENSIVE DOCUMENTATIONCUSTOMER COLLABORATIONOVER CONTRACT NEGOTIATIONRESPONDING TO CHANGEOVER FOLLOWING A PLANINDIVIDUALS & INTERACTIONSOVER PROCESSES & TOOLSTuesday, May 28, 13
  • 34. gravityswitch.com/andevconWhy 1 Week?We tried the software & user testedPain points were SUPER obviousPerfect is the enemy of goodWinners shipWe don’t need longerTuesday, May 28, 13
  • 35. A Little About YouTuesday, May 28, 13
  • 36. gravityswitch.com/andevconWhy’d ya come?Existing AppNew AppTuesday, May 28, 13
  • 37. gravityswitch.com/andevconWhacha building?GameUtilityProductivityMusic/Photo/VideoOtherTuesday, May 28, 13
  • 38. gravityswitch.com/andevcon$0.00$.99 - $2.99$3.99 - $9.99$9.99+Other (internal app)Pricing$$$?Free!$$$Tuesday, May 28, 13
  • 39. gravityswitch.com/andevconCompany sizeLone Gunslinger2-10 Employees/Partners11-100 Employees100+ EmployeesTuesday, May 28, 13
  • 40. gravityswitch.com/andevconTuesday, May 28, 13
  • 41. gravityswitch.com/andevconAndroid onlyiDevices & AndroidAnything else? HTML5?Tuesday, May 28, 13
  • 42. gravityswitch.com/andevconYour superpower?ProgrammingDesignUsabilityOtherTuesday, May 28, 13
  • 43. gravityswitch.com/andevconWant to learn moreSome experienceConducted software testingMeasured resultsUsability experienceTuesday, May 28, 13
  • 44. OverviewUserNeedsBusinessNeedsBrandEasy to use.Tuesday, May 28, 13
  • 45. gravityswitch.com/andevcon⇥ Technology ⇤ Design ⌅ Usability ⇧ BusinessGeeks start it.(Programmers, NASAengineers, etc.)You wont hit the majority until youhave a commercially viable product!The building blocksof technologyTuesday, May 28, 13
  • 46. gravityswitch.com/andevconThe mobile differenceSmallPortablePersonalBandwidth mattersInterruptedTyping sucksTuesday, May 28, 13
  • 47. gravityswitch.com/andevconApps that “get it”Interrupted (2 mins)No Internet NeededUses TouchTuesday, May 28, 13
  • 48. gravityswitch.com/andevconApps that “get it”In 2008, Pandora built an iPhoneapp that let people stream music.Almost immediately, 35,000 newusers a day joined Pandora fromtheir cellphones, doubling thenumber of daily signups.Tuesday, May 28, 13
  • 49. gravityswitch.com/andevconApps that “get it”PersonalOn the RoadAvoids TypingNo Internet NeededTuesday, May 28, 13
  • 50. Successful AppsTraitsTuesday, May 28, 13
  • 51. gravityswitch.com/andevconTop iPhone appsTuesday, May 28, 13
  • 52. gravityswitch.com/andevconTop iPhone apps94% Are useful because they’re mobileTuesday, May 28, 13
  • 53. gravityswitch.com/andevconTop iPhone apps94% Are useful because they’re mobile56% Use touch meaningfullyTuesday, May 28, 13
  • 54. gravityswitch.com/andevconTop iPhone appsTuesday, May 28, 13
  • 55. gravityswitch.com/andevconTop iPhone apps3% Use video3% Use the camera meaningfully4% Use tilt meaningfully11% Use GPS15% Are multiplayer4% Use two of these features0% Use three or moreTuesday, May 28, 13
  • 56. gravityswitch.com/andevconWhat don’t you do?The most successfulcompanies have a list ofthings they DON’T do.Tuesday, May 28, 13
  • 57. gravityswitch.com/andevconMore Features =Hard to UseTuesday, May 28, 13
  • 58. Are You Focused?‣ Useful BECAUSE it’s mobile?‣ Uses touch to *enhance* experience‣ How many of the following does it use?- Camera- Video- Tilt- GPS- MultiplayerTuesday, May 28, 13
  • 59. gravityswitch.com/andevconWhatever... What about Android Apps?Tuesday, May 28, 13
  • 60. gravityswitch.com/andevconWhy buy Android?4. Need reading glasses3. Geek / Tinkerer2. It’s not Apple1. International availabilityTuesday, May 28, 13
  • 61. gravityswitch.com/andevcon21 Games (+9)4 Photo (+2)2 Social networking(+2)1 Education (+1)1 Entertainment (+1)1 Weather (+1)0 News (-2)0 Music (-3)Apple “Hall of Fame”Tuesday, May 28, 13
  • 62. gravityswitch.com/andevcon28 Games (+6)4 Angry Birds3 Word games1 Music (+0)1 Utility (+1)Tuesday, May 28, 13
  • 63. gravityswitch.com/andevconTop 20 are ALL gamesGames (+10)Music (-3)Social media (-2)News (-2)Tuesday, May 28, 13
  • 64. gravityswitch.com/andevcon9 Utilities (+0)5 Geeks (+4)5 Games (-3)3 Music (+0)1 Camera (-1)1 Office docs (+0)Tuesday, May 28, 13
  • 65. Goals Before UsabilityWhat are you trying to do?Tuesday, May 28, 13
  • 66. gravityswitch.com/andevconWhy?Fame?Fortune?Your boss?Ask why 5 timesTuesday, May 28, 13
  • 67. Trinity of UsabilityStorytelling, wireframing, testingTuesday, May 28, 13
  • 68. 1. StorytellingUse case vs. user scenarioTuesday, May 28, 13
  • 69. gravityswitch.com/andevconStorytellingUse case = How features workUser scenarios = How people workTuesday, May 28, 13
  • 70. 2. WireframingTo wireframe or not to wireframeTuesday, May 28, 13
  • 71. gravityswitch.com/andevconWireframing‣ “Paper prototyping”‣ Easy to test‣ Easy to change‣ Hand-drawn‣ No colors/fonts/picturesTuesday, May 28, 13
  • 72. gravityswitch.com/andevconTuesday, May 28, 13
  • 73. gravityswitch.com/andevconWireframesspec => wireframe => prototype => experienceTuesday, May 28, 13
  • 74. 3. Usability TestingWhat’s useful and what’s notTuesday, May 28, 13
  • 75. gravityswitch.com/andevconTap-TapFirst mobile appdeveloper to make$1m profit everymonth.Started with 4 apps,and built out the onethat tested the best.Tuesday, May 28, 13
  • 76. gravityswitch.com/andevconWhen to testTuesday, May 28, 13
  • 77. gravityswitch.com/andevconWhen to testKnownUnknownTuesday, May 28, 13
  • 78. gravityswitch.com/andevconWhen to testKnownUnknownTuesday, May 28, 13
  • 79. gravityswitch.com/andevconWhen to testKnownUnknownTuesday, May 28, 13
  • 80. gravityswitch.com/andevconWhen to testKnownUnknownTestTuesday, May 28, 13
  • 81. gravityswitch.com/andevconWhen to testKnownUnknownTestSteal ideas first!Tuesday, May 28, 13
  • 82. gravityswitch.com/andevconUsability testing1. Focus Groups2. Surveys3. A/B Testing4. Usability TestingTuesday, May 28, 13
  • 83. gravityswitch.com/andevconFocus groups are notuseful for testing.Tuesday, May 28, 13
  • 84. gravityswitch.com/andevconfocus groups‣ set goals‣ get buy-in (stakeholders)Tuesday, May 28, 13
  • 85. gravityswitch.com/andevconSurveys are only usefulfor specific questions.Tuesday, May 28, 13
  • 86. gravityswitch.com/andevconsurveys‣ do we call it refresh or reload?‣ does this make us look like hacks?‣ which tagline works best?‣ which icon gets the most traffic?Tuesday, May 28, 13
  • 87. gravityswitch.com/andevconsurveys‣ do we call it refresh or reload?‣ does this make us look like hacks?‣ which tagline works best?‣ which icon gets the most traffic?you can A/B testthese tooTuesday, May 28, 13
  • 88. gravityswitch.com/andevconA/B testing rocks.Tuesday, May 28, 13
  • 89. gravityswitch.com/andevconA/B testing‣ Sanity check big changes‣ Fine-tune details‣ Find problems for usability testing‣ Get buying early from stakeholdersTuesday, May 28, 13
  • 90. gravityswitch.com/andevconA/B testingDavid Hyman (CEO) ofMOG’s #1 tip for mobileusability is to “reducebarriers”How can he increase thenumber of PAID members?Tuesday, May 28, 13
  • 91. gravityswitch.com/andevconA/B testing‣ Expensive (time consuming)‣ Requires good statistic tracking‣ Requires large(ish) sample sizeTuesday, May 28, 13
  • 92. gravityswitch.com/andevconUsability testingTuesday, May 28, 13
  • 93. gravityswitch.com/andevconUsability testing‣ Cheapest and most useful testing‣ Find out where users get lost‣ Sanity check yourselfTuesday, May 28, 13
  • 94. gravityswitch.com/andevconThis all sounds good, but whatdoes real testing look like?who has an app to test?Tuesday, May 28, 13
  • 95. gravityswitch.com/andevconDo it now‣ Test early‣ Test often‣ Find biggest problem‣ Find simplest solution‣ RepeatTuesday, May 28, 13
  • 96. Best PracticesTips from the mastersTuesday, May 28, 13
  • 97. AccessibilityLaws and businessTuesday, May 28, 13
  • 98. gravityswitch.com/andevconThe LawsUnder Section 508 (29 U.S.C. ‘794 d),[government] agencies must give disabledemployees and members of the publicaccess to information that is comparable toaccess available to others. Tuesday, May 28, 13
  • 99. gravityswitch.com/andevconThe LawsADA Title III governing publicaccommodations for private entitiesprohibits discrimination, requires access toservices and facilities, and requires effectivecommunication.Tuesday, May 28, 13
  • 100. gravityswitch.com/andevconThe LawsTwenty-First Century Communications andVideo Accessibility Act of 2010Tuesday, May 28, 13
  • 101. gravityswitch.com/andevconTitle I - Communication‣ Advanced Communication Services(VOIP, text, email, IM, Videocommunication, etc.)‣ Web browsers on mobile devices‣ (Hearing aid happens at system level)Tuesday, May 28, 13
  • 102. gravityswitch.com/andevconTitle II - Video‣ Mostly about TV‣ TV => Internet must maintain captions‣ Emergency Information (i.e. 911)Tuesday, May 28, 13
  • 103. gravityswitch.com/andevconThe Numbers‣ 0.3% of the US is blind‣ 0.3% of the US are functionally deaf‣ 2.3% of the US are hard of hearing‣ Many Android Users on GingerbreadTuesday, May 28, 13
  • 104. gravityswitch.com/andevconHow important is it?Lots of wiggle roomSmall audience(Potentially) significant workHIPPOsTuesday, May 28, 13
  • 105. gravityswitch.com/andevconMy Rule of ThumbWould you use your app hands-freewhile driving?Tuesday, May 28, 13
  • 106. AnalyticsWhat is measured improvesTuesday, May 28, 13
  • 107. gravityswitch.com/andevconYour drop-off by time?Tuesday, May 28, 13
  • 108. gravityswitch.com/andevconYour weak points?Tuesday, May 28, 13
  • 109. gravityswitch.com/andevconWrite it downIf you don’t have analytics, get them!If you have them, look at them!If you look at them, change your behavior!Tuesday, May 28, 13
  • 110. Screen SizesThe “F” word againTuesday, May 28, 13
  • 111. gravityswitch.com/andevconbreakpointsTuesday, May 28, 13
  • 112. gravityswitch.com/andevconalways rethink tabletsTuesday, May 28, 13
  • 113. gravityswitch.com/andevconresponsiveTuesday, May 28, 13
  • 114. gravityswitch.com/andevconresponsiveTuesday, May 28, 13
  • 115. Users = BloodhoundsThe scent of informationTuesday, May 28, 13
  • 116. gravityswitch.com/andevconWhat’s the 3-Click Rule?Tuesday, May 28, 13
  • 117. gravityswitch.com/andevconWhat’s the 3-Click Rule?it’s a mythTuesday, May 28, 13
  • 118. gravityswitch.com/andevconThe 3 usability sinsTuesday, May 28, 13
  • 119. gravityswitch.com/andevconThe 3 usability sins1. dead-endsTuesday, May 28, 13
  • 120. gravityswitch.com/andevconThe 3 usability sins1. dead-ends2. backtracksTuesday, May 28, 13
  • 121. gravityswitch.com/andevconThe 3 usability sins1. dead-ends2. backtracks3. thinkingTuesday, May 28, 13
  • 122. Tuesday, May 28, 13
  • 123. Navigation & MenusGiving them the scent of informationTuesday, May 28, 13
  • 124. gravityswitch.com/andevconMain Menu = GoodTuesday, May 28, 13
  • 125. gravityswitch.com/andevconConsistent Navigationlabels AndroidTuesday, May 28, 13
  • 126. Fitt’s LawThe first rule of computer usabilityTuesday, May 28, 13
  • 127. gravityswitch.com/andevconFitt’s lawdistancebutton sizecorners = infinitely largeTuesday, May 28, 13
  • 128. gravityswitch.com/andevcontouch changes itno abstraction (mouse)same distance to everythingcorners are HARDER to hitTuesday, May 28, 13
  • 129. gravityswitch.com/andevconTiff’s lawpoke positionthumbsTuesday, May 28, 13
  • 130. gravityswitch.com/andevconpoke positionDistance and location don’t matter!Tuesday, May 28, 13
  • 131. gravityswitch.com/andevconthumbsarch of thumbs = easyall others = hardTuesday, May 28, 13
  • 132. gravityswitch.com/andevconhorizontal vs. vertical82% of topApple appslock theorientationTuesday, May 28, 13
  • 133. gravityswitch.com/andevconhorizontal vs. verticalif lots of typing - responsiveif one-handed - vertical (or responsive)otherwise just pick one and ship itTuesday, May 28, 13
  • 134. The first 2 minutesDon’t loose people before you hook themTuesday, May 28, 13
  • 135. gravityswitch.com/andevconpeople are lazy and youdon’t want unhappyusers.Tuesday, May 28, 13
  • 136. Key TakeAwayIf you do one thing, do usability testingTuesday, May 28, 13
  • 137. gravityswitch.com/andevconusability testingtest earlytest oftenfind your biggest problemdo the least work possibledo it againTuesday, May 28, 13
  • 138. gravityswitch.com/andevcon18 mobile sites1,000 #Fails147 recommendationsm-commerceTuesday, May 28, 13
  • 139. gravityswitch.com/andevconThere will be a QuizTuesday, May 28, 13
  • 140. gravityswitch.com/andevconscannable home pageTuesday, May 28, 13
  • 141. gravityswitch.com/andevconDeclutterTuesday, May 28, 13
  • 142. gravityswitch.com/andevconGive ContextTuesday, May 28, 13
  • 143. gravityswitch.com/andevconAvoid DropdownsTuesday, May 28, 13
  • 144. gravityswitch.com/andevconLong PagesTuesday, May 28, 13
  • 145. gravityswitch.com/andevconClear ButtonsTuesday, May 28, 13
  • 146. gravityswitch.com/andevconCareful w/AutoCorrectTuesday, May 28, 13
  • 147. gravityswitch.com/andevconBig Data Entry FieldsTuesday, May 28, 13
  • 148. gravityswitch.com/andevconShow a damn calendarTuesday, May 28, 13
  • 149. gravityswitch.com/andevconExampleTuesday, May 28, 13
  • 150. gravityswitch.com/andevconTuesday, May 28, 13
  • 151. Tuesday, May 28, 13
  • 152. Tuesday, May 28, 13
  • 153. gravityswitch.com/andevconWhat did you learn?Tuesday, May 28, 13
  • 154. Does everyone have 3ideas?Tuesday, May 28, 13
  • 155. Ask me questionshttp://gravityswitch.com/andevconjason@gravityswitch.com@jasonNmarkVisual Design - up next!eBooks (Thursday 8:30)Tuesday, May 28, 13