1 All contents © Copyright 2008-2009 Experience Dynamics 15 Lessons from Emotion Design An Experience Dynamics training WEB SEMINAR With Frank Spillers, MS
Jan 27, 2015
1
All contents © Copyright 2008-2009 Experience Dynamics
15 Lessons from Emotion Design
An Experience Dynamics training
WEB SEMINAR
With Frank Spillers, MS
2
All contents © Copyright 2008-2009 Experience Dynamics
About Your Speaker
Frank SpillersMasters Cognitive Science 10 years User Centered Design experienceFounder, Experience Dynamics- leading Usability Design
Research firm
3
All contents © Copyright 2008-2009 Experience Dynamics
Agenda What is ‘emotion design’? How can you incorporate
emotion into your product, website or application? How do Web 2.0 sites and apps do emotion design? What makes for a compelling and emotionally engaging experience?
1. What is Emotion Design?2. 15 Lessons from Emotion Design3. How is Emotion Design being used in product design
and Web online strategy today?4. How Web 2.0 can add emotional design to your
customer experience.5. Aspects of emotion design that help you differentiate.
4
All contents © Copyright 2008-2009 Experience Dynamics
1. What is Emotion Design?
5
All contents © Copyright 2008-2009 Experience Dynamics
What is Emotion Design?
• Elements that make a design emotionally compelling
• The emotional qualities evoked by a design
• The affective aspects which facilitate interaction
• The ‘emotional signature’ of a design
6
All contents © Copyright 2008-2009 Experience Dynamics
Directly manipulating a user’s natural appraisal process (trigger to emotion)…
…by designing an “Appraisal Mirror” (intended appraisal that would guide user to positive emotion)
Instead of Design for Human Error, it’s Design for Human Appraisal
7
All contents © Copyright 2008-2009 Experience Dynamics
2. 15 Lessons from Emotion Design
8
All contents © Copyright 2008-2009 Experience Dynamics
?
9
All contents © Copyright 2008-2009 Experience Dynamics
1. Don’t use Look and Feel to fool, because people will find out
what’s under the “hood”
10
All contents © Copyright 2008-2009 Experience Dynamics
2. Beauty is in the eye of the beholder
11
All contents © Copyright 2008-2009 Experience Dynamics
3. Don’t abuse the term “ease of use”
12
All contents © Copyright 2008-2009 Experience Dynamics
4. Cognition includes emotion
13
All contents © Copyright 2008-2009 Experience Dynamics
5. Don’t act like objectivity is all that counts
14
All contents © Copyright 2008-2009 Experience Dynamics
6. People problem solve with “negative emotions”
15
All contents © Copyright 2008-2009 Experience Dynamics
Function of emotional state changes
• Explore or manipulate the interface• Produce a shift in concentration,
memory• Free up cognitive resources• Alter social arrangement/ group
dynamics
11/20Spillers, F. 2004, "Emotion as a Cognitive Artifact and the Design Implications for Products That are Perceived As Pleasurable"
16
All contents © Copyright 2008-2009 Experience Dynamics
Case Study: Sharp Zaurus
12/20
17
All contents © Copyright 2008-2009 Experience Dynamics
“The Dodge Super8 Hemi’s interior conveys a certain nostalgic optimism expressed in a modern, purposeful design,” said interior designer Bill Chergosky. “We not only borrowed design cues from cars of the ’50s, but other evocative aspects from that era, such as jukeboxes and diners.”
6. Look at values and value systems to discover “emotional
signature”
18
All contents © Copyright 2008-2009 Experience Dynamics
7. Study trend demographics and people’s behavior (psychographics)
19
All contents © Copyright 2008-2009 Experience Dynamics
8. Consider the factors surrounding the user and the
product
20
All contents © Copyright 2008-2009 Experience Dynamics
9. Balance logic (features) with emotion (habits)
21
All contents © Copyright 2008-2009 Experience Dynamics
10. Find the sweet spot, hint: it’s non-verbal
22
All contents © Copyright 2008-2009 Experience Dynamics
11. Know your own design influences
Nielsen/ Norman story
23
All contents © Copyright 2008-2009 Experience Dynamics
12. Make your user experience personable
adj : (of persons) pleasant in appearance and personality
Our idea: producing fun, useful products. Our trend: setting the trend. Our vision: bringing a smile to everyday routines.
24
All contents © Copyright 2008-2009 Experience Dynamics
13. Differentiate with ‘extended experiences’
25
All contents © Copyright 2008-2009 Experience Dynamics
14. Give them High-Touch Design
26
All contents © Copyright 2008-2009 Experience Dynamics
15. Remember your EA(Emotional Architecture)
27
All contents © Copyright 2008-2009 Experience Dynamics
15 Lessons from Emotion Design1. Don’t use Look and Feel to fool, because people will find out what’s under
the “hood”2. Beauty is in the eye of the beholder3. Don’t abuse the term “ease of use”4. Cognition includes emotion5. Don’t act like objectivity is all that counts6. People problem solve with “negative emotions”7. Study trend demographics and people’s behavior (psychographics)8. Consider the factors surrounding the user and the product9. Balance logic (features) with emotion (habits)10. Find the sweet spot, hint: it’s non-verbal11. Know your own design influences12. Make your user experience personable13. Differentiate with ‘extended experiences’14. Give them High-Touch Design15. Remember your EA (Emotional Architecture)
28
All contents © Copyright 2008-2009 Experience Dynamics
3. How is Emotion Design being used in product design and Web online strategy today?
29
All contents © Copyright 2008-2009 Experience Dynamics
Lenovo phone with body mass indicator
(Martha McClintock 1998)
30
All contents © Copyright 2008-2009 Experience Dynamics
LG phone points to Mecca
31
All contents © Copyright 2008-2009 Experience Dynamics
Logitech’s hand waving alarm clock
32
All contents © Copyright 2008-2009 Experience Dynamics
33
All contents © Copyright 2008-2009 Experience Dynamics
Microsoft- “Mesh”
34
All contents © Copyright 2008-2009 Experience Dynamics
35
All contents © Copyright 2008-2009 Experience Dynamics
36
All contents © Copyright 2008-2009 Experience Dynamics
Meet Up’s profile builder
37
All contents © Copyright 2008-2009 Experience Dynamics
4. How Web 2.0 can add emotional design to your customer
experience.
38
All contents © Copyright 2008-2009 Experience Dynamics
39
All contents © Copyright 2008-2009 Experience Dynamics
40
All contents © Copyright 2008-2009 Experience Dynamics
41
All contents © Copyright 2008-2009 Experience Dynamics
5. Aspects of emotion design that help you differentiate.
42
All contents © Copyright 2008-2009 Experience Dynamics
Emotion as differentiator
• Immerse yourself in your user’s everyday experiences.
• Prioritize design decisions around an intended emotional response.
• Take informed risks.• Don’t just make it simple, make it
elegant.
43
All contents © Copyright 2008-2009 Experience Dynamics
thank you!
Frank Spillers, [email protected]
1-800-978-9183 x100www.experiencedynamics.com
All contents © Copyright 2008-2009 Experience Dynamics
About Experience Dynamics: Experience Dynamics is a professional usability design research firm. Through its User Centered Design services, Experience Dynamics assists organizations with removing the frustration and confusion that plagues most website and software development projects. Companies benefiting from Experience Dynamics actionable usability recommendations include AutoNation, IBM, Hewlett Packard, Intel, Verizon, Microsoft, Four Seasons, Washington Mutual, Bank One, Target, Land Rover, Providence Health System and KeyBank.
About Experience Dynamics web seminars:Experience Dynamics offers a recurring set of usability web seminars on hot usability topics. The web seminars provide an overview and quick review of key issues and opportunities related to best practices in usability research.
The seminars are presented by Frank Spillers, MS, a recognized expert in the field of usability engineering and user experience design. Experience Dynamics seminars are complimentary and are attended by companies including Intel, Citigroup, KeyBank, The Hartford, Fujitsu, Intuit, EMC Corp, Chase, US Bank, Apple, Amazon.com, Business Objects, Mentor Graphics, GM, Toyota and others.