ux and optimisation course

89
What, why & how? A process for online optimisation

Upload: marketinginstituteireland

Post on 27-May-2015

238 views

Category:

Technology


0 download

DESCRIPTION

User Experience and Optimisation, Marketing Institute

TRANSCRIPT

Page 1: UX and Optimisation Course

What, why & how?A process for online optimisation

Page 2: UX and Optimisation Course

optimize |ˈäptəәˌmīz|verb [ with obj. ]make the best or most effective use of (a situation, opportunity, or resource): to optimize conversions, the website should be correctly adjusted.

Page 3: UX and Optimisation Course

What makes a good website?

Page 4: UX and Optimisation Course

Q: What are the elements of a good website?

Page 5: UX and Optimisation Course

1. Analytics

Page 6: UX and Optimisation Course

Source: Google Insights for search

Page 7: UX and Optimisation Course

Feb 7-13

Mar 7-13

Source: Google Insights for search

Page 8: UX and Optimisation Course

Feb 7-13

Mar 7-13

Source: Google Insights for search

Page 9: UX and Optimisation Course

Feb 7-13

Mar 7-13

Source: Google Insights for search

Page 10: UX and Optimisation Course

Decisions

Page 11: UX and Optimisation Course

Faith/guesswork

Page 12: UX and Optimisation Course

Committee

Page 13: UX and Optimisation Course

HiPPO

Page 14: UX and Optimisation Course

“We prefer the discipline of knowledge to the anarchy of ignorance. We pursue knowledge the way a pig pursues truffles

David Ogilvy

Page 15: UX and Optimisation Course

Never in the field of marketing endeavor has cause and effect been more measurable or actionable

Page 16: UX and Optimisation Course

The real world looks a lot like this

Page 17: UX and Optimisation Course

The problem with data?

Page 18: UX and Optimisation Course

A better definition?

Understanding the impact of your efforts by analysing outcomes

Understanding your customers’ behaviour better

Continuous improvement through testing

3

Page 19: UX and Optimisation Course

1. Collecting data & some ad hoc reporting 2. Reporting data regularly3. Deriving some insights & acting4. Continuous improvement

Analytics: Maturity modelWhere do you fit?

Page 20: UX and Optimisation Course

Every metric should be

Simple : I get it

Relevant: that matters

Useful & actionable: let’s fix it3

Page 21: UX and Optimisation Course
Page 22: UX and Optimisation Course

2. Customer insights

Page 23: UX and Optimisation Course

Behind bounce, conversions and abandonments rates are real people trying to give you money. Our job is to figure out why. For that, we need empathy

Page 24: UX and Optimisation Course

Mixed methods

• Mapping the user experience

• Expert evaluation & peer analysis

• User testing

• Ethnographic research

• Surveys

Page 25: UX and Optimisation Course
Page 26: UX and Optimisation Course

Feeling the user’s pain

Page 27: UX and Optimisation Course

Feeling the user’s pain

Page 28: UX and Optimisation Course
Page 29: UX and Optimisation Course
Page 30: UX and Optimisation Course
Page 31: UX and Optimisation Course

The best online survey ever?

KissInsights.com

Page 32: UX and Optimisation Course

What’s important?

Page 33: UX and Optimisation Course

The idea came from their photographer who had previously worked in the footwear department at one of their stores. He just instinctively knew to tip over the boots because, in the stores, he watched the customers pick up the boots to look at the tread. Had he not worked there, the team never would've thought to tip the boots over.

Page 34: UX and Optimisation Course

3. Design

Page 35: UX and Optimisation Course

Sketching

Page 36: UX and Optimisation Course

Workshop rules

• No spectators, only participants.

• Not a meeting – an activity to produce designs.

• No abstract conversations, make ideas tangible by sketching them.

sketch review decide

Page 37: UX and Optimisation Course

Lots

A fewgood ones

Create decisions before we make one

Page 38: UX and Optimisation Course

Getting the design right and the right design

Page 39: UX and Optimisation Course
Page 40: UX and Optimisation Course

How the user experience designer made it...

Page 41: UX and Optimisation Course

What the sales agent wanted...

Page 42: UX and Optimisation Course

How the programmer changed it...

Page 43: UX and Optimisation Course

How the programmer changed it...

Page 44: UX and Optimisation Course

What marketing asked for...

Page 45: UX and Optimisation Course

What marketing asked for...

Page 46: UX and Optimisation Course

Don’t forget to run it by legal...

Page 47: UX and Optimisation Course

Don’t forget to run it by legal...

Page 48: UX and Optimisation Course

..but there are rules

Page 49: UX and Optimisation Course
Page 50: UX and Optimisation Course

9 rules of form design1. Ask for as little information as you can2. If it helps the user to answer a question, explain to them why

you’re asking it3. Maintain a straight path to completion4. Align the text according to the rules5. Label the fields in terms your users understand6. Offer intelligent defaults and examples where necessary7. Distinguish between primary and secondary actions8. Offer the user recovery methods when things go wrong9. When a form is complete, explain what happens next

Page 51: UX and Optimisation Course

4. Testing

Page 52: UX and Optimisation Course

• What’s wrong

• Why it’s wrong

• Test alternatives

Page 53: UX and Optimisation Course

What to test

Ad copySite contentEmail Radical design change (ab)Page elements (mvt)

Page 54: UX and Optimisation Course

"The headline is the most important element. It is the telegram which decides the reader whether to read the copy"

Page 55: UX and Optimisation Course

What works or what works best?

“Two for the price of one” OR

“Buy one get one free”

Page 56: UX and Optimisation Course

Buy now

Buy now

Buy now

Buy now

Add to cart

Add to cart

Add to cart

Add to cart

Page 57: UX and Optimisation Course

Where to test firstTop entry pages

with high bounce rates. Pages with good traffic and clear

purpose & conversions

Buy now

Page 58: UX and Optimisation Course

This layout?

Page 59: UX and Optimisation Course

Or this layout?

Page 60: UX and Optimisation Course

Optimizely.com

Page 61: UX and Optimisation Course

12.5% conversion rate

31% conversion rate

Page 62: UX and Optimisation Course
Page 63: UX and Optimisation Course
Page 64: UX and Optimisation Course

+22% in sales

Page 65: UX and Optimisation Course

What to test

Expectation - does the page people land on match the promise made?

Page 66: UX and Optimisation Course

What to test

Clarity of page purpose visual hierarchy, clarity and purpose of content

Page 67: UX and Optimisation Course

What to test

Urgency: are we influencing this?

Buy now only 3 left

Buy now 10% off today

Page 68: UX and Optimisation Course

What to test: trust

Page 69: UX and Optimisation Course

What to test

Distractions

Page 70: UX and Optimisation Course
Page 71: UX and Optimisation Course
Page 72: UX and Optimisation Course
Page 73: UX and Optimisation Course

But what’s the impact?

Page 74: UX and Optimisation Course
Page 75: UX and Optimisation Course

Last Monday at 5:13 PM we removed CAPTCHA from Sampa.

The result: 9.2% improvement on our conversion rate!Marcelo Calbuccihttp://marcelo.sampa.com/

Page 76: UX and Optimisation Course

Remember this one?

Page 77: UX and Optimisation Course
Page 78: UX and Optimisation Course

8.5% conversion rate

Page 79: UX and Optimisation Course
Page 80: UX and Optimisation Course

29.3% conversion rate

Page 81: UX and Optimisation Course

What are you optimising for?

Page 82: UX and Optimisation Course
Page 83: UX and Optimisation Course
Page 84: UX and Optimisation Course
Page 85: UX and Optimisation Course

Optimising for mobile

Page 86: UX and Optimisation Course

Why mobile?

• In the evenings, more searches are done on mobile versus a desktop i.e. the mobile is now used instead of the laptop.

• Smartphone penetration around 32%, expected to double year-on-year

• Mobile-optimised can increase the chances of an impulsive purchase

Page 87: UX and Optimisation Course

Another case study

30%+ of the email offers are read on smartphones (up from 10% last year).

Average order value (AOV) from mobiles are around 1.5 times that of desktop, yet site is not optimized for mobile.

Page 88: UX and Optimisation Course
Page 89: UX and Optimisation Course

Approach

• Focus on the right data & outcomes (KPIs)

• Look for insights

• Take action (design) & test

• Measure & repeat