Design For The One Little Thing That Changes Everything

72
Design For The One Little Thing That Changes Evr Pamela Pavliscak @paminthelab

description

So much of the news about technology is that it's bad for us - it's tapping in to our worst possible selves, it makes us anxious, we get caught in a dopamine loop. We'd just be happier without it. Or would we? Maybe, just maybe, there are things that make us happy when we use a favorite website and tap into a trusted mobile app. A combination of data, little things, not-so-little things, social science, experiments, and real life uncovers some moments of truth about happy user experience, including a short list of patterns, across sites and apps, that make people happy.

Transcript of Design For The One Little Thing That Changes Everything

Page 1: Design For The One Little Thing That Changes Everything

Design For The One Little Thing That Changes

Ev!r"#$%&'

Pamela Pavliscak @paminthelab

Page 2: Design For The One Little Thing That Changes Everything

We think that

Big Things Will Make Us Happy

Page 3: Design For The One Little Thing That Changes Everything

Credit: ThinkGeek Monkeys

We seek

A(v!&#)r!

Page 4: Design For The One Little Thing That Changes Everything

We desire

F*r#)&!

Credit: Fat Face & Me

Page 5: Design For The One Little Thing That Changes Everything

Credit: Yuko Honda

We seek

P!rf!+#%*&

Page 6: Design For The One Little Thing That Changes Everything

We crave

F,-!

Page 7: Design For The One Little Thing That Changes Everything

In design, we think Maybe Innovators Know Happiness

Page 8: Design For The One Little Thing That Changes Everything
Page 9: Design For The One Little Thing That Changes Everything
Page 10: Design For The One Little Thing That Changes Everything
Page 11: Design For The One Little Thing That Changes Everything

We really Don’t Know What Will Make Us Happy

Page 12: Design For The One Little Thing That Changes Everything

Source: Change Sciences

P!*p.! /," #$%/ -,0!/ #$!- $,pp" *&.%&!

Not too busy

Beautiful and colorful

My favorite sites are easy

to use

It has to be simple & clean

Convenience above all else

Page 13: Design For The One Little Thing That Changes Everything

Source: Shutterstock

parallax simple authentic

food cats infographics video

mobile responsive

clever flat byod

IoT

big

tiles

typography

D!/%'&!r/ #$%&0 -,"b! #$%/ (f*r &*w)

Page 14: Design For The One Little Thing That Changes Everything

We sometimes Don’t Remember What Made Us Happy

Page 15: Design For The One Little Thing That Changes Everything

Source: Giles Colborne

ModCloth

something dresses something tchotchkes

awesome retro fashion pic

unknown

Dr,w "*)r f,v*r%#! /%#! fr*- -!-*r"

Page 16: Design For The One Little Thing That Changes Everything

Credit: Github Shop

We remember where we focus

A##!&#%*&

Page 17: Design For The One Little Thing That Changes Everything

We remember the

F!!.%&'

Page 18: Design For The One Little Thing That Changes Everything

Rated Better Than Other Sites

Source: Change Sciences

H

ap

pin

ess

Ra

tin

g A

fte

r U

se

Amazon

Expedia

CBS WebMD

Ally

Aetna

Healthcare.gov

HGTV

eHealth

Chase Apple

Kayak

PBS

Priceline Bank of America

Citi Best Buy

n=7000

W! f!!. $,pp", w! #$%&0 , /%#! %/ b!##!r

Page 19: Design For The One Little Thing That Changes Everything

Actually,

Little Things Make Us Happy

Page 20: Design For The One Little Thing That Changes Everything

Sp!+%,. Tr!,#/ make us happier

Page 21: Design For The One Little Thing That Changes Everything

S$,r!( M*-!&#/ add up to joy

Credit: Todd Williamson

Page 22: Design For The One Little Thing That Changes Everything

Credit: Angie Hu

Follow the principles A)#*&*-"

V,r%!#" Fr%!&(/$%p C*&#%&)%#"

Credit: Peter Haugen

L%##.! S)rpr%/!/ bring delight

Page 23: Design For The One Little Thing That Changes Everything

As in the rest of life

Little Things Make Us Happy Online

Page 24: Design For The One Little Thing That Changes Everything

O&.%&! /#)(" 250 sites 7000 people

Page 25: Design For The One Little Thing That Changes Everything

1!.( r!/!,r+$ 450 people #pandatime

Page 26: Design For The One Little Thing That Changes Everything

2p!r%-!&#/ with informed consent, of course

50 people

Credit: British Airways

Page 27: Design For The One Little Thing That Changes Everything

meh delighted wowza happy content (

- - (

( (

( (

! !

A.. #$! $,pp%&!//!/

Page 28: Design For The One Little Thing That Changes Everything

Not just

D!.%'$#

Page 29: Design For The One Little Thing That Changes Everything

1 happy moment = 5% increase in happiness

rating

M*r! $,pp" -*-!&#/, -*r! $,pp%&!//

Source: Change Sciences

n=7450

Page 30: Design For The One Little Thing That Changes Everything

We are h (app) y when we feel

Smart

Page 31: Design For The One Little Thing That Changes Everything

AUTONOMY I can do this

Page 32: Design For The One Little Thing That Changes Everything

Source: Change Sciences

American HealthCare.gov Kayak Amazon Express

57! 70! 77!53!

Source: Change Sciences

Time

S

ucc

ess

not so happy

happy

M*r! #%-! w%#$*)# /)++!//, .!// $,pp"

Page 33: Design For The One Little Thing That Changes Everything

CONTROL I feel less anxious

Page 34: Design For The One Little Thing That Changes Everything

MASTERY I’ve got this down

Page 35: Design For The One Little Thing That Changes Everything

“ There is a trick to it but now that I know the trick, I tell everyone.

-M, Boomer, Wired

Page 36: Design For The One Little Thing That Changes Everything

Source: Change Sciences

Ea

se o

f U

se C

om

bin

ed

Sco

re

65

Happiness starts here

W%#$*)# !,/", #$!r! %/ &* $,pp"

Page 37: Design For The One Little Thing That Changes Everything

Design so I can be

I&(!p!&(!&#

Page 38: Design For The One Little Thing That Changes Everything

We want to feel as if

There Is a Real Person in There

Page 39: Design For The One Little Thing That Changes Everything

“ Most big companies sound like they are talking to themselves about themselves.

-F, Boomer, Wired

Page 40: Design For The One Little Thing That Changes Everything

AUTHENTICITY It feels like a real

conversation

Page 41: Design For The One Little Thing That Changes Everything

RESPECT You know there are

boundaries

Page 42: Design For The One Little Thing That Changes Everything

CARE You’ve got my back

Page 43: Design For The One Little Thing That Changes Everything

one night stand

complete stranger

fling secret affair

enemy

casual acquaintance

stalker - prey

guru - disciple

teacher- student

Source: Harvard Business Review

annoying acquaintance fleeting acquaintance

star -groupie

dealer - addict

villain-victim online friends

marriage on the rocks

ex-friends

marriage partners love-hate

best friends

teammates

buddies

old friends colleagues

siblings

neighbors

former friends

PRICE

MARKET SHARE

I# (*!/&’# $,v! #* b! +*-p.%+,#!(

Page 44: Design For The One Little Thing That Changes Everything

Design as if we are

Fr%!&(/ IRL

Credit: Natalie Downe

Page 45: Design For The One Little Thing That Changes Everything

The sites that make us happy

Engage All Our Senses

Page 46: Design For The One Little Thing That Changes Everything

+ + + =

Everything is amazing and no one is happy

W! #%r! *f w$,# *&+! -,(! )/ $,pp"

Page 47: Design For The One Little Thing That Changes Everything

PLAY I can try things

without risk

Page 48: Design For The One Little Thing That Changes Everything

“ One minute I’m just playing around and the next thing I know it’s a credit hit.

-M, Boomer, Wired

Page 49: Design For The One Little Thing That Changes Everything

VARIETY You surprise me a

little

Page 50: Design For The One Little Thing That Changes Everything

CURIOSITY I always wondered

Page 51: Design For The One Little Thing That Changes Everything

Credit: Kris Krug

No

S$,-!

Page 52: Design For The One Little Thing That Changes Everything

“ The last thing I want is to feel bad about myself because I clicked on something.

-F, Millennial, Wired

Page 53: Design For The One Little Thing That Changes Everything

Design for the

3r%.. *f #$! N!w

Credit: Hootsuite on Instagram

Page 54: Design For The One Little Thing That Changes Everything

We feel most satisfied when there is

Continuity

Page 55: Design For The One Little Thing That Changes Everything

Help, it’s a trap!

I#’/ &*# ,b*)# '!##%&' #$r*)'$ #$! 4&&!.

Page 56: Design For The One Little Thing That Changes Everything

CONNECTION You know there is no digital / real divide

Page 57: Design For The One Little Thing That Changes Everything

CURATION You help me discover

myself

Page 58: Design For The One Little Thing That Changes Everything

“ Even though I know it’s an algorithm, somehow it feels personal and human.

-M, Millennial, Influencer

Page 59: Design For The One Little Thing That Changes Everything

ASPIRATIONAL You speak to the

better me

Page 60: Design For The One Little Thing That Changes Everything

“ I feel a little bit cooler just having been to the site, like maybe I’m in on a secret.

-F, GenX, Influencer

Page 61: Design For The One Little Thing That Changes Everything

Design for

P,/#, Pr!/!&# & F)#)r!

Credit: The Sherbet Patch

Page 62: Design For The One Little Thing That Changes Everything

When we are happy and we know it We Really Do Show It

Page 63: Design For The One Little Thing That Changes Everything

Source: Change Sciences

A little happy--------------------------------------------------Really happy

Happy people want to explore

Gr!,#!r $,pp%&!//, 'r!,#!r !&','!-!&#

Page 64: Design For The One Little Thing That Changes Everything

American HealthCare.gov Kayak Amazon Express

57! 70! 77!53!

Source: Change Sciences

Happiness

Re

com

me

nd

ati

on

s M*r! $,pp%&!//, -*r! r!+*--!&(,#%*&/

Page 65: Design For The One Little Thing That Changes Everything

Source: Topsy + Change Sciences

Happy sites

65+ social sentiment Less happy

45 social sentiment

H,pp" f!!.%&', $,pp" #,.0

Page 66: Design For The One Little Thing That Changes Everything

American HealthCare.gov Kayak Amazon Express

57! 70! 77!53!

Gr!,# $,pp%&!//, 'r!,#!r .%0!.%$**( #* r!#)r&

American HealthCare.gov Kayak Amazon Express

57! 70! 77!53!

Likelihood to return

Source: Change Sciences

Ha

pp

ine

ss R

ati

ng

Aft

er

Use

Amazon

Expedia

WebMD Chase Home Depot

Delta

Priceline Bank of America

US Bank

Best Buy

Kayak

CBS

T Rowe Price

Hotels.com USAA

Humana

Page 67: Design For The One Little Thing That Changes Everything

Keep finding the Little Things That Make Us Happy

Page 68: Design For The One Little Thing That Changes Everything

Measure

B!f*r!, ()r%&' & ,5!r

Page 69: Design For The One Little Thing That Changes Everything

weeks days hours minutes now now minutes hours days

knowing smile

now

anticipation

happy spot

afterglow

fond memory

The Happy Experience Continuum

Page 70: Design For The One Little Thing That Changes Everything

Pay attention to

3! S-,.. T*)+$!/

Page 71: Design For The One Little Thing That Changes Everything

Take the pledge

H,pp%&!// 1r/# #happyfirst

Page 72: Design For The One Little Thing That Changes Everything

H A P P Y

Practice

Design

Pamela Pavliscak @paminthelab

ChangeSciences.com