Upgrade to Pro — share decks privately, control downloads, hide ads and more …

It's the Little Things

F4fdcefcbe9f42663935e7c56c4c76a4?s=47 Brad Colbow
September 26, 2011

It's the Little Things

Small interface changes can have a big impact in your design. A poorly labeled button here or a feature missing there may seem insignificant but can add add up to big problems for your users. Brad shares his experience designing for mobile platforms and how small differences between iOS, Android and other platforms can really change your interface.

F4fdcefcbe9f42663935e7c56c4c76a4?s=128

Brad Colbow

September 26, 2011
Tweet

Transcript

  1. Sunday, July 31, 2011

  2. Sunday, July 31, 2011

  3. Sunday, July 31, 2011

  4. Sunday, July 31, 2011

  5. Sunday, July 31, 2011

  6. Sunday, July 31, 2011

  7. Sunday, July 31, 2011

  8. Sunday, July 31, 2011

  9. Sunday, July 31, 2011

  10. Sunday, July 31, 2011

  11. Sunday, July 31, 2011

  12. Sunday, July 31, 2011

  13. Sunday, July 31, 2011

  14. Sunday, July 31, 2011

  15. Sunday, July 31, 2011

  16. Sunday, July 31, 2011

  17. Sunday, July 31, 2011

  18. Sunday, July 31, 2011

  19. Sunday, July 31, 2011

  20. Sunday, July 31, 2011

  21. S T E P 1 Find a book you're interested

    in Sunday, July 31, 2011
  22. S T E P 1 S T E P 2

    Find a book you're interested in Add book to your cart Sunday, July 31, 2011
  23. S T E P 1 S T E P 2

    S T E P 3 Find a book you're interested in Add book to your cart Login and Check out your book Sunday, July 31, 2011
  24. S T E P 4 Get a download link Sunday,

    July 31, 2011
  25. S T E P 4 S T E P 5

    Get a download link Boot up Windows Sunday, July 31, 2011
  26. S T E P 4 S T E P 5

    S T E P 6 Get a download link Boot up Windows Download proprietary software Sunday, July 31, 2011
  27. S T E P 7 Install software Sunday, July 31,

    2011
  28. S T E P 7 S T E P 8

    Install software Get cryptic error Sunday, July 31, 2011
  29. S T E P 7 S T E P 8

    S T E P 9 Install software Get cryptic error Google cryptic error Sunday, July 31, 2011
  30. S T E P 1 0 Learn that you need

    an updated security certificate Sunday, July 31, 2011
  31. S T E P 1 0 S T E P

    1 1 Learn that you need an updated security certificate Open Windows Media Player Sunday, July 31, 2011
  32. S T E P 1 0 S T E P

    1 1 S T E P 1 2 Download new security certificate Learn that you need an updated security certificate Open Windows Media Player Sunday, July 31, 2011
  33. S T E P 1 3 Learn that you need

    to update Windows Media Player Sunday, July 31, 2011
  34. S T E P 1 3 S T E P

    1 4 Learn that you need to update Windows Media Player Download and Install update Sunday, July 31, 2011
  35. S T E P 1 3 S T E P

    1 4 S T E P 1 5 Learn that you need to update Windows Media Player Download and Install update Reboot Windows Sunday, July 31, 2011
  36. S T E P 1 6 Start up Overdrive Media

    Player Sunday, July 31, 2011
  37. S T E P 1 6 S T E P

    1 7 Get another cryptic error message Start up Overdrive Media Player Sunday, July 31, 2011
  38. S T E P 1 6 S T E P

    1 7 S T E P 1 8 Get another cryptic error message Insert profanity Start up Overdrive Media Player Sunday, July 31, 2011
  39. S T E P 1 9 Give up on stupid

    library Sunday, July 31, 2011
  40. S T E P 1 9 S T E P

    2 0 Give up on stupid library Open Bit torrent site Sunday, July 31, 2011
  41. S T E P 1 9 S T E P

    2 0 Give up on stupid library Open Bit torrent site S T E P 2 1 Click download Sunday, July 31, 2011
  42. S T E P 2 2 Enjoy your audio book

    Sunday, July 31, 2011
  43. Sunday, July 31, 2011

  44. Sunday, July 31, 2011

  45. Sunday, July 31, 2011

  46. Sunday, July 31, 2011

  47. Sunday, July 31, 2011

  48. Sunday, July 31, 2011

  49. Sunday, July 31, 2011

  50. Sunday, July 31, 2011

  51. Sunday, July 31, 2011

  52. Sunday, July 31, 2011

  53. Sunday, July 31, 2011

  54. se·lect·list [si-lekt-list] Sunday, July 31, 2011

  55. se·lect·list [si-lekt-list] ??? Sunday, July 31, 2011

  56. Nit-picking [nit-pi-king] Nitpicking is the act of removing nits (the

    eggs of lice, generally head lice) from the host's hair. Sunday, July 31, 2011
  57. Sunday, July 31, 2011

  58. Sunday, July 31, 2011

  59. Sunday, July 31, 2011

  60. Sunday, July 31, 2011

  61. Sunday, July 31, 2011

  62. Sunday, July 31, 2011

  63. Sunday, July 31, 2011

  64. Sunday, July 31, 2011

  65. Sunday, July 31, 2011

  66. Sunday, July 31, 2011

  67. Sunday, July 31, 2011

  68. Sunday, July 31, 2011

  69. Sunday, July 31, 2011

  70. I CLEVELAND Sunday, July 31, 2011

  71. Sunday, July 31, 2011

  72. Sunday, July 31, 2011

  73. Sunday, July 31, 2011

  74. Sunday, July 31, 2011

  75. Sunday, July 31, 2011

  76. They don’t care Sunday, July 31, 2011

  77. What is the secret to creating a great experience? Sunday,

    July 31, 2011
  78. (Dramatic pause) Sunday, July 31, 2011

  79. You have to care. Sunday, July 31, 2011

  80. Sunday, July 31, 2011

  81. Sunday, July 31, 2011

  82. Sunday, July 31, 2011

  83. Sunday, July 31, 2011

  84. Sunday, July 31, 2011

  85. Sunday, July 31, 2011

  86. Sunday, July 31, 2011

  87. Sunday, July 31, 2011

  88. Sunday, July 31, 2011

  89. Sunday, July 31, 2011

  90. Sunday, July 31, 2011

  91. Sunday, July 31, 2011

  92. <fieldset> <label for="login">Username or Email</label> <input autocapitalize="off" autocorrect="off" class="text-input" id="login"

    name="login" tabindex="1" type="text" value="" /> </fieldset> Sunday, July 31, 2011
  93. Sunday, July 31, 2011

  94. Sunday, July 31, 2011

  95. Sunday, July 31, 2011

  96. Sunday, July 31, 2011

  97. Sunday, July 31, 2011

  98. Sunday, July 31, 2011

  99. Sunday, July 31, 2011

  100. Sunday, July 31, 2011

  101. Sunday, July 31, 2011

  102. Sunday, July 31, 2011

  103. Sunday, July 31, 2011

  104. 1024 x 768 1280 x 800 1024 x 600 HP

    Motorola Xoom Blackberry Sunday, July 31, 2011
  105. Sunday, July 31, 2011

  106. Sunday, July 31, 2011

  107. Platform Characteristics Interfacing with the Hardware Design Processes Interface design

    elements Best Practices Sunday, July 31, 2011
  108. tap double tap swipe pinch tap and hold Sunday, July

    31, 2011
  109. Interfacing with the Hardware Sunday, July 31, 2011

  110. Sunday, July 31, 2011

  111. Sunday, July 31, 2011

  112. Sunday, July 31, 2011

  113. Sunday, July 31, 2011

  114. Sunday, July 31, 2011

  115. iPhone Android Sunday, July 31, 2011

  116. iPhone Android Sunday, July 31, 2011

  117. iPhone WebOS Sunday, July 31, 2011

  118. Sunday, July 31, 2011

  119. Design Processes Sunday, July 31, 2011

  120. Process Sunday, July 31, 2011

  121. Interface design elements Sunday, July 31, 2011

  122. Sunday, July 31, 2011

  123. Sunday, July 31, 2011

  124. Sunday, July 31, 2011

  125. Sunday, July 31, 2011

  126. Sunday, July 31, 2011

  127. Best Practices Sunday, July 31, 2011

  128. Don’t let the UI hinder the experience Sunday, July 31,

    2011
  129. Don’t let the UI hinder the experience Sunday, July 31,

    2011
  130. Elevate the content people care about Sunday, July 31, 2011

  131. Elevate the content people care about Sunday, July 31, 2011

  132. Elevate the content people care about Sunday, July 31, 2011

  133. Minimize user input Sunday, July 31, 2011

  134. Minimize user input Sunday, July 31, 2011

  135. Plan for Interruptions Sunday, July 31, 2011

  136. Don't design for the power user Sunday, July 31, 2011

  137. Don't design for the power user Sunday, July 31, 2011

  138. Delight with stunning graphics Sunday, July 31, 2011

  139. Avoid forcing a user to rotate the device Sunday, July

    31, 2011
  140. Avoid forcing a user to rotate the device Sunday, July

    31, 2011
  141. Avoid creating new touch gestures Report adult content to Apple

    Sunday, July 31, 2011
  142. Avoid creating new touch gestures Sunday, July 31, 2011

  143. Avoid help Sunday, July 31, 2011

  144. http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/Introduction/Introduction.html Apple iOS http://developer.android.com/guide/practices/ui_guidelines/index.html http://www.mutualmobile.com/2011/android-design-guidelines-version-1-1-honeycomb/ Android http://docs.blackberry.com/en/developers/deliverables/17965/index.jsp?name=UI+Guidelines+-+BlackBerry +Smartphones6.0&language=English&userType=21&category=Java+Development+Guidelines&subCategory= BlackBerry http://go.microsoft.com/fwlink/?LinkID=183218

    Windows Phone 7 https://developer.palm.com/content/api/design/mojo/hi-guidelines.html HP- Palm webOS Sunday, July 31, 2011
  145. Sunday, July 31, 2011

  146. Sunday, July 31, 2011

  147. Sunday, July 31, 2011

  148. Sunday, July 31, 2011

  149. Sunday, July 31, 2011

  150. Sunday, July 31, 2011

  151. Sunday, July 31, 2011

  152. Sunday, July 31, 2011

  153. Sunday, July 31, 2011

  154. Sunday, July 31, 2011

  155. Sunday, July 31, 2011

  156. Thank You Sunday, July 31, 2011

  157. Thank You colbowdesign.com @bradcolbow Sunday, July 31, 2011