+ All Categories
Home > Technology > 15 Lesssons From Emotion Design Experience Dynamics Web Seminar

15 Lesssons From Emotion Design Experience Dynamics Web Seminar

Date post: 27-Jan-2015
Category:
Upload: experience-dynamics
View: 104 times
Download: 0 times
Share this document with a friend
Description:
15 Lessons from Emotion Design, an Experience Dynamics web seminar with Frank Spillers.
Popular Tags:
44
1 All contents © Copyright 2008-2009 Experience Dynamics 15 Lessons from Emotion Design An Experience Dynamics training WEB SEMINAR With Frank Spillers, MS
Transcript
Page 1: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

1

All contents © Copyright 2008-2009 Experience Dynamics

15 Lessons from Emotion Design

An Experience Dynamics training

WEB SEMINAR

With Frank Spillers, MS

Page 2: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

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

Page 3: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

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.

Page 4: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

4

All contents © Copyright 2008-2009 Experience Dynamics

1. What is Emotion Design?

Page 5: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

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

Page 6: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

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

Page 7: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

7

All contents © Copyright 2008-2009 Experience Dynamics

2. 15 Lessons from Emotion Design

Page 8: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

8

All contents © Copyright 2008-2009 Experience Dynamics

?

Page 9: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

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”

Page 10: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

10

All contents © Copyright 2008-2009 Experience Dynamics

2. Beauty is in the eye of the beholder

Page 11: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

11

All contents © Copyright 2008-2009 Experience Dynamics

3. Don’t abuse the term “ease of use”

Page 12: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

12

All contents © Copyright 2008-2009 Experience Dynamics

4. Cognition includes emotion

Page 13: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

13

All contents © Copyright 2008-2009 Experience Dynamics

5. Don’t act like objectivity is all that counts

Page 14: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

14

All contents © Copyright 2008-2009 Experience Dynamics

6. People problem solve with “negative emotions”

Page 15: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

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"

Page 16: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

16

All contents © Copyright 2008-2009 Experience Dynamics

Case Study: Sharp Zaurus

12/20

Page 17: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

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”

Page 18: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

18

All contents © Copyright 2008-2009 Experience Dynamics

7. Study trend demographics and people’s behavior (psychographics)

Page 19: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

19

All contents © Copyright 2008-2009 Experience Dynamics

8. Consider the factors surrounding the user and the

product

Page 20: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

20

All contents © Copyright 2008-2009 Experience Dynamics

9. Balance logic (features) with emotion (habits)

Page 21: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

21

All contents © Copyright 2008-2009 Experience Dynamics

10. Find the sweet spot, hint: it’s non-verbal

Page 22: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

22

All contents © Copyright 2008-2009 Experience Dynamics

11. Know your own design influences

Nielsen/ Norman story

Page 23: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

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.

Page 24: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

24

All contents © Copyright 2008-2009 Experience Dynamics

13. Differentiate with ‘extended experiences’

Page 25: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

25

All contents © Copyright 2008-2009 Experience Dynamics

14. Give them High-Touch Design

Page 26: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

26

All contents © Copyright 2008-2009 Experience Dynamics

15. Remember your EA(Emotional Architecture)

Page 27: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

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)

Page 28: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

28

All contents © Copyright 2008-2009 Experience Dynamics

3. How is Emotion Design being used in product design and Web online strategy today?

Page 29: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

29

All contents © Copyright 2008-2009 Experience Dynamics

Lenovo phone with body mass indicator

(Martha McClintock 1998)

Page 30: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

30

All contents © Copyright 2008-2009 Experience Dynamics

LG phone points to Mecca

Page 31: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

31

All contents © Copyright 2008-2009 Experience Dynamics

Logitech’s hand waving alarm clock

Page 32: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

32

All contents © Copyright 2008-2009 Experience Dynamics

Page 33: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

33

All contents © Copyright 2008-2009 Experience Dynamics

Microsoft- “Mesh”

Page 34: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

34

All contents © Copyright 2008-2009 Experience Dynamics

Page 35: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

35

All contents © Copyright 2008-2009 Experience Dynamics

Page 36: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

36

All contents © Copyright 2008-2009 Experience Dynamics

Meet Up’s profile builder

Page 37: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

37

All contents © Copyright 2008-2009 Experience Dynamics

4. How Web 2.0 can add emotional design to your customer

experience.

Page 38: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

38

All contents © Copyright 2008-2009 Experience Dynamics

Page 39: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

39

All contents © Copyright 2008-2009 Experience Dynamics

Page 40: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

40

All contents © Copyright 2008-2009 Experience Dynamics

Page 41: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

41

All contents © Copyright 2008-2009 Experience Dynamics

5. Aspects of emotion design that help you differentiate.

Page 42: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

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.

Page 43: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

43

All contents © Copyright 2008-2009 Experience Dynamics

thank you!

Frank Spillers, [email protected]

1-800-978-9183 x100www.experiencedynamics.com

Page 44: 15 Lesssons From Emotion Design  Experience Dynamics Web Seminar

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.


Recommended