Seductive Design

101
Seductive Design @andybudd @clearleft

description

In the dating game of the web, you need more than just a pretty (inter)face and a winning smile. You need to woo your users in a complex ritual of seduction and delight. Only then will you win their hearts, minds and registration details. Sadly, too many sites focus purely on the chase, adding each new conquest into their little black book of registered users (moleskines presumably) before moving on to their next victim. While one-night log-ins can be exciting, they aren't particularly satisfying. It's the quality rather than quantity of your relationships that count. A truly meaningful relationship takes time, understanding and sacrifice. The best relationships are born from a sense of shared ideals; they are supportive, caring and fun. Using examples from the real world, this session will look at the various tips, tricks and techniques you can use to make your users fall in love with your product or service. So dim the lights, put Barry White on the stereo and get ready for a lesson in the fine art of user seduction.

Transcript of Seductive Design

Page 1: Seductive Design

Seductive Design

@andybudd@clearleft

Page 2: Seductive Design

Seductive Design

@andybudd@clearleft

Page 3: Seductive Design

“The Graduate”

Page 4: Seductive Design

“Casanova”

Page 5: Seductive Design

Original Sin

Page 6: Seductive Design

Seductive Design

http://www.flickr.com/photos/richardmscott/

Page 7: Seductive Design

Seductive Interfaces

Page 8: Seductive Design
Page 9: Seductive Design

The Fine Art of User Seduction

Page 10: Seductive Design

Stage 1: The Approach

Page 11: Seductive Design

Create an immediate reaction

Page 12: Seductive Design

The Halo Effect

Page 13: Seductive Design

Unboxing your iPod

Page 14: Seductive Design

Looks count

Page 15: Seductive Design

Status and SecurityAttractiveness boosters

Page 16: Seductive Design

Get a gimmick

Page 17: Seductive Design

Pick up lines

Page 18: Seductive Design

Be a little mysterious

Page 19: Seductive Design

What is beautiful is good

Page 20: Seductive Design
Page 21: Seductive Design

Which site would you buy a used car from?

Page 22: Seductive Design

Make a good first impression

Page 23: Seductive Design

And be easy to get along with

Page 24: Seductive Design

Trust indicators

Page 25: Seductive Design

Differentiate

Page 26: Seductive Design

Have a gimmick

Page 27: Seductive Design

It makes people think you’re interesting

Page 28: Seductive Design

Be friendly and personable

Page 29: Seductive Design

Generate interest through curiosity

Page 30: Seductive Design

and through playful disclosure

Page 31: Seductive Design

A good date starts with a good first impression

Page 32: Seductive Design

Stage 2: Rapport

Page 33: Seductive Design

Shared interests and values

Page 34: Seductive Design

Familiarity breeds attractiveness

Page 35: Seductive Design

Get in with his/her friends

Page 36: Seductive Design

Liking

Page 37: Seductive Design

Don’t be needy

Page 38: Seductive Design

Attitude similarity effect

Page 39: Seductive Design

Testimonials

Page 40: Seductive Design

Testimonials

Page 41: Seductive Design

Testimonials

Page 42: Seductive Design

Testimonials

Page 43: Seductive Design

Show how popular you are

Page 44: Seductive Design

Virb do this well

Page 45: Seductive Design

Virb do this well

Page 46: Seductive Design

Common interests

Page 47: Seductive Design

Not fun doing it on your own

Page 48: Seductive Design

Make it easy to invite friends

Page 49: Seductive Design

Stage 3: Desire

Page 50: Seductive Design

Be funny

Page 51: Seductive Design

Flirting and Playfulness

Page 52: Seductive Design

Be cheeky

Page 53: Seductive Design

Seductive language

Page 54: Seductive Design

Give a hint of more to come

Page 55: Seductive Design

But then play hard to get

Page 56: Seductive Design
Page 57: Seductive Design
Page 58: Seductive Design

Be a little mysterious

Page 59: Seductive Design

And know when to make the move

Page 60: Seductive Design

Generate interest through curiosity

Page 61: Seductive Design

Sexy interfaces

Page 62: Seductive Design

Sexy interfaces

Page 63: Seductive Design

Frivolous

Page 64: Seductive Design

Carousels

Page 65: Seductive Design

Get a personality

Page 66: Seductive Design

Cheeky

Page 67: Seductive Design

Fun(ctional)

Page 68: Seductive Design

Dopplr toys

Page 69: Seductive Design

Fun and games

Page 70: Seductive Design

Poking

Page 71: Seductive Design

Seductive language

Page 72: Seductive Design

Be a little mysterious

Page 73: Seductive Design

and play hard to get

Page 74: Seductive Design

Limiting supply can drive desire

Page 75: Seductive Design

Stage 4: Commitment

Page 76: Seductive Design

Proximity

Page 77: Seductive Design

Praise

Page 78: Seductive Design

Don’t be afraid to admit your mistakes

Page 79: Seductive Design

Social exchange theory

Page 80: Seductive Design

Attachment

Page 81: Seductive Design

Rubin Scale

Page 82: Seductive Design

Liking Indicators

Page 83: Seductive Design

1. I feel that Andy is a very stable person.

2. I have confidence in Andy’s opinions.

3. Most people would react very favourably to Andy after a brief acquaintance.

Liking Indicators

Page 84: Seductive Design

1. I feel that flickr is a very stable person.

2. I have confidence in flickr’s opinions.

3. Most people would react very favourably to flickr after a brief acquaintance.

Liking Indicators

Page 85: Seductive Design

Love Indicators

Page 86: Seductive Design

1. I feel strong feelings of possessiveness towards Andy.

2. I find it easy to ignore Andy’s faults.

3. It would be hard for me to get along without Andy.

Love Indicators

Page 87: Seductive Design

1. I feel strong feelings of possessiveness towards Twitter.

2. I find it easy to ignore Twiter’s faults.

3. It would be hard for me to get along without Twitter.

Love Indicators

Page 88: Seductive Design

Find reasons to (legitimately) get in touch

Page 89: Seductive Design

Rewards

Page 90: Seductive Design

Reasons to enguage

Page 91: Seductive Design

Unlocking new abilities

Page 92: Seductive Design

Amazon knows my taste in books

Page 93: Seductive Design

LastFM knows my taste in music

Page 94: Seductive Design

Interfaces that grow with you

Page 95: Seductive Design

Interfaces that grow with you

Page 96: Seductive Design

Help people become experts

Page 97: Seductive Design

Admit your mistakes

Page 98: Seductive Design

Fail Whale

Page 99: Seductive Design
Page 100: Seductive Design

@andybudd@clearleft

Page 101: Seductive Design

So where are the web examples?