Learning to Love Humans: Emotional Interface Design

Slide 1

Slide 1 text

learning to love humans emotional interface design I come in peace. Tuesday, December 13, 11

Slide 2

Slide 2 text

change Tuesday, December 13, 11

Slide 3

Slide 3 text

less private Tuesday, December 13, 11

Slide 4

Slide 4 text

needs Scanning network for p2p companionship. Eat my lead, sucker. Tuesday, December 13, 11

Slide 5

Slide 5 text

Maslow Tuesday, December 13, 11

Slide 6

Slide 6 text

physiological safety love/belonging esteem self- actualization Tuesday, December 13, 11

Slide 7

Slide 7 text

physiological safety love/belonging esteem self- actualization humans need this stuff Tuesday, December 13, 11

Slide 8

Slide 8 text

user needs Tuesday, December 13, 11

Slide 9

Slide 9 text

functional reliable usable pleasurable Tuesday, December 13, 11

Slide 10

Slide 10 text

functional reliable usable pleasurable humans need this stuff Tuesday, December 13, 11

Slide 11

Slide 11 text

functional reliable usable pleasurable Tuesday, December 13, 11

Slide 12

Slide 12 text

functional reliable usable pleasurable missing Tuesday, December 13, 11

Slide 13

Slide 13 text

the bar is low Tuesday, December 13, 11

Slide 14

Slide 14 text

edible usable = Tuesday, December 13, 11

Slide 15

Slide 15 text

edible usable = Tuesday, December 13, 11

Slide 16

Slide 16 text

photo credit freezelight Tuesday, December 13, 11

Slide 17

Slide 17 text

photo credit morberg Tuesday, December 13, 11

Slide 18

Slide 18 text

usable Tuesday, December 13, 11

Slide 19

Slide 19 text

Tuesday, December 13, 11

Slide 20

Slide 20 text

pleasurable Tuesday, December 13, 11

Slide 21

Slide 21 text

Tuesday, December 13, 11

Slide 22

Slide 22 text

personality Tuesday, December 13, 11

Slide 23

Slide 23 text

products are people too Tuesday, December 13, 11

Slide 24

Slide 24 text

platform for emotion Tuesday, December 13, 11

Slide 25

Slide 25 text

Experiencing thermal increase in thoracic region. emotion Tuesday, December 13, 11

Slide 26

Slide 26 text

photo credit D. Norwood Tuesday, December 13, 11

Slide 27

Slide 27 text

photo credit David Clow Tuesday, December 13, 11

Slide 28

Slide 28 text

People will forgive shortcomings, follow your lead, and sing your praises if you reward them with positive emotion. emotional design principle Tuesday, December 13, 11

Slide 29

Slide 29 text

photo credit Simon Davison Tuesday, December 13, 11

Slide 30

Slide 30 text

we see ourselves Tuesday, December 13, 11

Slide 31

Slide 31 text

Tuesday, December 13, 11

Slide 32

Slide 32 text

Tuesday, December 13, 11

Slide 33

Slide 33 text

I adore the way their apps look and sound. - John Gruber, DaringFireball.net “ ” Tuesday, December 13, 11

Slide 34

Slide 34 text

A fantastic, fun, and functional interface on a seriously great app. - 148apps.com “ ” Tuesday, December 13, 11

Slide 35

Slide 35 text

We did want our users to have an emotional connection to our apps. Most people don't have a love/joy for software like geeks do. - Mark Jardine, TapBots Designer “ ” Tuesday, December 13, 11

Slide 36

Slide 36 text

Tuesday, December 13, 11

Slide 37

Slide 37 text

Tuesday, December 13, 11

Slide 38

Slide 38 text

Tuesday, December 13, 11

Slide 39

Slide 39 text

I really *LOVE* the singing bird when you send a tweet. Twitter is fun all of a sudden! - @thetalldesigner “ ” Tuesday, December 13, 11

Slide 40

Slide 40 text

Confession: sometimes I make too long Feathers-tweets just to watch the bird turn red. - @evbjone “ ” Tuesday, December 13, 11

Slide 41

Slide 41 text

Before your application can create an emotional relationship with the user it must get the basics right. The emotional relationship, the delight, is what you layer on top of this base usability and technical competency. - Aral Balkan, designer of Feathers “ ” Tuesday, December 13, 11

Slide 42

Slide 42 text

The inspiration for our color p corporate gray to brand their windowless office and so we i My goal was to design Wufoo excellent at what it does, it wa Tuesday, December 13, 11

Slide 43

Slide 43 text

The inspiration for our color palette did come from our competitors. It was really depressing to see so much software designed to remind people they’re making databases in a windowless office and so we immediately knew we wanted to go in the opposite direction. - Kevin Hale, Wufoo “ ” Tuesday, December 13, 11

Slide 44

Slide 44 text

treats Tuesday, December 13, 11

Slide 45

Slide 45 text

Tuesday, December 13, 11

Slide 46

Slide 46 text

Tuesday, December 13, 11

Slide 47

Slide 47 text

Oh MailChimp monkey. Just as I get frustrated w/ wrangling email addresses, you’re there w/ your little witticisms to cheer me up. - @p_girl “ ” Tuesday, December 13, 11

Slide 48

Slide 48 text

Tuesday, December 13, 11

Slide 49

Slide 49 text

Tuesday, December 13, 11

Slide 50

Slide 50 text

priming Tuesday, December 13, 11

Slide 51

Slide 51 text

photo credit crash-candy Tuesday, December 13, 11

Slide 52

Slide 52 text

Whoa, I just logged into MailChimp and the little monkey in the corner says "hey Kate, new haircut? !Muy guapo!" how do they know?! - @katemiss “ ” Tuesday, December 13, 11

Slide 53

Slide 53 text

discovery discovery Tuesday, December 13, 11

Slide 54

Slide 54 text

Tuesday, December 13, 11

Slide 55

Slide 55 text

Tuesday, December 13, 11

Slide 56

Slide 56 text

Tuesday, December 13, 11

Slide 57

Slide 57 text

Tuesday, December 13, 11

Slide 58

Slide 58 text

Tuesday, December 13, 11

Slide 59

Slide 59 text

Tuesday, December 13, 11

Slide 60

Slide 60 text

Tuesday, December 13, 11

Slide 61

Slide 61 text

http://photojojo.com/ Tuesday, December 13, 11

Slide 62

Slide 62 text

doubts Does this armor make my ports look big? Affirmative. Tuesday, December 13, 11

Slide 63

Slide 63 text

skeptics Tuesday, December 13, 11

Slide 64

Slide 64 text

Tuesday, December 13, 11

Slide 65

Slide 65 text

Trust was the most critical barrier for us to overcome with potential users. It was an uphill battle raising venture capital because investors simply didn't think people would ever share bank credentials. - Jason Putorti “ ” Tuesday, December 13, 11

Slide 66

Slide 66 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. - Jason Putorti “ ” Tuesday, December 13, 11

Slide 67

Slide 67 text

You will comply or be destroyed. forgiveness Tuesday, December 13, 11

Slide 68

Slide 68 text

Tuesday, December 13, 11

Slide 69

Slide 69 text

photo credit 1978seymour Tuesday, December 13, 11

Slide 70

Slide 70 text

photo credit kahala Tuesday, December 13, 11

Slide 71

Slide 71 text

photo credit 1978seymour photo credit theunabonger Tuesday, December 13, 11

Slide 72

Slide 72 text

emotional collateral Tuesday, December 13, 11

Slide 73

Slide 73 text

Four is too many. limits Tuesday, December 13, 11

Slide 74

Slide 74 text

attention is nite Tuesday, December 13, 11

Slide 75

Slide 75 text

Tuesday, December 13, 11

Slide 76

Slide 76 text

Occam’s razor Tuesday, December 13, 11

Slide 77

Slide 77 text

Tuesday, December 13, 11

Slide 78

Slide 78 text

Attractive things make people feel good, which in turn makes them think more creatively. How does that make something easier to use? Simple, by making it easier for people to find solutions to the problems they encounter. - Donald Norman “ ” Tuesday, December 13, 11

Slide 79

Slide 79 text

Inserting anal probe. This won’t hurt a bit. risk Tuesday, December 13, 11

Slide 80

Slide 80 text

party poopers Tuesday, December 13, 11

Slide 81

Slide 81 text

- Pageviews: form ~5/visitor to ~30/visitor over the course of the hunt. - Trafﬁc tripled on the ﬁrst few days of the hunt. - Facebook fans grew from < 600 to over 2300. - Twitter followers went from ~1000 to over 1700. - It generated 41 threads in our forums with 3700+ posts and ~55,000 views people poop on parties 0.007% Tuesday, December 13, 11

Slide 82

Slide 82 text

progressively enhance Tuesday, December 13, 11

Slide 83

Slide 83 text

functional reliable usable pleasurable Tuesday, December 13, 11

Slide 84

Slide 84 text

start small Tuesday, December 13, 11

Slide 85

Slide 85 text

Tuesday, December 13, 11

Slide 86

Slide 86 text

Tuesday, December 13, 11

Slide 87

Slide 87 text

Tuesday, December 13, 11

Slide 88

Slide 88 text

Tuesday, December 13, 11

Slide 89

Slide 89 text

Tuesday, December 13, 11

Slide 90

Slide 90 text

Slide 91

Slide 91 text

Slide 92

Slide 92 text

Slide 93

Slide 93 text

Slide 94

Slide 94 text

Slide 95

Slide 95 text

Just can’t let it go. Into my third day now. Ashamed of how many hours I’ve spent. - Paintbrush, forum user “ ” Tuesday, December 13, 11

Slide 96

Slide 96 text

So pleased to have found this software. I’ve wanted it for a while and was saving up. Now I can treat myself to some of the other software I’ve been trying during my 5 hour egg hunt. - Jane Hasseldon, Facebook fan “ ” Tuesday, December 13, 11

Slide 97

Slide 97 text

have we changed? Tuesday, December 13, 11

Slide 98

Slide 98 text

more human Tuesday, December 13, 11

Slide 99

Slide 99 text

I have special feelings for you. Assume cuddle formation. thanks Tuesday, December 13, 11