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.

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