View
215
Download
0
Category
Tags:
Preview:
Citation preview
Emotional Design
Jim FoleyFebruary 2012
Problem!
• What don’t guidelines, styleguides, patterns address?
• ???????
UI Design - Georgia Tech 2
What is nor Addressed?
• Beyond features and ease of use….• Useful + Usable ≠ Desirable• Making a UI fun, attractive, enjoyable,
desirable, hip• Making users want to use a UI if use is
discretionary• The overall user experience
Which is in part (maybe in whole) an emotional experience as much as a rational experience
UI Design - Georgia Tech 3
Compelling User Experiences
• How know one when see one?• What are some means to that end?
UI Design - Georgia Tech 4
Compelling User Experiences
• Beyond usability to psychology of rewards, of “feel good” Challenges / competition Achieve status
– Google news badges– Samsung…
Recognizeachievements
UI Design - Georgia Tech 5
From Anderson, Seductive Interaction Design
Taking off from Maslow
UI Design - Georgia Tech 6
From Anderson, Seductive Interaction Design
Simple (positive) Example
UI Design - Georgia Tech 7
Playful!!
Fun!!
Pleasurable!!
Simple (Negative) Example
• Conveying success in red
• More joyful ways to do it?
UI Design - Georgia Tech 8
From Anderson, Seductive Interaction Design
Exclusivity Snobbery
UI Design - Georgia Tech 9
Another kind of emotion …..
Establishing Trust
• Appearance Bank buildings
• Extra security measures In some sense, the analog of old-style
banks with their heavy stone walls, bars on windows
UI Design - Georgia Tech 10
Utilitarian vs. Attractive
UI Design - Georgia Tech 11
Utilitarian vs. Attractive
UI Design - Georgia Tech 12
Questions
• Why is Facebook more fun than email?
• Why is twitter so popular?• How is status conveyed in various
social media? In multiplayer games?• What is the power of customization?
UI Design - Georgia Tech 13
Feathers iPhone Twitter App is Fun!
UI Design - Georgia Tech 14
http://feathersapp.com/
Why Did Clippit Fail?
• Microsoft circa 1998-2004• Pops up when thinks it
knows what you are doing
UI Design - Georgia Tech 15
Linkedin – Updating Profile
UI Design - Georgia Tech 16
Updates to list are animated
Circling Back to the Psychology
Typology of Cognitive Pleasures (in no particular order)
1. Discovery - User experience as exploration of new territory2. Challenge - User experience as obstacles to overcome, goals lying just beyond current
skill and knowledge levels3. Narrative - User experience as story arc (user on hero's journey) and character
identification4. Self-expression - User experience as self-discovery and creativity5. Social framework - User experience as an opportunity for interaction/fellowship with
others6. Cognitive Arousal - User experience as brain teaser7. Thrill - User experience as risk-taking with a safety net 8. Sensation - User experience as sensory stimulation9. Triumph - User experience as opportunity to kick ass10. Flow - User experience as opportunity for complete concentration, extreme focus, lack
of self-awareness 11. Accomplishment - User experience as opportunity for productivity and success12. Fantasy - User experience as alternate reality13. Learning - User experience as opportunity for growth and improvement
UI Design - Georgia Tech 17
Kathy Sierra’s Creating Passionate Users blog http://headrush.typepad.com/creating_passionate_users/2006/04/cogniti
ve_seduc.html
Are there others – is this a complete taxonomy?
To Learn More
• Google “emotional user interfaces” “affective user interfaces”
• Books, blogs, papers
Recommended