Post on 27-Jan-2015
description
What was Apple thinking? !
Jochen Wolters @jochenWolters
Gestalt Laws | Affordances | Skeuomorphism
Gestalt
Gestalt Laws | Affordances | Skeuomorphism
Source: Wikipedia
Gestalt !
The essence or shape of an entity’s complete form.
Image by R. C. James
Sniff, Sniff…
Gestalt Laws | Affordances | Skeuomorphism
Similarity
Gestalt Laws | Affordances | Skeuomorphism
Proximity
Gestalt Laws | Affordances | Skeuomorphism
Closure
Gestalt Laws | Affordances | Skeuomorphism
Similarity + Proximity + Closure
Gestalt Laws | Affordances | Skeuomorphism
AffordanceAffordance !
A property of an object, or an environment, which allows an individual to perform an action.
Gestalt Laws | Affordances | Skeuomorphism
Affordance !
A property of an object, or an environment, which allows an individual to perform an action that is readily perceivable.
Source: Wikipedia
Gestalt Laws | Affordances | Skeuomorphism
Gestalt Laws | Affordances | Skeuomorphism
“Does the user perceive that clicking on that location is a meaningful, useful action to perform?”
Donald Norman
Source: http://www.jnd.org/dn.mss/affordances_and.html
Gestalt Laws | Affordances | Skeuomorphism
Skeuomorph
Gestalt Laws | Affordances | Skeuomorphism
Source: Wikipedia
Skeuomorph !
A derivative object that retains ornamental design cues to a structure that were functionallynecessary in the original.
Gestalt Laws | Affordances | Skeuomorphism
Rear Door Front Door
Gestalt Laws | Affordances | Skeuomorphism
Don’t Make Me Think! Steve Krug
Gestalt Laws | Affordances | Skeuomorphism
Slide inspired by Eric Reiss
OS X 10.9
Windows 8
iOS 7
“That’s a button!”
“Looks like a button.”
“Is that a button?”
Buttons
Examples
Gestalt Laws | Affordances | Skeuomorphism
Buttons
Tweetlogix
Notes
“ Does the user perceive that clicking on that location is a meaningful, useful action to perform?”
Donald Norman
Source: http://www.jnd.org/dn.mss/affordances_and.html
Buttons Icons
Examples
Gestalt Laws | Affordances | Skeuomorphism
Buttons Icons
Share Panel in Safari
“That’s a book!”
“Looks like a book.”
“Is that a book?”
“Huh?!”
Reminders
iBooks
Notes Game Center
Voice Memos
Passbook
Buttons Icons Barrel Widget
Examples
Gestalt Laws | Affordances | Skeuomorphism
Buttons Icons Barrel Widget
Calendar
Buttons Icons Barrel Widget Hidden Functions
Examples
Gestalt Laws | Affordances | Skeuomorphism
Buttons Icons Barrel Widget Hidden Functions
Search Field in iBooks
Podcasts
“ Does the user perceive that clicking on that location is a meaningful, useful action to perform?”
Donald Norman
Source: http://www.jnd.org/dn.mss/affordances_and.html
Gestalt Laws Affordances
Skeuomorphism
Structure Discoverability Knowledge Transfer
help create meaningful:
Donald P. Norman
The Design of Everyday Things
Questions Answers, Spirited Discussion
&
Thank you! !
Jochen Wolters @jochenWolters !
jochen@uiobservatory.com