Beyond Pretty: Creating Better Products with Measurable Design

84
Beyond Pretty Creating better products with measurable design Melissa Perri | @lissijean Agile On the Beach 2014

description

Agile On the Beach 2014

Transcript of Beyond Pretty: Creating Better Products with Measurable Design

Page 1: Beyond Pretty: Creating Better Products with Measurable Design

Beyond PrettyCreating better products with measurable design

Melissa Perri | @lissijean Agile On the Beach 2014

Page 2: Beyond Pretty: Creating Better Products with Measurable Design
Page 3: Beyond Pretty: Creating Better Products with Measurable Design

say hi.

@lissijean

Page 4: Beyond Pretty: Creating Better Products with Measurable Design

5seconds

@lissijean

Page 5: Beyond Pretty: Creating Better Products with Measurable Design

like, woah.

@lissijean

Page 6: Beyond Pretty: Creating Better Products with Measurable Design

Design is not just “Design”.

@lissijean

Page 7: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 8: Beyond Pretty: Creating Better Products with Measurable Design

Visual Design

@lissijean

Page 9: Beyond Pretty: Creating Better Products with Measurable Design

My profile

User’s Feed Advertisement

Information Architecture

Menu

@lissijean

Page 10: Beyond Pretty: Creating Better Products with Measurable Design

UI Design

@lissijean

Page 11: Beyond Pretty: Creating Better Products with Measurable Design

UX

UX Design

@lissijean

Page 12: Beyond Pretty: Creating Better Products with Measurable Design

Marketing Design

@lissijean

Page 13: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 14: Beyond Pretty: Creating Better Products with Measurable Design

Intuitive, Personal

Concrete, Unbiased

UX UIVisualMarketing IA

@lissijean

Page 15: Beyond Pretty: Creating Better Products with Measurable Design

What cannot be defined, cannot be measured;

what cannot be measured, cannot be managed.

-Paul Lillrank

@lissijean

Page 16: Beyond Pretty: Creating Better Products with Measurable Design

idea

@lissijean

Page 17: Beyond Pretty: Creating Better Products with Measurable Design

user research

@lissijean

Page 18: Beyond Pretty: Creating Better Products with Measurable Design

wireframes

@lissijean

Page 19: Beyond Pretty: Creating Better Products with Measurable Design

visual design

@lissijean

Page 20: Beyond Pretty: Creating Better Products with Measurable Design

launch

@lissijean

Page 21: Beyond Pretty: Creating Better Products with Measurable Design

delighted users

@lissijean

Page 22: Beyond Pretty: Creating Better Products with Measurable Design

how we plan for design

@lissijean

Page 23: Beyond Pretty: Creating Better Products with Measurable Design

what happens here?

@lissijean

Page 24: Beyond Pretty: Creating Better Products with Measurable Design

a series of decisions

@lissijean

Page 25: Beyond Pretty: Creating Better Products with Measurable Design

ONE WAY

@lissijean

Page 26: Beyond Pretty: Creating Better Products with Measurable Design

Treat your design as a hypothesis?@lissijean

Page 27: Beyond Pretty: Creating Better Products with Measurable Design

how design process should

work

@lissijean

Page 28: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 29: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 30: Beyond Pretty: Creating Better Products with Measurable Design

quantitative qualitative

@lissijean

Page 31: Beyond Pretty: Creating Better Products with Measurable Design

quantitativenoticing trends

measuring against KPIs

@lissijean

Page 32: Beyond Pretty: Creating Better Products with Measurable Design

quantitativenoticing trends

measuring against KPIs

50% of our users log in only once a week.

@lissijean

Page 33: Beyond Pretty: Creating Better Products with Measurable Design

quantitativenoticing trends

measuring against KPIs

43% of our users do not complete checkout.

@lissijean

Page 34: Beyond Pretty: Creating Better Products with Measurable Design

quantitativenoticing trends

measuring against KPIs

76% of our users do not return after first use.

@lissijean

Page 35: Beyond Pretty: Creating Better Products with Measurable Design

quantitative can’t tell you why.

@lissijean

Page 36: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 37: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 38: Beyond Pretty: Creating Better Products with Measurable Design

qualitativeobserving behavior

finding meaning

@lissijean

Page 39: Beyond Pretty: Creating Better Products with Measurable Design

qualitativeobserving behavior

finding meaning

Those 50% of users only need our data once a week.

@lissijean

Page 40: Beyond Pretty: Creating Better Products with Measurable Design

qualitativeobserving behavior

finding meaning

Those 43% find our checkout process very confusing.

@lissijean

Page 41: Beyond Pretty: Creating Better Products with Measurable Design

qualitativeobserving behavior

finding meaning

Those 76% couldn’t find what they were looking for.

@lissijean

Page 42: Beyond Pretty: Creating Better Products with Measurable Design

Metrics are not a replacement for user research.

@lissijean

Page 43: Beyond Pretty: Creating Better Products with Measurable Design

Measurable Design Design judged on qualitative and quantitative measurements that determines if it achieves a goal.

@lissijean

Page 44: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 45: Beyond Pretty: Creating Better Products with Measurable Design

‣What is our goal?

‣Who is our customer?

‣What is the problem?

‣What small step can we take?

‣How do we measure success?

@lissijean

Page 46: Beyond Pretty: Creating Better Products with Measurable Design

‣What is our goal?

‣Who is our customer?

‣What is the problem?

‣What small step can we take?

‣How do we measure success?

@lissijean

Page 47: Beyond Pretty: Creating Better Products with Measurable Design

clear goal@lissijean

Page 48: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 49: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 50: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 51: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 52: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 53: Beyond Pretty: Creating Better Products with Measurable Design

Increase usage by sellers.

goal

@lissijean

Page 54: Beyond Pretty: Creating Better Products with Measurable Design

‣What is our goal?

‣Who is our customer?

‣What is the problem?

‣What small step can we take?

‣How do we measure success?

@lissijean

Page 55: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 56: Beyond Pretty: Creating Better Products with Measurable Design

User Research

@lissijean

Page 57: Beyond Pretty: Creating Better Products with Measurable Design

Celebrities short on time, not very tech savvy

users

@lissijean

Page 58: Beyond Pretty: Creating Better Products with Measurable Design

‣What is our goal?

‣Who is our customer?

‣What is the problem?

‣What small step can we take?

‣How do we measure success?

@lissijean

Page 59: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 60: Beyond Pretty: Creating Better Products with Measurable Design

5second

test@lissijean

Page 61: Beyond Pretty: Creating Better Products with Measurable Design
Page 62: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 63: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 64: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 65: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 66: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 67: Beyond Pretty: Creating Better Products with Measurable Design

Navigation & Medium

problem

@lissijean

Page 68: Beyond Pretty: Creating Better Products with Measurable Design

‣What is our goal?

‣Who is our customer?

‣What is the problem?

‣What small step can we take?

‣How do we measure success?

@lissijean

Page 69: Beyond Pretty: Creating Better Products with Measurable Design

Small, measured changes.

@lissijean

Page 70: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 71: Beyond Pretty: Creating Better Products with Measurable Design

Information Hierarchy biggest problem

step

@lissijean

Page 72: Beyond Pretty: Creating Better Products with Measurable Design

Dashboard | Products | Comments

My Revenue for April My Revenue for 2012

$25,000 $95,000

My Products Going Live TomorrowThe Super Awesome BlenderThe Leather Chef Mate

My Best SellersThe Great Grill!! ! 500 sold! ! ! $50,000The Grill Master Set!! 300 sold! ! ! $20,000

@lissijean

Page 73: Beyond Pretty: Creating Better Products with Measurable Design

Medium phone version

step

@lissijean

Page 74: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 75: Beyond Pretty: Creating Better Products with Measurable Design

‣What is our goal?

‣Who is our customer?

‣What is the problem?

‣What small step can we take?

‣How do we measure success?

@lissijean

Page 76: Beyond Pretty: Creating Better Products with Measurable Design

Decrease in staff time

Increase in usage

success

@lissijean

Page 77: Beyond Pretty: Creating Better Products with Measurable Design

Design sprints

@lissijean

Page 78: Beyond Pretty: Creating Better Products with Measurable Design
Page 79: Beyond Pretty: Creating Better Products with Measurable Design

Good design solves a problem.{ }

@lissijean

Page 80: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

Page 81: Beyond Pretty: Creating Better Products with Measurable Design

@lissijean

melissaperri.com

[email protected]

any questions?

Page 82: Beyond Pretty: Creating Better Products with Measurable Design

best practices?

@lissijean

Page 83: Beyond Pretty: Creating Better Products with Measurable Design
Page 84: Beyond Pretty: Creating Better Products with Measurable Design