CRO: The science of UX

71
CRO: The science of UX Refreshments courtesy of WIFI: SpacePortX SpacePortX @RealUXMCR

Transcript of CRO: The science of UX

Page 1: CRO: The science of UX

CRO: The science of UX

Refreshments courtesy of

WIFI:SpacePortXSpacePortX

@RealUXMCR

Page 2: CRO: The science of UX

CRO The Science of UX

#UXManchester@RealUXMCR

Page 3: CRO: The science of UX

Hello!

At PRWD Emma leads multiple

ongoing optimisation programmes for

enterprise level clients, including

Wilko & Bensons for Beds.

Phil Williams

Senior UX Designer

Leading the Design and Development team at PRWD,

Phil challenges you to think differently running

creative workshops and collaborative sketching

sessions to achieve user and business goals.

Emma Travis

Senior Optimisation Strategist

@emma_travo@philwilldesign

#UXManchester@RealUXMCR

Page 4: CRO: The science of UX

WTFIS

CRO

#UXManchester@RealUXMCR

Page 5: CRO: The science of UX

Conversion Rate Optimization (CRO) is a system for increasing the percentage of visitors to a website that convert into customers, or more generally, take any

desired action on a webpage.

It is commonly referred to as CRO

#UXManchester@RealUXMCR

Page 6: CRO: The science of UX

Yeah but…

WTF IS CRO

#UXManchester@RealUXMCR

Page 7: CRO: The science of UX

Well, most people think it’s like this simple A/B Test…

Which test won?

A B

#UXManchester@RealUXMCR

Page 8: CRO: The science of UX

Well, most people think it’s like this simple A/B Test…

Which test won?

A B

#UXManchester@RealUXMCR

+10%Conversion Rate

Page 9: CRO: The science of UX

Welcome to the world of

CRO

#UXManchester@RealUXMCR

Page 10: CRO: The science of UX

“The intellectual and practical activity encompassing the systematic study of the

structure and behaviour of the physical and natural world through observation

and experimentation”

#UXManchester@RealUXMCR

Page 11: CRO: The science of UX

Observation and

Experimentation=

Measurement

#UXManchester@RealUXMCR

Page 12: CRO: The science of UX

PRWD’s Optimisation Growth Methodology™

LEARNIN

GTESTIN

G

BUSINESS INSIGHT

HEURISTIC EVA

LUA

TION

DA

TA A

NA

LYS

IS

TECH

NICAL AUDIT

USER RESEARCH DESIGN & USER EXPERIENC

COPY

& P

ER

SUA

SIO

N

PS

YC

HO

LOG

Y

DAT

A S

CIENCE

PERSONALISATION

#UXManchester@RealUXMCR

Page 13: CRO: The science of UX

PRWD’s Optimisation Growth Methodology™

LEARNIN

GTESTIN

G

BUSINESS INSIGHT

HEURISTIC EVA

LUA

TION

DA

TA A

NA

LYS

IS

TECH

NICAL AUDIT

USER RESEARCH DESIGN & USER EXPERIENC

COPY

& P

ER

SUA

SIO

N

PS

YC

HO

LOG

Y

DAT

A S

CIENCE

PERSONALISATION

#UXManchester@RealUXMCR

Page 14: CRO: The science of UX

PRWD’s Optimisation Growth Methodology™

LEARNIN

GTESTIN

G

BUSINESS INSIGHT

HEURISTIC EVA

LUA

TION

DA

TA A

NA

LYS

IS

TECH

NICAL AUDIT

USER RESEARCH DESIGN & USER EXPERIENC

COPY

& P

ER

SUA

SIO

N

PS

YC

HO

LOG

Y

DAT

A S

CIENCE

PERSONALISATION

#UXManchester@RealUXMCR

Page 15: CRO: The science of UX

THE ‘U’ IN UX

#UXManchester@RealUXMCR

Page 16: CRO: The science of UX

‘UX’ in the traditional sense is all about ‘can do’...

#UXManchester@RealUXMCR

Page 17: CRO: The science of UX

And rightly so, it’s integral to get the fundamentals right…

#UXManchester@RealUXMCR

Page 18: CRO: The science of UX

However, designing for ‘can do’ is only half of the story.

#UXManchester@RealUXMCR

Page 19: CRO: The science of UX

“UX doesn’t happen on the screen, it happens in the mind.”

John Whalen, Brilliant Experience

#UXManchester@RealUXMCR

Page 20: CRO: The science of UX

1. ‘Physical’ behaviour

#UXManchester@RealUXMCR

Page 21: CRO: The science of UX

2. ‘Subconscious’ behaviour

#UXManchester@RealUXMCR

Page 22: CRO: The science of UX

So, we should just ask them, right?

#UXManchester@RealUXMCR

Page 23: CRO: The science of UX

“We are more like Homer Simpson than Superman.”

Dan Ariely - Predictably Irrational

#UXManchester@RealUXMCR

Page 24: CRO: The science of UX

Even when the judgments of others are obviously wrong, conformity occurs

#UXManchester@RealUXMCR

Page 25: CRO: The science of UX

“The mind is like an iceberg, it floats with one-seventh of its

bulk above water.” Sigmund Freud

#UXManchester@RealUXMCR

Page 26: CRO: The science of UX

#UXManchester@RealUXMCR

Page 27: CRO: The science of UX

Quantitative data gives

you the ‘what’…

#UXManchester@RealUXMCR

Page 28: CRO: The science of UX

Qualitative research gives

you the ‘why’.

#UXManchester@RealUXMCR

Page 29: CRO: The science of UX

This all sounds like a lot of extra work…

#UXManchester@RealUXMCR

Page 30: CRO: The science of UX

QUALITATIVE TECHNIQUES

#UXManchester@RealUXMCR

Page 31: CRO: The science of UX

Tools

#UXManchester@RealUXMCR

Page 32: CRO: The science of UX

QUANTATIVE TECHNIQUES

#UXManchester@RealUXMCR

Page 33: CRO: The science of UX

Tools

#UXManchester@RealUXMCR

Page 34: CRO: The science of UX

Then what?

#UXManchester@RealUXMCR

Page 35: CRO: The science of UX

Because we saw…

We expect that...

Will impact…

#UXManchester@RealUXMCR

Page 36: CRO: The science of UX

The Testing Phase

Design & User Experience

Sketching Workshops

6 UP Sessions

Wireframing (Sketch/illustrator)

Balsamiq Mockups

Rendered Visuals

Colour Theory

Typography

Hierarchy

Layout and structure

Prototyping

#UXManchester@RealUXMCR

Page 37: CRO: The science of UX

THREETOP TIPS

#UXManchester@RealUXMCR

Page 38: CRO: The science of UX

Creative Workshops

TOP TIP No. 1

#UXManchester@RealUXMCR

Page 39: CRO: The science of UX

Divergent & Convergent Thinking

#UXManchester@RealUXMCR

Page 40: CRO: The science of UX

Divergent & Convergent Thinking

#UXManchester@RealUXMCR

Page 41: CRO: The science of UX

6 UP Sketching

#UXManchester@RealUXMCR

Page 42: CRO: The science of UX

6 UP SketchingLEADING A SKETCHING WORKSHOP

Pros– How radical do people want to be?

– What level of risk people will accept?

– What constraints can we identify

that will be useful

– It leads to better test concepts

– It’s fun

Cons– One of two people dominate

or hijack the session

– It’s time consuming

– It requires skilled leaders

#UXManchester@RealUXMCR

Page 43: CRO: The science of UX

TOP TIP

No. 2

#UXManchester@RealUXMCR

Page 44: CRO: The science of UX

Layout & Structure

#UXManchester@RealUXMCR

Page 45: CRO: The science of UX

Layout & Structure

#UXManchester@RealUXMCR

Page 46: CRO: The science of UX

Layout & Structure

#UXManchester@RealUXMCR

Page 47: CRO: The science of UX

Layout & Structure

Which test won?

A B

#UXManchester@RealUXMCR

Page 48: CRO: The science of UX

Layout & Structure

+11%Product page views

Which test won?

A B

#UXManchester@RealUXMCR

Page 49: CRO: The science of UX

TOP TIP

No. 3

#UXManchester@RealUXMCR

Page 50: CRO: The science of UX

NEGATIVE TESTING

#UXManchester@RealUXMCR

Page 51: CRO: The science of UX

Negative Testing

#UXManchester@RealUXMCR

Page 52: CRO: The science of UX

AExisting Copy

BNo Copy

CLorem Ipsum

#UXManchester@RealUXMCR

Page 53: CRO: The science of UX

BNo Copy

CLorem Ipsum

Less Bookings No Difference

AExisting Copy

#UXManchester@RealUXMCR

Page 54: CRO: The science of UX

So…Bringing it all together

#UXManchester@RealUXMCR

Page 55: CRO: The science of UX

#UXManchester@RealUXMCR

Page 56: CRO: The science of UX

King & McGaw

#UXManchester@RealUXMCR

Page 57: CRO: The science of UX

Objective

To increase conversion rate of framed prints

#UXManchester@RealUXMCR

Page 58: CRO: The science of UX

Moderated User Research

#UXManchester@RealUXMCR

Page 59: CRO: The science of UX

King & McGaw Case Study

Ahh I didn’t know they

sold frames!Participant No. Three

I’m struggling a bit to figure

out how to add a frame?Participant No. Seven

User Research Quotes

#UXManchester@RealUXMCR

Page 60: CRO: The science of UX

Original Product Page

#UXManchester@RealUXMCR

Page 61: CRO: The science of UX

6 UP Sketching

#UXManchester@RealUXMCR

Page 62: CRO: The science of UX

6 UP Sketching

#UXManchester@RealUXMCR

Page 63: CRO: The science of UX

Wireframing

#UXManchester@RealUXMCR

Page 64: CRO: The science of UX

Initial idea

#UXManchester@RealUXMCR

Page 65: CRO: The science of UX

Second idea

#UXManchester@RealUXMCR

Page 66: CRO: The science of UX

Prototype Remote User Research

#UXManchester@RealUXMCR

Page 67: CRO: The science of UX

Test Results

+19%More Frames Purchased which drove AOV up.

#UXManchester@RealUXMCR

Page 68: CRO: The science of UX

Follow up test

+35%Default to frame increased by 35% more purchase with frame which drove AOV up.

#UXManchester@RealUXMCR

Page 69: CRO: The science of UX

Everyone’s Happy!

Read this article from Nick Boyce, Head of E-Commerce at King & McGaw

5 steps to a better A/B testing processAfter four years of A/B testing at King & McGaw we’ve found a

process that is consistently producing positive results. No magic dust, just planning and hard work.

http://bit.ly/2dPjAfR

#UXManchester@RealUXMCR

Page 70: CRO: The science of UX

LEARNIN

GTESTIN

G

BUSINESS INSIGHT

HEURISTIC EVA

LUA

TION

DA

TA A

NA

LYS

IS

TECH

NICAL AUDIT

USER RESEARCH DESIGN & USER EXPERIENC

COPY

& P

ER

SUA

SIO

N

PS

YC

HO

LOG

Y

DAT

A S

CIENCE

PERSONALISATION

#UXManchester@RealUXMCR

Page 71: CRO: The science of UX

THANK YOU

#UXManchester@RealUXMCR

To find out more about PRWD and our CRO Programme visit http://bit.ly/1P07A9S

Also visit http://cromaturityaudit.com/to benchmark your own CRO Maturity