Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
508
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
4
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

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