9 ways to guide users with design

127
@ZURB @happyimadesignr 9 Ways to Guide People with Design

Upload: zurb

Post on 22-Jan-2018

116 views

Category:

Design


4 download

TRANSCRIPT

Page 1: 9 Ways to Guide Users With Design

@ZURB @happyimadesignr

9 Ways to Guide People with Design

Page 2: 9 Ways to Guide Users With Design

Designing products is designing experiences

Page 3: 9 Ways to Guide Users With Design
Page 4: 9 Ways to Guide Users With Design
Page 5: 9 Ways to Guide Users With Design
Page 6: 9 Ways to Guide Users With Design

Best products create lasting connections

Page 7: 9 Ways to Guide Users With Design

That’s probably Facebook

Page 8: 9 Ways to Guide Users With Design

You can design for connections

Page 9: 9 Ways to Guide Users With Design

We are easily amused

Page 10: 9 Ways to Guide Users With Design
Page 11: 9 Ways to Guide Users With Design
Page 12: 9 Ways to Guide Users With Design

1. Familiarity Bias

Page 13: 9 Ways to Guide Users With Design

Best new thingsuse familiar patterns

Page 14: 9 Ways to Guide Users With Design
Page 15: 9 Ways to Guide Users With Design

The more you see it the more you like it

(or at least hate it less)

Page 16: 9 Ways to Guide Users With Design
Page 17: 9 Ways to Guide Users With Design

Design patterns make new interfaces feel familiar

Page 18: 9 Ways to Guide Users With Design
Page 19: 9 Ways to Guide Users With Design

Familiar moments create trust

Page 20: 9 Ways to Guide Users With Design
Page 21: 9 Ways to Guide Users With Design

Unfamiliar patternscreate confusion

(at least, at first)

Page 22: 9 Ways to Guide Users With Design
Page 23: 9 Ways to Guide Users With Design

Make it easy to get to know you

Page 24: 9 Ways to Guide Users With Design
Page 25: 9 Ways to Guide Users With Design
Page 26: 9 Ways to Guide Users With Design

2. Relative Value

Page 27: 9 Ways to Guide Users With Design

Comparing is easier than appraising

Page 28: 9 Ways to Guide Users With Design
Page 29: 9 Ways to Guide Users With Design
Page 30: 9 Ways to Guide Users With Design

Options make us feel in control

Page 31: 9 Ways to Guide Users With Design

Too many optionscreate choice paralysis

Page 32: 9 Ways to Guide Users With Design
Page 33: 9 Ways to Guide Users With Design

Experiment: Shoppers sample jam flavors

available for purchase

24 flavors: 3% purchase rate 6 flavors: 30% purchase rate

Page 34: 9 Ways to Guide Users With Design

Things that are limitedhave more value

Page 35: 9 Ways to Guide Users With Design
Page 36: 9 Ways to Guide Users With Design

3. Bandwagon

Page 37: 9 Ways to Guide Users With Design

We are easily swayed by behaviors and opinions

of others

Page 38: 9 Ways to Guide Users With Design
Page 39: 9 Ways to Guide Users With Design
Page 40: 9 Ways to Guide Users With Design

Give the illusion that people are enjoying

your product

Page 41: 9 Ways to Guide Users With Design
Page 42: 9 Ways to Guide Users With Design

Strength in numbers

Page 43: 9 Ways to Guide Users With Design
Page 44: 9 Ways to Guide Users With Design
Page 45: 9 Ways to Guide Users With Design

Bandwagon can also work against you

Page 46: 9 Ways to Guide Users With Design
Page 47: 9 Ways to Guide Users With Design
Page 48: 9 Ways to Guide Users With Design

4. Authority

Page 49: 9 Ways to Guide Users With Design

Authority can trumpour own instincts

Page 50: 9 Ways to Guide Users With Design

Experiment: “Teacher” instructed to administer

electric shock for “Student’s” wrong answer

65% obeyed, even though they wanted to stop

Page 51: 9 Ways to Guide Users With Design

Use authority for good, not evil

Page 52: 9 Ways to Guide Users With Design
Page 53: 9 Ways to Guide Users With Design
Page 54: 9 Ways to Guide Users With Design
Page 55: 9 Ways to Guide Users With Design

Be strategic with placement

Page 56: 9 Ways to Guide Users With Design
Page 57: 9 Ways to Guide Users With Design

5. Faith in Aesthetics

Page 58: 9 Ways to Guide Users With Design

We first judge the product by its appearance, then

consider its content

Page 59: 9 Ways to Guide Users With Design
Page 60: 9 Ways to Guide Users With Design

Study: Would you trust a health site?

83% of negative comments stemmed

from aesthetics

Page 61: 9 Ways to Guide Users With Design

Attractive things appear more valuable

Page 62: 9 Ways to Guide Users With Design
Page 63: 9 Ways to Guide Users With Design
Page 64: 9 Ways to Guide Users With Design
Page 65: 9 Ways to Guide Users With Design
Page 66: 9 Ways to Guide Users With Design

Aesthetics affect usability

Page 67: 9 Ways to Guide Users With Design

Study: Complete tasks on this phone

Faster task completion on visually appealing devices

Page 68: 9 Ways to Guide Users With Design

6. Achievement

Page 69: 9 Ways to Guide Users With Design

Competition is great, but we like to win

Page 70: 9 Ways to Guide Users With Design
Page 71: 9 Ways to Guide Users With Design

We like challenges that are sort of challenging

Page 72: 9 Ways to Guide Users With Design
Page 73: 9 Ways to Guide Users With Design

We appreciate rewards more when we have to

work for them

Page 74: 9 Ways to Guide Users With Design
Page 75: 9 Ways to Guide Users With Design

Rewards work better when we don’t expect them

Page 76: 9 Ways to Guide Users With Design

It’s science!

Unpredictable rewards cause greater dopamine levels

Page 77: 9 Ways to Guide Users With Design
Page 78: 9 Ways to Guide Users With Design
Page 79: 9 Ways to Guide Users With Design

We like showing off

Page 80: 9 Ways to Guide Users With Design
Page 81: 9 Ways to Guide Users With Design

7. Zeigarnik Effect

Page 82: 9 Ways to Guide Users With Design

When we become engaged in a story, we

have to see how it ends

Page 83: 9 Ways to Guide Users With Design
Page 84: 9 Ways to Guide Users With Design

We dwell on unfinished tasks

Page 85: 9 Ways to Guide Users With Design
Page 86: 9 Ways to Guide Users With Design

We generally like to finish what we start

Page 87: 9 Ways to Guide Users With Design

Experiment: Complete a jigsaw puzzle in time

90% continued aftertime was called

Page 88: 9 Ways to Guide Users With Design

The key is getting usto start something

Page 89: 9 Ways to Guide Users With Design
Page 90: 9 Ways to Guide Users With Design

Varying the length of steps keeps us motivated

Page 91: 9 Ways to Guide Users With Design
Page 92: 9 Ways to Guide Users With Design

8. Self-expression

Page 93: 9 Ways to Guide Users With Design

We are unique, special snowflakes

Page 94: 9 Ways to Guide Users With Design
Page 95: 9 Ways to Guide Users With Design

We perceive things we own (or create) as

more valuable

Page 96: 9 Ways to Guide Users With Design
Page 97: 9 Ways to Guide Users With Design
Page 98: 9 Ways to Guide Users With Design

Find ways to make the experience feel

personalized

Page 99: 9 Ways to Guide Users With Design
Page 100: 9 Ways to Guide Users With Design

Keep personalizationoptions small

Page 101: 9 Ways to Guide Users With Design
Page 102: 9 Ways to Guide Users With Design

9. Surprise & Delight

Page 103: 9 Ways to Guide Users With Design

We remember key moments in our

experiences

Page 104: 9 Ways to Guide Users With Design

Only highs and lows

Page 105: 9 Ways to Guide Users With Design

Create the “highs”

Page 106: 9 Ways to Guide Users With Design
Page 107: 9 Ways to Guide Users With Design

Surprise is addictive and turbo charges emotions

Page 108: 9 Ways to Guide Users With Design
Page 109: 9 Ways to Guide Users With Design

Create loyal customers

Page 110: 9 Ways to Guide Users With Design
Page 111: 9 Ways to Guide Users With Design
Page 112: 9 Ways to Guide Users With Design
Page 113: 9 Ways to Guide Users With Design

Validate the “lows”

Page 114: 9 Ways to Guide Users With Design
Page 115: 9 Ways to Guide Users With Design
Page 116: 9 Ways to Guide Users With Design

So many nobs, girl

Page 117: 9 Ways to Guide Users With Design

Familiarity Bias

Show me something I already relate to

Page 118: 9 Ways to Guide Users With Design

Relative Value

Give me a comparison

Page 119: 9 Ways to Guide Users With Design

Bandwagon

Tell me I’m missing out

Page 120: 9 Ways to Guide Users With Design

Authority

Assert that it’s worth my while

Page 121: 9 Ways to Guide Users With Design

Faith in Aesthetics Make it attractive

Page 122: 9 Ways to Guide Users With Design

Achievement

Make it (sort of) challenging

Page 123: 9 Ways to Guide Users With Design

Zeigarnik Effect

Help me get closure

Page 124: 9 Ways to Guide Users With Design

Self-expression

Let me feel unique

Page 125: 9 Ways to Guide Users With Design

Surprise & Delight

Entertain me

Page 126: 9 Ways to Guide Users With Design

Even more ways at zurb.com/triggers

Page 127: 9 Ways to Guide Users With Design

zurb.com/9ways @ZURB | @happyimadesignr