emotional design - mitweb.mit.edu/2.009/www/resources/mediaandarticles/tsaiemotionald… ·...

18
Emotional Design: Designing products that excite users. MIT Ideation Lab / October 29, 2010 Geoff Tsai (heff@mit.edu)

Upload: trankhanh

Post on 24-Jun-2018

215 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Emotional Design - MITweb.mit.edu/2.009/www/resources/mediaAndArticles/TsaiEmotionalD… · (according to Donald Norman) emotional design framework visceral behavioral reflective

EmotionalDesign:Designing productsthat excite users.

MIT Ideation Lab / October 29, 2010Geoff Tsai ([email protected])

Page 2: Emotional Design - MITweb.mit.edu/2.009/www/resources/mediaAndArticles/TsaiEmotionalD… · (according to Donald Norman) emotional design framework visceral behavioral reflective

Why emotional design?

What is emotional design?

How can it be applied?

Page 3: Emotional Design - MITweb.mit.edu/2.009/www/resources/mediaAndArticles/TsaiEmotionalD… · (according to Donald Norman) emotional design framework visceral behavioral reflective

work better? products that make people feel good, work better.

Why?

how can you make a productwork better?

Page 4: Emotional Design - MITweb.mit.edu/2.009/www/resources/mediaAndArticles/TsaiEmotionalD… · (according to Donald Norman) emotional design framework visceral behavioral reflective

But first, an activity

you’ll get a sheet with instructions,and once everyone is ready you’ll have about 10 minutes

read & sign the forms(please)

Page 5: Emotional Design - MITweb.mit.edu/2.009/www/resources/mediaAndArticles/TsaiEmotionalD… · (according to Donald Norman) emotional design framework visceral behavioral reflective

Why this activity?

products that surprise & delight

how people design and conceptualize product ideas

but,how we design products, not just in 2.009

Page 6: Emotional Design - MITweb.mit.edu/2.009/www/resources/mediaAndArticles/TsaiEmotionalD… · (according to Donald Norman) emotional design framework visceral behavioral reflective

A product

think about a product youreally like

it could be something new or old,expensive or cheap

keep thinking about it, and we’ll come back to that later

Page 7: Emotional Design - MITweb.mit.edu/2.009/www/resources/mediaAndArticles/TsaiEmotionalD… · (according to Donald Norman) emotional design framework visceral behavioral reflective

What is it?

(according to Donald Norman)

emotional design framework

visceral

behavioral

reflective

emotional design

Page 8: Emotional Design - MITweb.mit.edu/2.009/www/resources/mediaAndArticles/TsaiEmotionalD… · (according to Donald Norman) emotional design framework visceral behavioral reflective

Visceral

how things look, feel, soundsensory input

often this is the first impression

Page 9: Emotional Design - MITweb.mit.edu/2.009/www/resources/mediaAndArticles/TsaiEmotionalD… · (according to Donald Norman) emotional design framework visceral behavioral reflective

Visceral

Page 10: Emotional Design - MITweb.mit.edu/2.009/www/resources/mediaAndArticles/TsaiEmotionalD… · (according to Donald Norman) emotional design framework visceral behavioral reflective

Behavioral

how things function & usabilitypleasure & effectiveness of use

part of what you’re doing in 2.009

is the sequence of tasks well supported by the design?

Page 11: Emotional Design - MITweb.mit.edu/2.009/www/resources/mediaAndArticles/TsaiEmotionalD… · (according to Donald Norman) emotional design framework visceral behavioral reflective

Behavioral

building 66

Page 12: Emotional Design - MITweb.mit.edu/2.009/www/resources/mediaAndArticles/TsaiEmotionalD… · (according to Donald Norman) emotional design framework visceral behavioral reflective

Reflective

self-image, personal satisfaction, andmemories. meaning of things

influenced by knowledge, learning,and culture

dependent on the individual

Page 13: Emotional Design - MITweb.mit.edu/2.009/www/resources/mediaAndArticles/TsaiEmotionalD… · (according to Donald Norman) emotional design framework visceral behavioral reflective

ReflectiveBetty Crocker Cake Mix

Page 14: Emotional Design - MITweb.mit.edu/2.009/www/resources/mediaAndArticles/TsaiEmotionalD… · (according to Donald Norman) emotional design framework visceral behavioral reflective

Trust & Design

products that perform preciselyaccording to expectation

trust comes from experience

lack of trust can come fromlack of understandinglack of control

Page 15: Emotional Design - MITweb.mit.edu/2.009/www/resources/mediaAndArticles/TsaiEmotionalD… · (according to Donald Norman) emotional design framework visceral behavioral reflective

A product

think about a product youreally like

what is it?andwhy do you like it?

Page 16: Emotional Design - MITweb.mit.edu/2.009/www/resources/mediaAndArticles/TsaiEmotionalD… · (according to Donald Norman) emotional design framework visceral behavioral reflective

Relationship

Visceral, Behavioral, Reflective

products that send conflicting messages across these perspectives

between

Page 17: Emotional Design - MITweb.mit.edu/2.009/www/resources/mediaAndArticles/TsaiEmotionalD… · (according to Donald Norman) emotional design framework visceral behavioral reflective

Visceral — sensory input

Behavioral — use & usability

Reflective — meaning

Lastly,

I want it. What’s it do? What’s it cost?

Are the necessary tasks well supported?

Does it mean something to the user?

further reading:

Emotional Designby

Donald Norman

Page 18: Emotional Design - MITweb.mit.edu/2.009/www/resources/mediaAndArticles/TsaiEmotionalD… · (according to Donald Norman) emotional design framework visceral behavioral reflective

wine bottles: http://blog.typeandimage.org

betty crocker ad: http://postcardy.blogspot.com/2009/10/vtt-betty-crocker-postcard-magazine-ads.html

emotional design book: http://amazon.com

sources: