is design metrically opposed? - jared spool (productcamp boston)
TRANSCRIPT
@jmspoolJared M. Spool
Is Design Metrically Opposed?
1Are we measuring the right thing?
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 1 • [R3]
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 2 • [R3]
@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @
33 Email Addresses@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @
77 Email Addresses
@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @
@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @
33 Email Addresses 77 Email Addresses
More email addresses are better
@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @
All email addresses are equal
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 3 • [R3]
@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @
@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @@ @ @ @ @ @ @ @ @ @ @
More email addresses are betterAll email addresses are equal
Inferences
Observations
Inferences
Observations
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 4 • [R3]
Design DecisionsInferencesObservations
Design Decisions
Inferences
Observations
Design DecisionsInferencesObservations
More email addresses are
better
2nd variant had more email addresses
Use 2nd variant
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 5 • [R3]
Design DecisionsInferencesObservations
Why we think it happened?
What did we see?
How will we improve the
design?
Log file filled with “ ” (blanks)
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 6 • [R3]
Enter button focus was broken
Didn’t enter any search text
Was looking for advanced search
Log file is broken
Design DecisionsInferencesObservations
Broken focus
Log file contained
blanks
Fix Focus
No search text
Advanced search
Log file bug
Add label to search box
Build advancedsearch feature
Fix bug
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 7 • [R3]
The best designers never stop at the first inference.
Log file contained
blanks
Design DecisionsInferencesObservations
Broken focus Fix Focus
No search text
Advanced search
Log file bug
Add label to search box
Build advancedsearch feature
Fix bug
Users didn’t know to
type query into box
Log file contained
blanks
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 8 • [R3]
Research turns inferences into observations.
2Useless measures & silly metrics
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 9 • [R3]
SnapChat AirBNB Uber Facebook
Market Valuation
Instances of letter E on home page
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 10 • [R3]
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 11 • [R3]
Counting the letter E is a stupid metric.
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 12 • [R3]
Measure:
Metric:
Analytic:
Something we can count.
A measure we track.
A measure software tracks.
Time on page
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 13 • [R3]
Time on page
Bounce rate% Exit
Pageviews
Sessions w/search
Time after search
% Search Refinements
Bounce rate
What should we do differently?
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 14 • [R3]
“
R.H. Coase,British economist
If you torture data long enough, it will confess to anything you’d like.”
What Google Analytics can’t tell you:‣What content was useful?
‣What people found confusing?
‣Who is your site’s biggest spender?
‣What do big spenders do that others don’t?
‣What should you do to improve your content?
‣Why did someone click?
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 15 • [R3]
What Google Analytics can’t tell you:
Why?
Conversion Rate
Conversion Rate# of people who purchase
# of people who visited=
1.0 %10,000
1,000,000=
Conversion Rate# of people who purchase
# of people who visited=
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 16 • [R3]
Conversion Rate1.0 %
10,000
1,000,000=
2.0 %20,000
1,000,000=
2.0 %10,000
500,000=
10,000
Conversion Rate
1,000,000=
1,000,000=
500,000=
10,000=
x $100
$1,000,000
20,000 x $100
$2,000,000=
=10,000 x $100
$1,000,000
1.0 %
2.0 %
2.0 %
10,00010,000
20,00020,000
10,00010,000
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 17 • [R3]
Conversion Rate
20,000
1,000,000=
10,000
500,000=
$2,000,000=
= $1,000,000
20,000
10,000
2.0 %
2.0 %
What should we design for?
$2,000,000
$1,000,000
2.0 %
2.0 %
Conversion Rate? Money?
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 18 • [R3]
Conversion Rate
Conversion Rate# of people who purchase
# of people who visited=
Visit Visit Visit Purchase
Conversion Rate = 25 % ?
Conversion Rate = 100 % ?
What conversion rate can’t tell you:
Why?
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 19 • [R3]
Delightful
Amazing
Awesome
Excellent
Remarkable
Incredible
Satisfactory
Satisfactory
Edible
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 20 • [R3]
Achieving satisfaction is too low a bar to set for our designs.
We can do better.
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 21 • [R3]
Satisfied
Satisfied
Neutral
Dissatisfied
Dissatisfied
Extremely Somewhat
Somewhat
Extremely
Satisfaction Survey Scale
DelightedExtremely
DelightedSomewhat
FrustratedSomewhat
FrustratedExtremely
Satisfied
Delight/Frustration Survey Scale
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 22 • [R3]
Pro tip:Nothing says “we don’t care” like a page of 10-point satisfaction scales.
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 23 • [R3]
10-point scales make noise feel like science.
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 24 • [R3]
What satisfaction surveys and Net Promoter Score can’t tell you:
Why?
We need metrics that help us improve our users’ experience.
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 25 • [R3]
3A measured experience.
Customer journey map
☺
☹
Searching for a hotel
Reviewing the property
Reviewing room
rates
Start booking
Guest information
Billing information
Payment inform
ation
Confirm booking
Done!
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 26 • [R3]
☹
Things that users find frustrating
Content that is confusing
☹ Incomplete information
☹ Can’t remember password
☹ Hidden features
☹ Hidden navigation
☹ Confusing navigation
☹ Error messages
Things that users find frustrating
Phone numbers can’t have dashes or spaces.
☹ Error messages
The credit card security code is required (again).
Username and password do not match.
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 27 • [R3]
Case study:
Improve checkout process for a major e-commerce site.
Shipping information
Billing information
Payment inform
ation
Confirm purchase
Done!
100%
50%
Pageviews
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 28 • [R3]
Shipping information
Billing information
Payment inform
ation
Confirm purchase
50%
Pageviews
Shop for product
Review Shopping Cart
100%
Done!
Shipping information
Billing information
Payment inform
ation
Confirm purchase
50%
Pageviews
Shop for product
Review Shopping Cart
Log into account
Request password reset
Click on link in email to reset
Put in new passw
ord
100%
Done!
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 29 • [R3]
Shipping information
Billing information
Payment inform
ation
Confirm purchase
50%
Pageviews
Shop for product
Review Shopping Cart
Log into account
Request password reset
Click on link in email to reset
Put in new passw
ord
100%
Done!
Lost revenue from account sign-in issues:
$300,000,000per year
The team built a guest checkout (no sign-in required).
Recovered the $300,000,000 within 1 year.
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 30 • [R3]
Qualitative usability research
$300,000,000
Quantitative custom metrics+
Most important custom metric:
Unrealized shopping cart value from password issues.
Qualitative findings must drive our quantitative research agenda.
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 31 • [R3]
The team’s initial inferences‣ The checkout steps were where we’d find the
biggest improvement.
‣ It was “normal” to lose customers before checkout.
‣ Cart review went straight to checkout without additional steps.
‣All of the screens were instrumented.
Shipping information
Billing information
Payment inform
ation
Confirm purchase
50%
Pageviews
Shop for product
Review Shopping Cart
Log into account
Request password reset
Click on link in email to reset
Put in new passw
ord
100%
Done!
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 32 • [R3]
Shipping information
Billing information
Payment inform
ation
Confirm purchase
50%
Pageviews
Shop for product
Review Shopping Cart
Log into account
Request password reset
Click on link in email to reset
Put in new passw
ord
100%
Done!☺
☹
Focus quantitative research on frustration.
Observations trump inferences.
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 33 • [R3]
“Analytics are controlled by a different group.”
No longer acceptable:
Owned by the UX Team
Owned by the Analytics TeamUnder new management:
the UX Team
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 34 • [R3]
DJ Patil, US Chief Data Scientist
“Analytics are controlled by a different group.”
Data science is now an essential skill for every UX team.
No longer acceptable:
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 35 • [R3]
Continually question what the metric is trying to tell you.
No longer acceptable:
“I don’t understand what the metrics mean.”
Keep the numbers simple, so you can focus on the behaviors.
No longer acceptable:
“I’m not good with numbers.”
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 36 • [R3]
Applying targeted metrics to qualitative research: a powerful addition to the UX designer’s toolkit.
4Who collects the metrics?
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 37 • [R3]
Design:The Renderingof Intent
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 38 • [R3]
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 39 • [R3]
Myspace
Mon
thly
Act
ive
User
s
Market ValuationPinterest
Snapchat
YouTube
TumblrInstagram
0
1,000,000,000
$0 $40,000,000,000
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 40 • [R3]
“
Robert Fabricant
The medium of design is behavior”
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 41 • [R3]
Design must drive metric collection, not the other way around.
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 42 • [R3]
5Moving beyond satisfaction.
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 43 • [R3]
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 44 • [R3]
Gallup CE11
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 45 • [R3]
Loyalty
Confidence
Integrity
Pride
Passion
Gallup CE11
Loyalty
Confidence
Integrity
Pride
Passion
Gallup CE11
This product’s company is a source I can trust.
This product’s company always delivers on what they promise.
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 46 • [R3]
Loyalty
Confidence
Integrity
Pride
Passion
Gallup CE11
I am always proud to be a customer of this product’s company.
This product’s company always treat me with respect.
Loyalty
Confidence
Integrity
Pride
Passion
Gallup CE11
This product’s company is perfect for people like me.
I can’t imagine a world without this product’s company.
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 47 • [R3]
Loyalty
Confidence
Integrity
Pride
Passion
Gallup CE11I Agree
I’m Not SureI Don’t Agree
+10
-1
Result scale: +11 to -11
6.2
5.5
4.5
4.3 3.0
1.41.4
-1.00.5
1.1
Measuring Engagement While Buying Electronics
Amazon Best Buy Dell HP Walmart
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 48 • [R3]
Metrics must drive us to eliminate frustration and deliver delight.
Delight and engagement go hand in hand.
Gallup CE11
http://bit.ly/gallup-ce11
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 49 • [R3]
Is Design Metrically Opposed?‣We need metrics that help us improve the experience.
‣Avoid jumping from observations to inference too soon.‣ Make sure you’re testing alternative inferences.
‣ Customize metrics to match experience objectives.
‣Data science is now an essential UX skill.
@jmspoolGo ahead! Follow me on the Twitters.
Find me at:
Copyright © 2014 User Interface Engineering
Don’t forget to connect to me on the LinkedIn.
uie.com
Is Design Metrically Opposed? User Interface Engineering - www.uie.com
© Copyright 2015, User Interface Engineering. All Rights Reserved. Page 50 • [R3]