CRO: The science of UX
Transcript of CRO: The science of UX
CRO: The science of UX
Refreshments courtesy of
WIFI:SpacePortXSpacePortX
@RealUXMCR
CRO The Science of UX
#UXManchester@RealUXMCR
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
WTFIS
CRO
#UXManchester@RealUXMCR
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
Yeah but…
WTF IS CRO
#UXManchester@RealUXMCR
Well, most people think it’s like this simple A/B Test…
Which test won?
A B
#UXManchester@RealUXMCR
Well, most people think it’s like this simple A/B Test…
Which test won?
A B
#UXManchester@RealUXMCR
+10%Conversion Rate
Welcome to the world of
CRO
#UXManchester@RealUXMCR
“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
Observation and
Experimentation=
Measurement
#UXManchester@RealUXMCR
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
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
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
THE ‘U’ IN UX
#UXManchester@RealUXMCR
‘UX’ in the traditional sense is all about ‘can do’...
#UXManchester@RealUXMCR
And rightly so, it’s integral to get the fundamentals right…
#UXManchester@RealUXMCR
However, designing for ‘can do’ is only half of the story.
#UXManchester@RealUXMCR
“UX doesn’t happen on the screen, it happens in the mind.”
John Whalen, Brilliant Experience
#UXManchester@RealUXMCR
1. ‘Physical’ behaviour
#UXManchester@RealUXMCR
2. ‘Subconscious’ behaviour
#UXManchester@RealUXMCR
So, we should just ask them, right?
#UXManchester@RealUXMCR
“We are more like Homer Simpson than Superman.”
Dan Ariely - Predictably Irrational
#UXManchester@RealUXMCR
Even when the judgments of others are obviously wrong, conformity occurs
#UXManchester@RealUXMCR
“The mind is like an iceberg, it floats with one-seventh of its
bulk above water.” Sigmund Freud
#UXManchester@RealUXMCR
#UXManchester@RealUXMCR
Quantitative data gives
you the ‘what’…
#UXManchester@RealUXMCR
Qualitative research gives
you the ‘why’.
#UXManchester@RealUXMCR
This all sounds like a lot of extra work…
#UXManchester@RealUXMCR
QUALITATIVE TECHNIQUES
#UXManchester@RealUXMCR
Tools
#UXManchester@RealUXMCR
QUANTATIVE TECHNIQUES
#UXManchester@RealUXMCR
Tools
#UXManchester@RealUXMCR
Then what?
#UXManchester@RealUXMCR
Because we saw…
We expect that...
Will impact…
#UXManchester@RealUXMCR
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
THREETOP TIPS
#UXManchester@RealUXMCR
Creative Workshops
TOP TIP No. 1
#UXManchester@RealUXMCR
Divergent & Convergent Thinking
#UXManchester@RealUXMCR
Divergent & Convergent Thinking
#UXManchester@RealUXMCR
6 UP Sketching
#UXManchester@RealUXMCR
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
TOP TIP
No. 2
#UXManchester@RealUXMCR
Layout & Structure
#UXManchester@RealUXMCR
Layout & Structure
#UXManchester@RealUXMCR
Layout & Structure
#UXManchester@RealUXMCR
Layout & Structure
Which test won?
A B
#UXManchester@RealUXMCR
Layout & Structure
+11%Product page views
Which test won?
A B
#UXManchester@RealUXMCR
TOP TIP
No. 3
#UXManchester@RealUXMCR
NEGATIVE TESTING
#UXManchester@RealUXMCR
Negative Testing
#UXManchester@RealUXMCR
AExisting Copy
BNo Copy
CLorem Ipsum
#UXManchester@RealUXMCR
BNo Copy
CLorem Ipsum
Less Bookings No Difference
AExisting Copy
#UXManchester@RealUXMCR
So…Bringing it all together
#UXManchester@RealUXMCR
#UXManchester@RealUXMCR
King & McGaw
#UXManchester@RealUXMCR
Objective
To increase conversion rate of framed prints
#UXManchester@RealUXMCR
Moderated User Research
#UXManchester@RealUXMCR
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
Original Product Page
#UXManchester@RealUXMCR
6 UP Sketching
#UXManchester@RealUXMCR
6 UP Sketching
#UXManchester@RealUXMCR
Wireframing
#UXManchester@RealUXMCR
Initial idea
#UXManchester@RealUXMCR
Second idea
#UXManchester@RealUXMCR
Prototype Remote User Research
#UXManchester@RealUXMCR
Test Results
+19%More Frames Purchased which drove AOV up.
#UXManchester@RealUXMCR
Follow up test
+35%Default to frame increased by 35% more purchase with frame which drove AOV up.
#UXManchester@RealUXMCR
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
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
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