Top 5½ iPhone
                             app design mistakes
                                  Jeremy Olson - @jerols
  ...
About you?



Saturday, October 16, 2010
About me, me, me, me!
                             (nap time)




Saturday, October 16, 2010
Designer/Developer/Marketer at




Saturday, October 16, 2010
p.s. I like radial gradients




Saturday, October 16, 2010
Creator of




                              Grades
Saturday, October 16, 2010
Saturday, October 16, 2010
Launch!




Saturday, October 16, 2010
Launch!




Saturday, October 16, 2010
Launch!




Saturday, October 16, 2010
Launch!




Saturday, October 16, 2010
Launch!




Saturday, October 16, 2010
Launch!




Saturday, October 16, 2010
Launch!




Saturday, October 16, 2010
Launch!




Saturday, October 16, 2010
Launch!




Saturday, October 16, 2010
FTW!
                             Launch!




Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
How?



Saturday, October 16, 2010
Great Idea




Saturday, October 16, 2010
Great Idea
                                 +




Saturday, October 16, 2010
Great Idea
                                +
                              Great
                             Marketing

S...
Great Idea
                                +
                              Great
                             Marketing
  ...
Great Design.



Saturday, October 16, 2010
Well, that’s unfortunate



Saturday, October 16, 2010
But.



Saturday, October 16, 2010
Design can be learned.



Saturday, October 16, 2010
David Barnard
Saturday, October 16, 2010
Saturday, October 16, 2010
Vikas and Jeff

Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Even “designers” have
                           stuff to learn


Saturday, October 16, 2010
So let’s see what we
                                  can learn.


Saturday, October 16, 2010
Top 5½ iPhone app
                               design mistakes


Saturday, October 16, 2010
1.



Saturday, October 16, 2010
Not matching user
                              mental models
                               expectations


Saturday, Octo...
Saturday, October 16, 2010
“A mental model is an explanation of someone's
           thought process about how something works in the
               ...
“A mental model is an explanation of someone's
           thought process about how something works in the
               ...
Saturday, October 16, 2010
RedLaser 1

Saturday, October 16, 2010
RedLaser 1

Saturday, October 16, 2010
RedLaser 1   RedLaser 2

Saturday, October 16, 2010
2.



Saturday, October 16, 2010
Information Overload



Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
But wait, there’s a manual!




Saturday, October 16, 2010
Saturday, October 16, 2010
Tips so you won’t be
                                   “that guy”




Saturday, October 16, 2010
Tips so you won’t be
                                   “that guy”
                     •       Obliterate unessential
   ...
Tips so you won’t be
                                   “that guy”
                     •       Obliterate unessential
   ...
Tips so you won’t be
                                   “that guy”
                     •       Obliterate unessential
   ...
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
3.



Saturday, October 16, 2010
Overdoing it




Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Keep it simple, stupid.




Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
4.



Saturday, October 16, 2010
Breaking Conventions




Saturday, October 16, 2010
Don’t break a rule
                             unless you understand why it exists.




Saturday, October 16, 2010
Buttons




Saturday, October 16, 2010
Buttons




Saturday, October 16, 2010
Animation




Saturday, October 16, 2010
Animation




Saturday, October 16, 2010
Interactions




Saturday, October 16, 2010
Interactions




Saturday, October 16, 2010
5.



Saturday, October 16, 2010
Basic Graphic Design Flaws




Saturday, October 16, 2010
4 Principles




Saturday, October 16, 2010
4 Principles
                    Contrast :   Hello   Hello




Saturday, October 16, 2010
4 Principles
                    Contrast :    Hello           Hello

                                 -Color is       -Co...
4 Principles
                    Contrast :    Hello           Hello

                                 -Color is       -Co...
4 Principles
                    Contrast :     Hello                        Hello

                                 -Colo...
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
1/2
                             5



Saturday, October 16, 2010
User Testing




Saturday, October 16, 2010
And much, more more...




Saturday, October 16, 2010
Free things you can do
                         for starters.
                     1. Read Apple’s Human Interface Guideli...
Honorable Mentions




Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Top 5½ iPhone
                             app design mistakes
                      • My Company: @skookum - skookum.com
...
Upcoming SlideShare
Loading in...5
×

Top 5.5 Design Mistakes in iPhone Apps

15,593

Published on

First presented at BarCamp Charlotte 4, we talk about some common mistakes that prevent good apps from becoming great apps. By avoiding these errors, you can increase your chances for word of mouth, press, or being featured by Apple.

Without the context of my commentary or the transitions, some of the slides aren't going to make a lot of sense (for example, I am by no means saying that ConvertBot is an example of over-designing). Sorry about that. Look forward to a full article on these and more mistakes on uxmag.com in the near future.

2 Comments
17 Likes
Statistics
Notes
No Downloads
Views
Total Views
15,593
On Slideshare
0
From Embeds
0
Number of Embeds
18
Actions
Shares
0
Downloads
169
Comments
2
Likes
17
Embeds 0
No embeds

No notes for slide

Top 5.5 Design Mistakes in iPhone Apps

  1. 1. Top 5½ iPhone app design mistakes Jeremy Olson - @jerols skookum.com - @skookum Saturday, October 16, 2010
  2. 2. About you? Saturday, October 16, 2010
  3. 3. About me, me, me, me! (nap time) Saturday, October 16, 2010
  4. 4. Designer/Developer/Marketer at Saturday, October 16, 2010
  5. 5. p.s. I like radial gradients Saturday, October 16, 2010
  6. 6. Creator of Grades Saturday, October 16, 2010
  7. 7. Saturday, October 16, 2010
  8. 8. Launch! Saturday, October 16, 2010
  9. 9. Launch! Saturday, October 16, 2010
  10. 10. Launch! Saturday, October 16, 2010
  11. 11. Launch! Saturday, October 16, 2010
  12. 12. Launch! Saturday, October 16, 2010
  13. 13. Launch! Saturday, October 16, 2010
  14. 14. Launch! Saturday, October 16, 2010
  15. 15. Launch! Saturday, October 16, 2010
  16. 16. Launch! Saturday, October 16, 2010
  17. 17. FTW! Launch! Saturday, October 16, 2010
  18. 18. Saturday, October 16, 2010
  19. 19. Saturday, October 16, 2010
  20. 20. Saturday, October 16, 2010
  21. 21. Saturday, October 16, 2010
  22. 22. How? Saturday, October 16, 2010
  23. 23. Great Idea Saturday, October 16, 2010
  24. 24. Great Idea + Saturday, October 16, 2010
  25. 25. Great Idea + Great Marketing Saturday, October 16, 2010
  26. 26. Great Idea + Great Marketing + Saturday, October 16, 2010
  27. 27. Great Design. Saturday, October 16, 2010
  28. 28. Well, that’s unfortunate Saturday, October 16, 2010
  29. 29. But. Saturday, October 16, 2010
  30. 30. Design can be learned. Saturday, October 16, 2010
  31. 31. David Barnard Saturday, October 16, 2010
  32. 32. Saturday, October 16, 2010
  33. 33. Vikas and Jeff Saturday, October 16, 2010
  34. 34. Saturday, October 16, 2010
  35. 35. Saturday, October 16, 2010
  36. 36. Saturday, October 16, 2010
  37. 37. Saturday, October 16, 2010
  38. 38. Saturday, October 16, 2010
  39. 39. Even “designers” have stuff to learn Saturday, October 16, 2010
  40. 40. So let’s see what we can learn. Saturday, October 16, 2010
  41. 41. Top 5½ iPhone app design mistakes Saturday, October 16, 2010
  42. 42. 1. Saturday, October 16, 2010
  43. 43. Not matching user mental models expectations Saturday, October 16, 2010
  44. 44. Saturday, October 16, 2010
  45. 45. “A mental model is an explanation of someone's thought process about how something works in the real world.” Saturday, October 16, 2010
  46. 46. “A mental model is an explanation of someone's thought process about how something works in the real world.” -Not Donald Norman Saturday, October 16, 2010
  47. 47. Saturday, October 16, 2010
  48. 48. RedLaser 1 Saturday, October 16, 2010
  49. 49. RedLaser 1 Saturday, October 16, 2010
  50. 50. RedLaser 1 RedLaser 2 Saturday, October 16, 2010
  51. 51. 2. Saturday, October 16, 2010
  52. 52. Information Overload Saturday, October 16, 2010
  53. 53. Saturday, October 16, 2010
  54. 54. Saturday, October 16, 2010
  55. 55. Saturday, October 16, 2010
  56. 56. Saturday, October 16, 2010
  57. 57. But wait, there’s a manual! Saturday, October 16, 2010
  58. 58. Saturday, October 16, 2010
  59. 59. Tips so you won’t be “that guy” Saturday, October 16, 2010
  60. 60. Tips so you won’t be “that guy” • Obliterate unessential features Saturday, October 16, 2010
  61. 61. Tips so you won’t be “that guy” • Obliterate unessential features • Break your interface up into logical screens Saturday, October 16, 2010
  62. 62. Tips so you won’t be “that guy” • Obliterate unessential features • Break your interface up into logical screens • On each screen show only what is essential for that particular screen Saturday, October 16, 2010
  63. 63. Saturday, October 16, 2010
  64. 64. Saturday, October 16, 2010
  65. 65. Saturday, October 16, 2010
  66. 66. Saturday, October 16, 2010
  67. 67. 3. Saturday, October 16, 2010
  68. 68. Overdoing it Saturday, October 16, 2010
  69. 69. Saturday, October 16, 2010
  70. 70. Saturday, October 16, 2010
  71. 71. Saturday, October 16, 2010
  72. 72. Saturday, October 16, 2010
  73. 73. Keep it simple, stupid. Saturday, October 16, 2010
  74. 74. Saturday, October 16, 2010
  75. 75. Saturday, October 16, 2010
  76. 76. Saturday, October 16, 2010
  77. 77. 4. Saturday, October 16, 2010
  78. 78. Breaking Conventions Saturday, October 16, 2010
  79. 79. Don’t break a rule unless you understand why it exists. Saturday, October 16, 2010
  80. 80. Buttons Saturday, October 16, 2010
  81. 81. Buttons Saturday, October 16, 2010
  82. 82. Animation Saturday, October 16, 2010
  83. 83. Animation Saturday, October 16, 2010
  84. 84. Interactions Saturday, October 16, 2010
  85. 85. Interactions Saturday, October 16, 2010
  86. 86. 5. Saturday, October 16, 2010
  87. 87. Basic Graphic Design Flaws Saturday, October 16, 2010
  88. 88. 4 Principles Saturday, October 16, 2010
  89. 89. 4 Principles Contrast : Hello Hello Saturday, October 16, 2010
  90. 90. 4 Principles Contrast : Hello Hello -Color is -Color is Repetition : -Just one way 2. Just one way -To Repeat *To Repeat Saturday, October 16, 2010
  91. 91. 4 Principles Contrast : Hello Hello -Color is -Color is Repetition : -Just one way 2. Just one way -To Repeat *To Repeat Alignment : Saturday, October 16, 2010
  92. 92. 4 Principles Contrast : Hello Hello -Color is -Color is Repetition : -Just one way 2. Just one way -To Repeat *To Repeat Alignment : < Back Delete Proximity: Here is some text that can be edited Here is some text that can be edited Edit Delete Edit < Back Saturday, October 16, 2010
  93. 93. Saturday, October 16, 2010
  94. 94. Saturday, October 16, 2010
  95. 95. Saturday, October 16, 2010
  96. 96. Saturday, October 16, 2010
  97. 97. Saturday, October 16, 2010
  98. 98. 1/2 5 Saturday, October 16, 2010
  99. 99. User Testing Saturday, October 16, 2010
  100. 100. And much, more more... Saturday, October 16, 2010
  101. 101. Free things you can do for starters. 1. Read Apple’s Human Interface Guidelines (HIG) - developer.apple.com/iphone 2. Watch Apple’s WWDC session videos relating to design & building successful apps: developer.apple.com/videos/ 3. Browse the app store every week - always check out the apps Apple features and think about why Apple might have featured them Saturday, October 16, 2010
  102. 102. Honorable Mentions Saturday, October 16, 2010
  103. 103. Saturday, October 16, 2010
  104. 104. Saturday, October 16, 2010
  105. 105. Saturday, October 16, 2010
  106. 106. Top 5½ iPhone app design mistakes • My Company: @skookum - skookum.com • Jeremy Olson (that’s me): @jerols - tapity.com • My app: @gradesapp - gradesapp.com • Catch the article later on: UXMag.com • The Design of Every Day Things, Don Norman • The Non Designers Design Book, Robin Williams • Tapworthy, Josh Clark • App Savvy, Ken Yarmosh (pre-order, it’s really good) Saturday, October 16, 2010
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×