Designing for Emotion

59
Designing for Emotion Vincent Feeney User Experience Designer @ My Local Broker

Transcript of Designing for Emotion

Page 1: Designing for Emotion

Designing for Emotion

Vincent Feeney User Experience Designer @ My Local Broker

Page 2: Designing for Emotion

Emotion

A natural instinctive state of mind deriving from one's circumstances, mood, or relationships with others.

Page 3: Designing for Emotion

A natural instinctive state of mind deriving from one's circumstances, mood, or relationships with others.

Emotion

Page 4: Designing for Emotion

A natural instinctive state of mind deriving from one's circumstances, mood, or relationships with others.

Emotion

Page 5: Designing for Emotion

Emotion is instinctive

Page 6: Designing for Emotion

People will forget what you said, and what you did, but they will never forget the way you made

them feel.

Maya Angelou

Page 7: Designing for Emotion

Let’s look at some cognition.

Page 8: Designing for Emotion

There’s two systems in our brain.

Page 9: Designing for Emotion

System One

Fast, intuitive reactions and instantaneous decisions

E.g. what is 5 × 5

Page 10: Designing for Emotion

Humans are lazy.System one = 👌

Page 11: Designing for Emotion

System Two

Deliberate type of thinking involving reasoning

E.g. what is 32 × 27

Page 12: Designing for Emotion

Emotion is a system one process.

Page 13: Designing for Emotion

Why is emotion important in web and product

design?

Page 14: Designing for Emotion

Being happy broadens the thought processes and

facilitates creative thinking.

(Studies of Alice Isen)

Page 15: Designing for Emotion

Easier to use = Happier =

Easier to solve problems

Page 16: Designing for Emotion

Also, attractive things work better.

Page 17: Designing for Emotion

(Well, we perceive they do.)

Page 18: Designing for Emotion

People will forgive shortcomings, follow your lead and sing your

praises if you reward them with positive emotion.

Aaron Walter

Page 19: Designing for Emotion

When do we design for emotion?

Page 20: Designing for Emotion

Maslow hierarchy

Page 21: Designing for Emotion
Page 22: Designing for Emotion

Stephen P. Anderson hierarchy

Page 23: Designing for Emotion
Page 24: Designing for Emotion

Make it usable first, then we can worry about the

other stuff

Page 25: Designing for Emotion

Emotion is instinctive but we experience it in

different ways.

Page 26: Designing for Emotion

Visceral

Page 27: Designing for Emotion

PC’s in 1998

Page 28: Designing for Emotion

Macs in 1998

Page 29: Designing for Emotion

I want it (system one) before

what does it do (system two)

Page 30: Designing for Emotion

Behavioural

Page 31: Designing for Emotion

User centered design.

Page 32: Designing for Emotion

Uber

Page 33: Designing for Emotion

Interacting at the right moment to affect emotions.

Page 34: Designing for Emotion

Payment

Page 35: Designing for Emotion

Uber isn’t just a job, it’s a once in a lifetime opportunity

to help transform your city.

Uber Hiring Email

Page 36: Designing for Emotion

Reflective

Page 37: Designing for Emotion

Forming lasting relationships.

Page 38: Designing for Emotion

Facebook.

Page 39: Designing for Emotion

Some examples of emotional design in the web

Page 40: Designing for Emotion

Virgin America

Page 41: Designing for Emotion
Page 42: Designing for Emotion
Page 43: Designing for Emotion

AirBNB

Page 44: Designing for Emotion

Bridging the gap between online and offline with

storyboarding

Page 45: Designing for Emotion
Page 46: Designing for Emotion

Mailchimp

Page 47: Designing for Emotion

Interacting at the right moment to affect emotions.

Page 48: Designing for Emotion
Page 49: Designing for Emotion
Page 50: Designing for Emotion

wealthsimple.com

Page 51: Designing for Emotion
Page 52: Designing for Emotion
Page 53: Designing for Emotion

Summary

Page 54: Designing for Emotion

It’s easy to build things.

Page 55: Designing for Emotion

Making it personal is hard.

Page 56: Designing for Emotion

Technically, there’s not much difference between a complicated, confusing product and a simple, fun

and powerful product.

Alan Cooper

Page 57: Designing for Emotion

Human beings aren’t going to change overnight.

Page 58: Designing for Emotion

Further reading

Don Norman - Emotional Design Stephen Anderson - Seductive Interaction Design Daniel Kanheman - Thinking Fast and Slow Aaron Walter - Designing for Emotion

Page 59: Designing for Emotion

Thank you!