Transcript
Page 1: Increasing online conversion through persuasive design

Turning clicks into sales

How we help visitors get over the

conversion hurdle...

Joanne Richardson

Senior User Experience Designer

@Joanne84

Page 2: Increasing online conversion through persuasive design

What does user experience design mean?

"UX" is the quality of experience a person has when interacting

with a specific design.

"UX design" is the research, planning and verification of a design solution.

 

Page 3: Increasing online conversion through persuasive design

Why invest time in UX?

Confidence in your design - backed up by research

Clarity in direction - guide the solution Continuity of strategy - ensure longevity of the vision and opportunities Customer loyalty - increase brand awareness

Page 4: Increasing online conversion through persuasive design

Other industries have been doing it for years...

Building architects

Product designers

Supermarket layouts

Page 5: Increasing online conversion through persuasive design

The hurdles people face

Unaware Interested First time customer

Regular use

Passionate use

Awareness Conversion Return visits Brand attachment

Page 6: Increasing online conversion through persuasive design

Conversion

How we help visitors get over the conversion hurdle

Unaware Interested First time customer

Regular use

Passionate use

Awareness Conversion Return visits Brand attachment

Page 7: Increasing online conversion through persuasive design

What do we mean by conversion?

Not just purchasing online - any action you want people to take

Make a purchase

Newsletter sign up

Tweet an article

Enter a competition

Upload a photo

Post a blog

Get in touch

Like a page on Facebook

Page 8: Increasing online conversion through persuasive design

What's stopping them?

Time / effort

Money / price

Physical effort  

Uncertainty

Worry

Fear

Out of the norm

Page 9: Increasing online conversion through persuasive design

Persuasive design

How to convince a potential customer that you're the one for them

Trick...

or treat?

Page 10: Increasing online conversion through persuasive design

1. Credibility & trustFirst impressions count

"When participants in the study rejected a health website as not being trustworthy, 83% of their comments were related to design factors, such as an unfavorable first impression of the look and feel, poor navigation, color, text size and the name of the website."

Susan Weinschenk (2011)

Page 11: Increasing online conversion through persuasive design

Would you trust this website?

Page 12: Increasing online conversion through persuasive design

How about this one?

Page 13: Increasing online conversion through persuasive design

How to win them over

Awards

Customer reviews and testimonials

Member of professional organisation

Professional design and images

Transparency and information - clear returns policy, team page

Page 14: Increasing online conversion through persuasive design

2. Signposting

Page 15: Increasing online conversion through persuasive design

A-B Tests

A test - 15.2% Conversion Rate

B test - 20.9% Conversion Rate

Page 16: Increasing online conversion through persuasive design

3. Create demand

The worry that you're going to miss out

Page 17: Increasing online conversion through persuasive design

Threadless

Only 15 left!!! :(Better be quick!

Page 18: Increasing online conversion through persuasive design

4. Add constraints - guide visitors 

We're easily distracted & set in our ways

Page 19: Increasing online conversion through persuasive design

Airport chairs

Page 20: Increasing online conversion through persuasive design

Amazon Checkout

Page 21: Increasing online conversion through persuasive design

5. Incentiveseverybody loves a freebie

Page 22: Increasing online conversion through persuasive design

Pay with a tweet

Page 23: Increasing online conversion through persuasive design

Dorothy Perkins - 15% discount

Page 24: Increasing online conversion through persuasive design

6. Social proofOther people are doing this then it must be ok

Page 25: Increasing online conversion through persuasive design

Amazon - Customers Who Bought This Item Also Bought

Page 26: Increasing online conversion through persuasive design

7. Social AcceptanceTo be perceived as good

Page 28: Increasing online conversion through persuasive design

8. AchievementHuman instinct to want to complete items and achieve a goal

Page 29: Increasing online conversion through persuasive design

Reduces spillages by up to 80%

Page 30: Increasing online conversion through persuasive design

9. The Goldilocks effect"...and the middle one was just right"

Page 31: Increasing online conversion through persuasive design

Basecamp

Page 32: Increasing online conversion through persuasive design

New product releases

Page 33: Increasing online conversion through persuasive design

10. Remove barrierspeople are inherently lazy

Page 34: Increasing online conversion through persuasive design

Tumblr - first use

Page 35: Increasing online conversion through persuasive design

Posterous - easy sign up and blogging

Page 36: Increasing online conversion through persuasive design

How do we achieve all this?

Investing the time upfront in research

Confidence in project direction

Planning the experience

Most importantly testing the solution continuously

Page 37: Increasing online conversion through persuasive design

Want to learn more?

Obviously you could contact Orange Bus...

But here are some other useful online resources: 

• UX Matters - http://uxmatters.com/• UX Booth - http://uxbooth.com• Johnny Holland - http://johnnyholland.org/• User Interface Engineering - http://www.uie.com/• Interaction-Design.org - http://www.interaction-design.org/  

Page 38: Increasing online conversion through persuasive design

Thank you :)


Recommended