Android DevCon 2013 Usability

1,300 views

Published on

Published in: Technology, News & Politics
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,300
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
10
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Android DevCon 2013 Usability

  1. 1. Easy MobileMaking your app easier to useThursday, May 23, 13
  2. 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 & problemsThursday, May 23, 13
  3. 3. My Goal‣ Help you understand usability‣ Make it simple to improve‣ Everyone leave here with 3 practicalthings they can do to improve theirapp THIS WEEK.Thursday, May 23, 13
  4. 4. After the Break‣ How visuals support brand‣ Applying this to mobile‣ Making your apps better‣ The importance of iconsThursday, May 23, 13
  5. 5. A Little About MeThursday, May 23, 13
  6. 6. I like chaosThursday, May 23, 13
  7. 7. Thursday, May 23, 13
  8. 8. She does the hard workThursday, May 23, 13
  9. 9. Thursday, May 23, 13
  10. 10. We make cool stuff withcool people.Thursday, May 23, 13
  11. 11. I also like‣ Change‣ Technology‣ Simple solutions to complex problemsThursday, May 23, 13
  12. 12. We’re agileThursday, May 23, 13
  13. 13. Agile Can Be ScaryHere’s what it means toGravity SwitchThursday, May 23, 13
  14. 14. WORKING SOFTWAREOVER COMPREHENSIVE DOCUMENTATIONCUSTOMER COLLABORATIONOVER CONTRACT NEGOTIATIONRESPONDING TO CHANGEOVER FOLLOWING A PLANINDIVIDUALS & INTERACTIONSOVER PROCESSES & TOOLSThursday, May 23, 13
  15. 15. Remove Waste1. Measure2. Identify waste3. Remove waste4. RepeatThursday, May 23, 13
  16. 16. Spare the GoodSetupVisual Design &Written VoiceCommunicationSignoffSetupProgrammingCommunicationGo LiveMonitor &ImproveValue Ad Non-Value AdDesignRevisionsThursday, May 23, 13
  17. 17. One Tasks & TicketsThursday, May 23, 13
  18. 18. Timely RemindersThursday, May 23, 13
  19. 19. Zero InboxThursday, May 23, 13
  20. 20. Five-Minute RuleThursday, May 23, 13
  21. 21. Rule of 3Thursday, May 23, 13
  22. 22. Ask for HelpThursday, May 23, 13
  23. 23. Don’t MultitaskIt doesn’t work.Thursday, May 23, 13
  24. 24. Do The Little ThingsThursday, May 23, 13
  25. 25. 2 Weeks. 10 Hours.Top 10 ReasonsI Procrastinate:1.Thursday, May 23, 13
  26. 26. Usability Example1 WeekThursday, May 23, 13
  27. 27. Drop-off in the first 2minutes is HUGE!Thursday, May 23, 13
  28. 28. Getting Started ScreensThursday, May 23, 13
  29. 29. Getting Started ScreensThursday, May 23, 13
  30. 30. Getting Started ScreensThursday, May 23, 13
  31. 31. Getting Started ScreensThursday, May 23, 13
  32. 32. We have to do betterThursday, May 23, 13
  33. 33. We have to do betterThursday, May 23, 13
  34. 34. We have to do betterThursday, May 23, 13
  35. 35. We have to do betterThursday, May 23, 13
  36. 36. We have to do betterThursday, May 23, 13
  37. 37. We have to do betterThursday, May 23, 13
  38. 38. We have to do betterThursday, May 23, 13
  39. 39. We have to do betterThursday, May 23, 13
  40. 40. We have to do betterThursday, May 23, 13
  41. 41. We have to do betterThursday, May 23, 13
  42. 42. We have to do betterThursday, May 23, 13
  43. 43. Why 1 Week?Perfect is the enemy of goodWinners shipWe don’t need longerThursday, May 23, 13
  44. 44. A Little About YouThursday, May 23, 13
  45. 45. Why’d ya come?Existing AppNew AppThursday, May 23, 13
  46. 46. Whacha building?GameUtilityProductivityMusic/Photo/VideoOtherThursday, May 23, 13
  47. 47. $0.00$.99 - $2.99$3.99 - $9.99$9.99+Other (internal app)Pricing$$$?Free!$$$Thursday, May 23, 13
  48. 48. Company sizeLone Gunslinger2-10 Employees/Partners11-100 Employees100+ EmployeesThursday, May 23, 13
  49. 49. Thursday, May 23, 13
  50. 50. Android onlyiDevices & AndroidAnything else? HTML5?Thursday, May 23, 13
  51. 51. Your superpower?ProgrammingDesignUsabilityOtherThursday, May 23, 13
  52. 52. Want to learn moreSome experienceConducted software testingMeasured resultsUsability experienceThursday, May 23, 13
  53. 53. OverviewUserNeedsBusinessNeedsBrandEasy to use.Thursday, May 23, 13
  54. 54. ⇥ Technology ⇤ Design ⌅ Usability ⇧ BusinessGeeks start it.(Programmers, NASAengineers, etc.)You wont hit the majority until youhave a commercially viable product!The building blocksof technologyThursday, May 23, 13
  55. 55. The mobile differenceSmallPortablePersonalBandwidth mattersInterruptedTyping sucksThursday, May 23, 13
  56. 56. Apps that “get it”Interrupted (2 mins)No Internet NeededUses TouchThursday, May 23, 13
  57. 57. Apps 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.Thursday, May 23, 13
  58. 58. Apps that “get it”PersonalOn the RoadAvoids TypingNo Internet NeededThursday, May 23, 13
  59. 59. Successful AppsTraitsThursday, May 23, 13
  60. 60. Top iPhone appsThursday, May 23, 13
  61. 61. Top iPhone apps94% Are useful because they’re mobileThursday, May 23, 13
  62. 62. Top iPhone apps94% Are useful because they’re mobile56% Use touch meaningfullyThursday, May 23, 13
  63. 63. Top iPhone appsThursday, May 23, 13
  64. 64. Top iPhone apps3% Use video3% Use the camera meaningfully4% Use tilt meaningfully11% Use GPS15% Are multiplayer4% Use two of these features0% Use three or moreThursday, May 23, 13
  65. 65. What don’t you do?The most successfulcompanies have a list ofthings they DON’T do.Thursday, May 23, 13
  66. 66. More Features =Hard to UseThursday, May 23, 13
  67. 67. Whatever... What about Android Apps?Thursday, May 23, 13
  68. 68. Why buy Android?4. Need reading glasses3. Geek / Tinkerer2. It’s not Apple1. International availabilityThursday, May 23, 13
  69. 69. 9 Utilities (+0)5 Geeks (+4)5 Games (-3)3 Music (+0)1 Camera (-1)1 Office docs (+0)Thursday, May 23, 13
  70. 70. 28 Games (+6)4 Angry Birds3 Word games1 Music (+0)1 Utility (+1)Thursday, May 23, 13
  71. 71. Top 20 are ALL gamesGames (+10)Music (-3)Social media (-2)News (-2)Thursday, May 23, 13
  72. 72. 21 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”Thursday, May 23, 13
  73. 73. 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- MultiplayerThursday, May 23, 13
  74. 74. Goals Before UsabilityWhat are you trying to do?Thursday, May 23, 13
  75. 75. Why?Fame?Fortune?Your boss?Ask why 5 timesThursday, May 23, 13
  76. 76. Trinity of UsabilityStorytelling, wireframing, testingThursday, May 23, 13
  77. 77. 1. StorytellingUse case vs. user scenarioThursday, May 23, 13
  78. 78. StorytellingUse case = How features workUser scenarios = How people workThursday, May 23, 13
  79. 79. 2. WireframingTo wireframe or not to wireframeThursday, May 23, 13
  80. 80. Wireframing‣ “Paper prototyping”‣ Easy to test‣ Easy to change‣ Hand-drawn‣ No colors/fonts/picturesThursday, May 23, 13
  81. 81. Thursday, May 23, 13
  82. 82. Wireframesspec => wireframe => prototype => experienceThursday, May 23, 13
  83. 83. 3. Usability TestingWhat’s useful and what’s notThursday, May 23, 13
  84. 84. Tap-TapFirst mobile appdeveloper to make$1m profit everymonth.Started with 4 apps,and built out the onethat tested the best.Thursday, May 23, 13
  85. 85. When to testThursday, May 23, 13
  86. 86. When to testKnownUnknownThursday, May 23, 13
  87. 87. When to testKnownUnknownThursday, May 23, 13
  88. 88. When to testKnownUnknownThursday, May 23, 13
  89. 89. When to testKnownUnknownTestThursday, May 23, 13
  90. 90. When to testKnownUnknownTestSteal ideas first!Thursday, May 23, 13
  91. 91. Usability testing1. Focus Groups2. Surveys3. A/B Testing4. Usability TestingThursday, May 23, 13
  92. 92. Focus groups are notuseful for testing.Thursday, May 23, 13
  93. 93. focus groups‣ set goals‣ get buy-in (stakeholders)Thursday, May 23, 13
  94. 94. Surveys are only usefulfor specific questions.Thursday, May 23, 13
  95. 95. surveys‣ do we call it refresh or reload?‣ does this make us look like hacks?‣ which tagline works best?‣ which icon gets the most traffic?Thursday, May 23, 13
  96. 96. surveys‣ 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 tooThursday, May 23, 13
  97. 97. A/B testing rocks.Thursday, May 23, 13
  98. 98. A/B testing‣ Sanity check big changes‣ Fine-tune details‣ Find problems for usability testing‣ Get buying early from stakeholdersThursday, May 23, 13
  99. 99. A/B testingDavid Hyman (CEO) ofMOG’s #1 tip for mobileusability is to “reducebarriers”How can he increase thenumber of PAID members?Thursday, May 23, 13
  100. 100. A/B testing‣ Expensive (time consuming)‣ Requires good statistic tracking‣ Requires large(ish) sample sizeThursday, May 23, 13
  101. 101. Usability testingThursday, May 23, 13
  102. 102. Usability testing‣ Cheapest and most useful testing‣ Find out where users get lost‣ Sanity check yourselfThursday, May 23, 13
  103. 103. This all sounds good, but whatdoes real testing look like?who has an app to test?Thursday, May 23, 13
  104. 104. Do it now‣ Test early‣ Test often‣ Find biggest problem‣ Find simplest solution‣ RepeatThursday, May 23, 13
  105. 105. Best PracticesTips from the mastersThursday, May 23, 13
  106. 106. AccessibilityLaws and businessThursday, May 23, 13
  107. 107. The 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. Thursday, May 23, 13
  108. 108. The LawsADA Title III governing publicaccommodations for private entitiesprohibits discrimination, requires access toservices and facilities, and requires effectivecommunication.Thursday, May 23, 13
  109. 109. The LawsTwenty-First Century Communications andVideo Accessibility Act of 2010Thursday, May 23, 13
  110. 110. Title I - Communication‣ Advanced Communication Services(VOIP, text, email, IM, Videocommunication, etc.)‣ Web browsers on mobile devices‣ (Hearing aid happens at system level)Thursday, May 23, 13
  111. 111. Title II - Video‣ Mostly about TV‣ TV => Internet must maintain captions‣ Emergency Information (i.e. 911)Thursday, May 23, 13
  112. 112. The 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 GingerbreadThursday, May 23, 13
  113. 113. How important is it?Lots of wiggle roomSmall audience(Potentially) significant workHIPPOsThursday, May 23, 13
  114. 114. My Rule of ThumbWould you use your app hands-freewhile driving?Thursday, May 23, 13
  115. 115. AnalyticsWhat is measured improvesThursday, May 23, 13
  116. 116. Your drop-off by time?Thursday, May 23, 13
  117. 117. Your weak points?Thursday, May 23, 13
  118. 118. Write it downIf you don’t have analytics, get them!If you have them, look at them!If you look at them, change your behavior!Thursday, May 23, 13
  119. 119. Screen SizesThe “F” word againThursday, May 23, 13
  120. 120. breakpointsThursday, May 23, 13
  121. 121. always rethink tabletsThursday, May 23, 13
  122. 122. responsiveThursday, May 23, 13
  123. 123. responsiveThursday, May 23, 13
  124. 124. Users = BloodhoundsThe scent of informationThursday, May 23, 13
  125. 125. What’s the 3-Click Rule?Thursday, May 23, 13
  126. 126. What’s the 3-Click Rule?it’s a mythThursday, May 23, 13
  127. 127. The 3 usability sinsThursday, May 23, 13
  128. 128. The 3 usability sins1. dead-endsThursday, May 23, 13
  129. 129. The 3 usability sins1. dead-ends2. backtracksThursday, May 23, 13
  130. 130. The 3 usability sins1. dead-ends2. backtracks3. thinkingThursday, May 23, 13
  131. 131. Thursday, May 23, 13
  132. 132. Navigation & MenusGiving them the scent of informationThursday, May 23, 13
  133. 133. Main Menu = GoodThursday, May 23, 13
  134. 134. Consistent Navigationlabels AndroidThursday, May 23, 13
  135. 135. Fitt’s LawThe first rule of computer usabilityThursday, May 23, 13
  136. 136. Fitt’s lawdistancebutton sizecorners = infinitely largeThursday, May 23, 13
  137. 137. touch changes itno abstraction (mouse)same distance to everythingcorners are HARDER to hitThursday, May 23, 13
  138. 138. Tiff’s lawpoke positionthumbsThursday, May 23, 13
  139. 139. poke positionDistance and location don’t matter!Thursday, May 23, 13
  140. 140. thumbsarch of thumbs = easyall others = hardThursday, May 23, 13
  141. 141. horizontal vs. vertical82% of topApple appslock theorientationThursday, May 23, 13
  142. 142. horizontal vs. verticalif lots of typing - responsiveif one-handed - vertical (or responsive)otherwise just pick one and ship itThursday, May 23, 13
  143. 143. The first 2 minutesDon’t loose people before you hook themThursday, May 23, 13
  144. 144. people are lazy and youdon’t want unhappyusers.Thursday, May 23, 13
  145. 145. Key TakeAwayIf you do one thing, do usability testingThursday, May 23, 13
  146. 146. usability testingtest earlytest oftenfind your biggest problemdo the least work possibledo it againThursday, May 23, 13
  147. 147. 18 mobile sites1,000 #Fails147 recommendationsm-commercegravityswith.com/andevconThursday, May 23, 13
  148. 148. There will be a QuizThursday, May 23, 13
  149. 149. scannable home pageThursday, May 23, 13
  150. 150. DeclutterThursday, May 23, 13
  151. 151. Give ContextThursday, May 23, 13
  152. 152. Avoid DropdownsThursday, May 23, 13
  153. 153. Long PagesThursday, May 23, 13
  154. 154. Clear ButtonsThursday, May 23, 13
  155. 155. Careful w/AutoCorrectThursday, May 23, 13
  156. 156. Big Data Entry FieldsThursday, May 23, 13
  157. 157. Show a damn calendarThursday, May 23, 13
  158. 158. What did you learn?Thursday, May 23, 13
  159. 159. Does everyone have 3ideas?Thursday, May 23, 13
  160. 160. Ask me questionshttp://gravityswitch.com/andevconjason@gravityswitch.com@jasonNmarkVisual Design - up next!eBooks (Thursday 8:30)Thursday, May 23, 13
  161. 161. Thursday, May 23, 13
  162. 162. Thursday, May 23, 13

×