Upload
jeremy-olson
View
16.266
Download
0
Embed Size (px)
Citation preview
Top 5½ iPhone app design mistakes
Jeremy Olson - @jerolsskookum.com - @skookum
Saturday, October 16, 2010
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
GradesSaturday, 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
Launch!FTW!
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
Saturday, October 16, 2010
Great Idea
+Great
Marketing+
Saturday, October 16, 2010
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 BarnardSaturday, 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, October 16, 2010
Saturday, October 16, 2010
“A mental model is an explanation of someone's thought process about how something works in the
real world.”
Saturday, October 16, 2010
“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
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 features
Saturday, October 16, 2010
Tips so you won’t be “that guy”
• Obliterate unessential features
• Break your interface up into logical screens
Saturday, October 16, 2010
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
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 ruleunless 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 PrinciplesHello HelloContrast :
Saturday, October 16, 2010
4 PrinciplesHello HelloContrast :
-Color is
-Just one way
-To Repeat
-Color is
2. Just one way
*To RepeatRepetition :
Saturday, October 16, 2010
4 PrinciplesHello HelloContrast :
-Color is
-Just one way
-To Repeat
-Color is
2. Just one way
*To RepeatRepetition :
Alignment :
Saturday, October 16, 2010
4 PrinciplesHello HelloContrast :
-Color is
-Just one way
-To Repeat
-Color is
2. Just one way
*To RepeatRepetition :
Alignment :
Here is some text that can be edited
Edit Delete
< Back
Here is some text that can be edited
Edit
Delete
< Back
Proximity:
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
5 1/2
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 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
Honorable Mentions
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Saturday, October 16, 2010
Top 5½ iPhone app design mistakes
• 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)
• 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
Saturday, October 16, 2010