ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design

Slide 1

Slide 1 text

learning to love crash course in emotional design Paris Web, 10/10/13 Thursday, October 10, 13

Slide 2

Slide 2 text

teaching robots to love crash course in emotional design Paris Web, 10/10/13 Thursday, October 10, 13

Slide 3

Slide 3 text

how to play human emotions for fun and profit Paris Web, 10/10/13 Thursday, October 10, 13

Slide 4

Slide 4 text

@dotmariusz L Thursday, October 10, 13

Slide 5

Slide 5 text

Interaction & User Interface Designer Thursday, October 10, 13

Slide 6

Slide 6 text

First international conference Thursday, October 10, 13

Slide 7

Slide 7 text

I’m really bad at timing things. Thursday, October 10, 13

Slide 8

Slide 8 text

I don’t speak French (big fan though) Thursday, October 10, 13

Slide 9

Slide 9 text

@lifetrampapp L Thursday, October 10, 13

Slide 10

Slide 10 text

“Design is how it works.” Steve Jobs Thursday, October 10, 13

Slide 11

Slide 11 text

Thursday, October 10, 13

Slide 12

Slide 12 text

“Design is not just how it looks and feels like. Design is how it works.” Steve Jobs Thursday, October 10, 13

Slide 13

Slide 13 text

usable. Thursday, October 10, 13

Slide 14

Slide 14 text

edible. Thursday, October 10, 13

Slide 15

Slide 15 text

Thursday, October 10, 13

Slide 16

Slide 16 text

Thursday, October 10, 13

Slide 17

Slide 17 text

delightful. Thursday, October 10, 13

Slide 18

Slide 18 text

delightful. Thursday, October 10, 13

Slide 19

Slide 19 text

Thursday, October 10, 13

Slide 20

Slide 20 text

Donald Norman Thursday, October 10, 13

Slide 21

Slide 21 text

emotional design. Thursday, October 10, 13

Slide 22

Slide 22 text

all design is emotional. Thursday, October 10, 13

Slide 23

Slide 23 text

emotional economy. Thursday, October 10, 13

Slide 24

Slide 24 text

Antonio Damasio. Thursday, October 10, 13

Slide 25

Slide 25 text

people love beautiful things* Thursday, October 10, 13

Slide 26

Slide 26 text

*even if they don’t work. Thursday, October 10, 13

Slide 27

Slide 27 text

Philippe Starck Thursday, October 10, 13

Slide 28

Slide 28 text

*even more if they work well. Thursday, October 10, 13

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

layers of emotions. Thursday, October 10, 13

Slide 31

Slide 31 text

visceral. Thursday, October 10, 13

Slide 32

Slide 32 text

first impressions. Thursday, October 10, 13

Slide 33

Slide 33 text

gut reactions. Thursday, October 10, 13

Slide 34

Slide 34 text

mostly visual. Thursday, October 10, 13

Slide 35

Slide 35 text

Thursday, October 10, 13

Slide 36

Slide 36 text

behavioral. Thursday, October 10, 13

Slide 37

Slide 37 text

function- oriented. Thursday, October 10, 13

Slide 38

Slide 38 text

human- centered. Thursday, October 10, 13

Slide 39

Slide 39 text

satisfying the needs. Thursday, October 10, 13

Slide 40

Slide 40 text

reflective. Thursday, October 10, 13

Slide 41

Slide 41 text

culture. Thursday, October 10, 13

Slide 42

Slide 42 text

status. Thursday, October 10, 13

Slide 43

Slide 43 text

layers of design. Thursday, October 10, 13

Slide 44

Slide 44 text

desirable. Thursday, October 10, 13

Slide 45

Slide 45 text

usable. Thursday, October 10, 13

Slide 46

Slide 46 text

useful. Thursday, October 10, 13

Slide 47

Slide 47 text

Thursday, October 10, 13

Slide 48

Slide 48 text

how to get there? Thursday, October 10, 13

Slide 49

Slide 49 text

claim your user experience. Thursday, October 10, 13

Slide 50

Slide 50 text

focus on people. Thursday, October 10, 13

Slide 51

Slide 51 text

solve their problems. Thursday, October 10, 13

Slide 52

Slide 52 text

delight. Thursday, October 10, 13

Slide 53

Slide 53 text

“Emotional attachment to products can encourage people not to discard a product.” Pieter Desmet Delft Institute of Positive Design Thursday, October 10, 13

Slide 54

Slide 54 text

humans are social animals. Thursday, October 10, 13

Slide 55

Slide 55 text

#iseefaces Thursday, October 10, 13

Slide 56

Slide 56 text

Thursday, October 10, 13

Slide 57

Slide 57 text

Thursday, October 10, 13

Slide 58

Slide 58 text

Thursday, October 10, 13

Slide 59

Slide 59 text

Thursday, October 10, 13

Slide 60

Slide 60 text

human- computer interaction Thursday, October 10, 13

Slide 61

Slide 61 text

Thursday, October 10, 13

Slide 62

Slide 62 text

Thursday, October 10, 13

Slide 63

Slide 63 text

human touch. Thursday, October 10, 13

Slide 64

Slide 64 text

personas. Thursday, October 10, 13

Slide 65

Slide 65 text

user personas. Thursday, October 10, 13

Slide 66

Slide 66 text

experience goals. Thursday, October 10, 13

Slide 67

Slide 67 text

end goals. Thursday, October 10, 13

Slide 68

Slide 68 text

life goals. Thursday, October 10, 13

Slide 69

Slide 69 text

scenarios & storyboards. Thursday, October 10, 13

Slide 70

Slide 70 text

brand persona. Thursday, October 10, 13

Slide 71

Slide 71 text

personality traits. Thursday, October 10, 13

Slide 72

Slide 72 text

“Personality invites empathy.” Aarron Walter, MailChimp (@aarron) Thursday, October 10, 13

Slide 73

Slide 73 text

dominant vs submissive Thursday, October 10, 13

Slide 74

Slide 74 text

friendly vs unfriendly Thursday, October 10, 13

Slide 75

Slide 75 text

voice & tone. Thursday, October 10, 13

Slide 76

Slide 76 text

color. Thursday, October 10, 13

Slide 77

Slide 77 text

typography. Thursday, October 10, 13

Slide 78

Slide 78 text

microcopy. Thursday, October 10, 13

Slide 79

Slide 79 text

"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

Slide 80

Slide 80 text

how? Thursday, October 10, 13

Slide 81

Slide 81 text

Thursday, October 10, 13

Slide 82

Slide 82 text

use my name. Thursday, October 10, 13

Slide 83

Slide 83 text

Thursday, October 10, 13

Slide 84

Slide 84 text

smile. Thursday, October 10, 13

Slide 85

Slide 85 text

Thursday, October 10, 13

Slide 86

Slide 86 text

Thursday, October 10, 13

Slide 87

Slide 87 text

Thursday, October 10, 13

Slide 88

Slide 88 text

be honest. Thursday, October 10, 13

Slide 89

Slide 89 text

Thursday, October 10, 13

Slide 90

Slide 90 text

friendly errors. Thursday, October 10, 13

Slide 91

Slide 91 text

Thursday, October 10, 13

Slide 92

Slide 92 text

Thursday, October 10, 13

Slide 93

Slide 93 text

Thursday, October 10, 13

Slide 94

Slide 94 text

baby faces. Thursday, October 10, 13

Slide 95

Slide 95 text

baby face bias. Thursday, October 10, 13

Slide 96

Slide 96 text

be playful. Thursday, October 10, 13

Slide 97

Slide 97 text

Thursday, October 10, 13

Slide 98

Slide 98 text

start small. Thursday, October 10, 13

Slide 99

Slide 99 text

Thursday, October 10, 13

Slide 100

Slide 100 text

set the mood. Thursday, October 10, 13

Slide 101

Slide 101 text

@lifetrampapp L Thursday, October 10, 13

Slide 102

Slide 102 text

care about details. Thursday, October 10, 13

Slide 103

Slide 103 text

no-reply. Thursday, October 10, 13

Slide 104

Slide 104 text

tell a story. Thursday, October 10, 13

Slide 105

Slide 105 text

easter eggs. Thursday, October 10, 13

Slide 106

Slide 106 text

be familiar. Thursday, October 10, 13

Slide 107

Slide 107 text

Thursday, October 10, 13

Slide 108

Slide 108 text

microinteractions. Thursday, October 10, 13

Slide 109

Slide 109 text

read up on psychology. Thursday, October 10, 13

Slide 110

Slide 110 text

read up on cogsci. Thursday, October 10, 13

Slide 111

Slide 111 text

learn from others. Thursday, October 10, 13

Slide 112

Slide 112 text

Thursday, October 10, 13

Slide 113

Slide 113 text

thanks. @dotmariusz L Thursday, October 10, 13