+ All Categories
Home > Design > Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Date post: 17-Aug-2014
Category:
Upload: mariusz-ciesla
View: 1,438 times
Download: 0 times
Share this document with a friend
Description:
Human-computer interaction is awkward. This talk is all about making it less awkward by employing psychology tips and tricks behind emotional UX design. Talk was given at Paris Web 2013, on the 10th October 2013.
113
learning to love crash course in emotional design Paris Web, 10/10/13 Thursday, October 10, 13
Transcript
Page 1: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

learning to lovecrash course in emotional

design

Paris Web, 10/10/13

Thursday, October 10, 13

Page 2: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

teaching robots to love

crash course in emotional design

Paris Web, 10/10/13

Thursday, October 10, 13

Page 3: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

how to play human emotions for fun and profit

Paris Web, 10/10/13

Thursday, October 10, 13

Page 4: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

@dotmariuszL

Thursday, October 10, 13

Page 5: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Interaction & User Interface Designer

Thursday, October 10, 13

Page 6: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

First international conference

Thursday, October 10, 13

Page 7: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

I’m really bad at timing things.

Thursday, October 10, 13

Page 8: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

I don’t speak French (big fan though)

Thursday, October 10, 13

Page 9: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

@lifetrampappL

Thursday, October 10, 13

Page 10: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

“Design is how it works.”Steve Jobs

Thursday, October 10, 13

Page 11: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 12: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

“Design is not just how it looks and feels like. Design is how it works.”Steve Jobs

Thursday, October 10, 13

Page 13: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

usable.

Thursday, October 10, 13

Page 14: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

edible.

Thursday, October 10, 13

Page 15: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 16: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 17: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

delightful.

Thursday, October 10, 13

Page 18: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

delightful.

Thursday, October 10, 13

Page 19: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 20: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Donald Norman

Thursday, October 10, 13

Page 21: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

emotional design.

Thursday, October 10, 13

Page 22: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

all design is emotional.

Thursday, October 10, 13

Page 23: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

emotional economy.

Thursday, October 10, 13

Page 24: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Antonio Damasio.

Thursday, October 10, 13

Page 25: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

people love beautiful things*

Thursday, October 10, 13

Page 26: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

*even if they don’t work.

Thursday, October 10, 13

Page 27: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Philippe Starck

Thursday, October 10, 13

Page 28: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

*even more if they work well.

Thursday, October 10, 13

Page 29: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

“Before your application can create an emotional relationship with the user, it must get the basics right.”Aral Balkan (@aral)

Thursday, October 10, 13

Page 30: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

layers of emotions.

Thursday, October 10, 13

Page 31: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

visceral.

Thursday, October 10, 13

Page 32: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

first impressions.

Thursday, October 10, 13

Page 33: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

gut reactions.

Thursday, October 10, 13

Page 34: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

mostly visual.

Thursday, October 10, 13

Page 35: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 36: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

behavioral.

Thursday, October 10, 13

Page 37: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

function-oriented.

Thursday, October 10, 13

Page 38: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

human-centered.

Thursday, October 10, 13

Page 39: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

satisfying the needs.

Thursday, October 10, 13

Page 40: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

reflective.

Thursday, October 10, 13

Page 41: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

culture.

Thursday, October 10, 13

Page 42: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

status.

Thursday, October 10, 13

Page 43: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

layers of design.

Thursday, October 10, 13

Page 44: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

desirable.

Thursday, October 10, 13

Page 45: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

usable.

Thursday, October 10, 13

Page 46: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

useful.

Thursday, October 10, 13

Page 47: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 48: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

how to get there?

Thursday, October 10, 13

Page 49: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

claim your user experience.

Thursday, October 10, 13

Page 50: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

focus on people.

Thursday, October 10, 13

Page 51: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

solve their problems.

Thursday, October 10, 13

Page 52: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

delight.

Thursday, October 10, 13

Page 53: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

“Emotional attachment to products can encourage people not to discard a product.”Pieter DesmetDelft Institute of Positive Design

Thursday, October 10, 13

Page 54: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

humans are social animals.

Thursday, October 10, 13

Page 55: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

#iseefaces

Thursday, October 10, 13

Page 56: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 57: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 58: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 59: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 60: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

human-computer interaction

Thursday, October 10, 13

Page 61: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 62: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 63: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

human touch.

Thursday, October 10, 13

Page 64: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

personas.

Thursday, October 10, 13

Page 65: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

user personas.

Thursday, October 10, 13

Page 66: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

experience goals.

Thursday, October 10, 13

Page 67: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

end goals.

Thursday, October 10, 13

Page 68: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

life goals.

Thursday, October 10, 13

Page 69: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

scenarios & storyboards.

Thursday, October 10, 13

Page 70: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

brand persona.

Thursday, October 10, 13

Page 71: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

personality traits.

Thursday, October 10, 13

Page 72: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

“Personality invites empathy.”Aarron Walter, MailChimp (@aarron)

Thursday, October 10, 13

Page 73: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

dominant vs submissive

Thursday, October 10, 13

Page 74: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

friendly vs unfriendly

Thursday, October 10, 13

Page 75: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

voice & tone.

Thursday, October 10, 13

Page 76: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

color.

Thursday, October 10, 13

Page 77: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

typography.

Thursday, October 10, 13

Page 78: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

microcopy.

Thursday, October 10, 13

Page 79: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

"Trust is a gut feeling more than a rational process and visual design affects emotions in a very powerful way, perhaps more than any other stimuli"James Putorti, Mint.com

Thursday, October 10, 13

Page 80: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

how?

Thursday, October 10, 13

Page 81: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 82: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

use my name.

Thursday, October 10, 13

Page 83: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 84: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

smile.

Thursday, October 10, 13

Page 85: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 86: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 87: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 88: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

be honest.

Thursday, October 10, 13

Page 89: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 90: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

friendly errors.

Thursday, October 10, 13

Page 91: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 92: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 93: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 94: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

baby faces.

Thursday, October 10, 13

Page 95: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

baby face bias.

Thursday, October 10, 13

Page 96: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

be playful.

Thursday, October 10, 13

Page 97: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 98: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

start small.

Thursday, October 10, 13

Page 99: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 100: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

set the mood.

Thursday, October 10, 13

Page 101: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

@lifetrampappL

Thursday, October 10, 13

Page 102: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

care about details.

Thursday, October 10, 13

Page 103: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

no-reply.

Thursday, October 10, 13

Page 104: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

tell a story.

Thursday, October 10, 13

Page 105: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

easter eggs.

Thursday, October 10, 13

Page 106: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

be familiar.

Thursday, October 10, 13

Page 107: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 108: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

microinteractions.

Thursday, October 10, 13

Page 109: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

read up on psychology.

Thursday, October 10, 13

Page 110: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

read up on cogsci.

Thursday, October 10, 13

Page 111: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

learn from others.

Thursday, October 10, 13

Page 112: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

Thursday, October 10, 13

Page 113: Learning to Love: Crash Course in Emotional Design - Paris Web 2013

thanks.@dotmariuszL

Thursday, October 10, 13


Recommended