is design metrically opposed? - jared spool (productcamp boston)

50
@jmspool Jared M. Spool Is Design Metrically Opposed? 1 Are 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]

Upload: productcamp-boston

Post on 16-Jul-2015

131 views

Category:

Marketing


1 download

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

Whatsapp

Snapchat

LinkedIn

Twitter

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.

[email protected]

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]