making websites work - retail is detail

35
58 Bloomsbury Street London WC1B 3QT +44 (0)207 307 7770 www.amber-light.co.uk Making websites work (aka Retail is Detail)

Upload: distilled

Post on 17-May-2015

2.916 views

Category:

Technology


1 download

DESCRIPTION

A User Experience Approach to CRO - Managing Director at Amber Light, Jeremy Swinfen Green approaches the topic from a slightly different angle, taking us through the user experience covering; aligning conversion with UX, business goals, the three legs of the UX stool and how the cookie law affects CRO.

TRANSCRIPT

Page 1: Making Websites Work - Retail is Detail

58 Bloomsbury Street

London WC1B 3QT

+44 (0)207 307 7770

www.amber-light.co.uk

Making websites work

(aka Retail is Detail)

Page 2: Making Websites Work - Retail is Detail

Project Name

Not just about immediate online conversion

• Describe products for later purchase (wish list)• Drive to the high street• Generate leads for later up-selling

• Get customer feedback or market insight• Support sales

Page 3: Making Websites Work - Retail is Detail

Project Name

What to look for

• Three legs of the stool: usability, utility and persuasion add up to the user experience

• Usability• Layout, Forms etc

• Utility• Do people actually want it

• Persuasiveness • Copy, Credibility and Calls to action

Page 4: Making Websites Work - Retail is Detail

Project Name So how can you improve

conversions?

4

Page 5: Making Websites Work - Retail is Detail

You have 3 seconds to make an impression…

Make an impression

Page 6: Making Websites Work - Retail is Detail

04/12/23 Project Name 6

Page 7: Making Websites Work - Retail is Detail

What did you see?

Page 8: Making Websites Work - Retail is Detail

04/12/23 Project Name 8

Page 9: Making Websites Work - Retail is Detail

What did you see?

Page 10: Making Websites Work - Retail is Detail

04/12/23 Project Name 10

Page 11: Making Websites Work - Retail is Detail

Project Name Was that more or less effective at

generating donations?

11

Page 12: Making Websites Work - Retail is Detail

The triumph of creativity over common sense?

http://www.leoburnett.ca/FLASH/index.htm

Understand your audience and their wants

Page 13: Making Websites Work - Retail is Detail

Show people where they are

And help them move elsewhere if they want to

Page 14: Making Websites Work - Retail is Detail

Offer different ways of choosing

Type

Inspiration

Destination

Don’t give me choice. Make it easy for me to choose.

Page 15: Making Websites Work - Retail is Detail

Have effective search

• THE most important navigational element• Simple search has to work well

– Misspellings– Synonyms– Related items

• Search filters should be offered

• DON’T assume people can spell

Page 16: Making Websites Work - Retail is Detail

Bad search results

16

Page 17: Making Websites Work - Retail is Detail

Better search results

17

Page 18: Making Websites Work - Retail is Detail

Best search results

18

Page 19: Making Websites Work - Retail is Detail

Focus on the product page

• Key elements– Buy button– Price– Benefits and features– Pictures– Visitor rankings– Special offers, free delivery etc– You might also like...

Page 20: Making Websites Work - Retail is Detail

20

Page 21: Making Websites Work - Retail is Detail

Project Name

Image details are important

21

JC Decaux research using 200 people

Spot the difference?

Page 22: Making Websites Work - Retail is Detail

Project Name

Don’t forget the “buy” button

22

Page 23: Making Websites Work - Retail is Detail

Copy is important

23

Page 24: Making Websites Work - Retail is Detail

Write for the web

• Reading age of around 8 to 10 (like The Sun)• Lots of paragraphs, bullets, bold, headings• Short sentences and short words (germanic

not latin)• Key words to left of screen if possible• Words are important!

– “Secure checkout” can increase conversion by 20% over “Checkout”

Page 25: Making Websites Work - Retail is Detail

Write for sales

• Have a great headline• Describe benefits not features• Write about “you” not about “us”• Remember why you are writing (selling not

being clever)• Write for the web (sub heads, short sentences,

simple words...)

Page 26: Making Websites Work - Retail is Detail

Slick and intuitive checkouts

• Do keep number of pages to a minimum• Don’t ask for data you don’t need• Do provide links to basket at each stage• Don’t force people to register• Do provide a phone number on each page• Don’t hit them with nasty surprises like

shipping costs at the last minute• Do get an email address early (so you can

mail them if they bail out)

Page 27: Making Websites Work - Retail is Detail

Don’t disturb people when they are paying

04/12/23 Project Name 27

Page 28: Making Websites Work - Retail is Detail

Notice the difference?

28

A/B testing has presumably show that a “Carry on shopping?” option is counter productive

Page 29: Making Websites Work - Retail is Detail

Service is important (for repeat purchase)

1. Make receiving it easy– When will it arrive (delivery windows)?– Where will it be left if you are out?

2. Make it easy to justify the buying decision3. Make returning it easy4. Make replacing it easy

Amazon are great at 2, 3 and 4

Page 30: Making Websites Work - Retail is Detail

Great service from Amazon

30

Page 31: Making Websites Work - Retail is Detail

And finally...

31

Page 32: Making Websites Work - Retail is Detail

Project Name

How to find out what works• Watch the user

• Web analytics• Social media analysis (low vs high emotion)

• Ask the user• Surveys• Remote and face to face UX testing• Eye-tracking and emotion tracking

• Use UX research to “power” A/B and MVT (A/B testing on its own is not sufficient)

• Use best practice as a starting point• Do something – even if you do it yourself

Page 33: Making Websites Work - Retail is Detail

Project Name

The cookie law

• The cookie law will affect conversion optimisation

• You can’t optimise without permission

• You can’t analyse without permission

• It is not sufficient to tell people what you are doing

• Someone had better tell the UK Government!

Page 34: Making Websites Work - Retail is Detail

Project Name

Conclusions

• Understand your audience

• Accept that it’s different for every website

• Use your common sense (it’s not rocket science)

• Subordinate SEO to the user experience • Look to the detail

Page 35: Making Websites Work - Retail is Detail

58 Bloomsbury Street

London WC1B 3QT

+44 (0)207 307 7770

www.amber-light.co.uk

Thank you

[email protected]