The Subtle Art of Seduction

stephenpa 88,343 views 92 slides Oct 07, 2010
Slide 1
Slide 1 of 136
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
20
Slide 21
21
Slide 22
22
Slide 23
23
Slide 24
24
Slide 25
25
Slide 26
26
Slide 27
27
Slide 28
28
Slide 29
29
Slide 30
30
Slide 31
31
Slide 32
32
Slide 33
33
Slide 34
34
Slide 35
35
Slide 36
36
Slide 37
37
Slide 38
38
Slide 39
39
Slide 40
40
Slide 41
41
Slide 42
42
Slide 43
43
Slide 44
44
Slide 45
45
Slide 46
46
Slide 47
47
Slide 48
48
Slide 49
49
Slide 50
50
Slide 51
51
Slide 52
52
Slide 53
53
Slide 54
54
Slide 55
55
Slide 56
56
Slide 57
57
Slide 58
58
Slide 59
59
Slide 60
60
Slide 61
61
Slide 62
62
Slide 63
63
Slide 64
64
Slide 65
65
Slide 66
66
Slide 67
67
Slide 68
68
Slide 69
69
Slide 70
70
Slide 71
71
Slide 72
72
Slide 73
73
Slide 74
74
Slide 75
75
Slide 76
76
Slide 77
77
Slide 78
78
Slide 79
79
Slide 80
80
Slide 81
81
Slide 82
82
Slide 83
83
Slide 84
84
Slide 85
85
Slide 86
86
Slide 87
87
Slide 88
88
Slide 89
89
Slide 90
90
Slide 91
91
Slide 92
92
Slide 93
93
Slide 94
94
Slide 95
95
Slide 96
96
Slide 97
97
Slide 98
98
Slide 99
99
Slide 100
100
Slide 101
101
Slide 102
102
Slide 103
103
Slide 104
104
Slide 105
105
Slide 106
106
Slide 107
107
Slide 108
108
Slide 109
109
Slide 110
110
Slide 111
111
Slide 112
112
Slide 113
113
Slide 114
114
Slide 115
115
Slide 116
116
Slide 117
117
Slide 118
118
Slide 119
119
Slide 120
120
Slide 121
121
Slide 122
122
Slide 123
123
Slide 124
124
Slide 125
125
Slide 126
126
Slide 127
127
Slide 128
128
Slide 129
129
Slide 130
130
Slide 131
131
Slide 132
132
Slide 133
133
Slide 134
134
Slide 135
135
Slide 136
136

About This Presentation

"All the small things." Minor UI details that can make a BIG difference.


Slide Content

Seduction
The Subtle Art of
presented by
Stephen P. Anderson
MINOR UI CHANGES THAT MADE A BIG DIFFERENCE!
@stephenanderson

STEPHEN P.
ANDERSON
poetpainter.com
I help businesses with
‘Product Strategy
& Design’ needs

STEPHEN P.
ANDERSON
poetpainter.com
I help businesses with
‘Product Strategy
& Design’ needs
@stephenanderson

www.getmentalnotes.com

Seduction
The Subtle Art of
presented by
Stephen P. Anderson
MINOR UI CHANGES THAT MADE A BIG DIFFERENCE!
@stephenanderson

Seduction

Seduction
the process of deliberately enticing a person
to engage in some sort of behavior,
#equently sexual in nature

Seduction
the process of deliberately enticing a person
to engage in some sort of behavior,
#equently sexual in nature

!
FUN &
GAMES

!
FUN &
GAMES

!
FUN &
GAMES

!
FUN &
GAMES

!
FUN &
GAMES
Subtlety

"The act of seducing is a subtle and enticing game"

“All the small things…”

http://bit.ly/c2R2tF

3%
got the shot
GROUP 1
http://bit.ly/c2R2tF

3%
got the shot
GROUP 1 28%
got the shot
GROUP 2
http://bit.ly/c2R2tF

“Channel factors,” originally identified
by Kurt Lewin, have been shown to play
a significant role in determining how
people behave. Small first steps—minor
sunk costs, a priori commitments, etc.—
can lead to significant shifts in
subsequent behavior.

Small first steps.

<4=C0;
=>C4B
www.getmentalnotes.com <4=C0;
=>C4B
www.getmentalnotes.com

Go
photograph
your favorite
places!

Go
photograph
your favorite
places!

Place these items on hold (and pay in person)
Phone
Phone
Your Contact Information
First Name
Name:
Last Name
Email
Contact:
Phone
So we can send you an email confirmation!
So we can confirm your order and let you know when it’ll be ready for pickup!
or change payment method
Place these items on hold (and pay in person)
Phone
Phone
Your Contact Information
First Name
Name:
Last Name
Email
Contact:
Phone
So we can send you an email confirmation!
So we can confirm your order and let you know when it’ll be ready for pickup!
or change payment method
What time do you think you’ll pick this up?
VS

CHALLENGE:
You are a travel site.
When should you ask someone
to setup their account?

Notice how hotel.com begins with create account offer... (More seductive?)

Notice how hotel.com begins with create account offer... (More seductive?)

http://bit.ly/c3axQv

19%
filled up the punch card
GROUP 1
http://bit.ly/c3axQv

19%
filled up the punch card
GROUP 1 34%
filled up the punch card
GROUP 2
http://bit.ly/c3axQv

<4=C0;
=>C4B
www.getmentalnotes.com <4=C0;
=>C4B
www.getmentalnotes.com

<4=C0;
=>C4B
www.getmentalnotes.com <4=C0;
=>C4B
www.getmentalnotes.com

VS

VS

“Get ready for bed.”

“Get ready for bed.”
Get your jammies on.
Brush your teeth.
Use the bathroom.
Get in your bed.
VS

(Inline Contextual Actions)

Coming on too strong.
(How not to)

http://www.flickr.com/photos/10306745@N00/4257456655/
http://bit.ly/bOpLvH

http://www.flickr.com/photos/10306745@N00/4257456655/
http://bit.ly/bOpLvH

http://verifyapp.com/

https://www.kapitall.com/

https://www.kapitall.com/

https://www.kapitall.com/

https://www.kapitall.com/

https://www.kapitall.com/

http://highrisehq.com/

You had to be there!
Video clip showing how you
can click links to reveal
form field options

If every additional form field
lowered response rates by 10%,
what would you cut?

First Name:
Last Name:
Email:
Phone:
Phone
Phone
Your Contact Information
First Name
Name:
Last Name
Email
Contact:
Phone
Your Contact Information
VS

First Name:
Last Name:
Email:
Phone:
Phone
Phone
Your Contact Information
First Name
Name:
Last Name
Email
Contact:
Phone
Your Contact Information
VS

01
Credit Card Number CVC Code
Payment Information:
2009
Expires:
Other form of payment? VS

01
CVC Code
Payment Information:
2009
Expires:
Other form of payment?

01 5111302
CVC Code
Payment Information:
2009
Expires:
Other form of payment?

01
5111302111111113
Payment Information:
2009
Expires:
Other form of payment?

Attracting attention.

<4=C0;
=>C4B
www.getmentalnotes.com <4=C0;
=>C4B
www.getmentalnotes.com

http://dmix.ca/2010/05/how-we-increased-our-conversion-rate-by-72/

http://dmix.ca/2010/05/how-we-increased-our-conversion-rate-by-72/

improved signups by
31
%
http://dmix.ca/2010/05/how-we-increased-our-conversion-rate-by-72/

http://bit.ly/bje4wI

http://bit.ly/bje4wI

http://bit.ly/bje4wI

http://bit.ly/bje4wI

http://bit.ly/bje4wI

http://bit.ly/bje4wI

Pay online or over the phone?

You can also place these items on hold and pay for
them when you pick them up.
Would you like to
•pay online
•pay over the phone
•or place this order on hold
VS

You had to be there!
Video clip showing animated
“Stumble!” button

You had to be there!
Video clip showing “flyout”
animation that occurs as you
scroll down the page.

Video clip- just go to www.jetsetter.com

Offering suggestions.

http://www.flickr.com/photos/26235754@N05/2794828678/

(Benign / Libertarian Paternalism)
The Power of Defaults

“Where should we go for lunch?”

increased completions by
29
%

By the end of the year, Gabriel will be able to...

By the end of the year, Gabriel will be able to...
Oops! “persuasive” is not a verb!
persuasive essay

By the end of the year, Gabriel will be able to...
Oops! “persuasive” is not a verb!
persuasive essay

By the end of the year, Gabriel will be able to...
Oops! “persuasive” is not a verb!
persuasive essay

http://blog.steepster.com/post/226679106/better-rating-system

Make it personal.

The mere presence of others
dramatically changes our behavior.

The mere presence of others
dramatically changes our behavior.

The mere presence of others
dramatically changes our behavior.

The mere presence of others
dramatically changes our behavior.

http://afterthemeeting.com/

http://afterthemeeting.com/

kept 1 million people a year on the site.

kept 1 million people a year on the site.
1 Million
less deactivated accounts!

I could go on…

REVEALING SUBTLE MOMENTS

Clicks over characters!
Role play the interaction
Script the narrative experience
Look for “micromoments”
Minimize the number of choices (& actions)
a person has to make at any one moment
Break down compound requests into
simple next steps (sequencing)
1.
2.
3.
4.
5.
6.

Yes, we did some live role playing! It was fun.

Yes, we did some live role playing! It was fun.

Clicks over characters!
Role play the interaction
Script the narrative experience
Look for “micromoments”
Minimize the number of choices (& actions)
a person has to make at any one moment
Break down compound requests into
simple next steps (sequencing)
1.
2.
3.
4.
5.
6.

Clicks over characters!
Role play the interaction
Script the narrative experience
Look for “micromoments”
Minimize the number of choices (& actions)
a person has to make at any one moment
Break down compound requests into
simple next steps (sequencing)
1.
2.
3.
4.
5.
6.

Clicks over characters!
Role play the interaction
Script the narrative experience
Look for “micromoments”
Minimize the number of choices (& actions)
a person has to make at any one moment
Break down compound requests into
simple next steps (sequencing)
1.
2.
3.
4.
5.
6.

Place these items on hold (and pay in person)
Phone
Phone
Your Contact Information
First Name
Name:
Last Name
Email
Contact:
Phone
So we can send you an email confirmation!
So we can confirm your order and let you know when it’ll be ready for pickup!
or change payment method
Got it!
How would you like to be contacted?
•by phone (default)
•by email
Place these items on hold (and pay in person)
Phone
Phone
Your Contact Information
First Name
Name:
Last Name
Email
Contact:
Phone
So we can send you an email confirmation!
So we can confirm your order and let you know when it’ll be ready for pickup!
or change payment method
by phone
Contact you:
VS

Clicks over characters!
Role play the interaction
Script the narrative experience
Look for “micromoments”
Minimize the number of choices (& actions)
a person has to make at any one moment
Break down compound requests into
simple next steps (sequencing)
1.
2.
3.
4.
5.
6.

Phone
Phone
Your Contact Information
First Name
Name:
Last Name
Email
Contact:
Phone

Phone
Phone
Your Contact Information
First Name
Name:
Last Name
Email
Contact:
Phone
So we can send you an email confirmation!

Phone
Phone
Your Contact Information
First Name
Name:
Last Name
Email
Contact:
Phone
So we can confirm your order and let you know when it’ll be ready for pickup!
So we can send you an email confirmation!

Clicks over characters!
Role play the interaction
Script the narrative experience
Look for “micromoments”
Minimize the number of choices (& actions)
a person has to make at any one moment
Break down compound requests into
simple next steps (sequencing)
1.
2.
3.
4.
5.
6.

List your favorite bands, separated by commas:
VS

Clicks over characters!
Role play the interaction
Script the narrative experience
Look for “micromoments”
Minimize the number of choices (& actions)
a person has to make at any one moment
Break down compound requests into
simple next steps (sequencing)
1.
2.
3.
4.
5.
6.

www.getmentalnotes.com

poetpainter.com/seductive-interactions
Seductive Interactions Workshop
The Art & Science of
Lots of inspiring examples & advice–
stuff you can actually use!
Integrate behavioral economics,
neuroscience, game mechanics, and
rhetoric into your design process
Bring your design to the next level
using natural curiosity, playfulness
and other delightful elements
For anyone involved with
Web sites or applications

The Workshop!
Thanks!!
Stephen P. Anderson
www.getmentalnotes.com
www.slideshare.net/stephenpa
www.poetpainter.com
poetpainter.com/seductive-interactionsThe Workshop!