shiny hammers — utility + usability + beauty

126
Shiny Hammers

Upload: randy-reddig

Post on 01-Nov-2014

3.247 views

Category:

Design


0 download

DESCRIPTION

Slides from my talks at Optimal Experience in Wellington, New Zealand, and the H2O Summit at LinkedIn HQ, October 2013.

TRANSCRIPT

Page 1: Shiny Hammers — utility + usability + beauty

Shiny Hammers

Page 2: Shiny Hammers — utility + usability + beauty

This is a talk about altruism.

Page 3: Shiny Hammers — utility + usability + beauty

Also, vanity and laziness.

Page 4: Shiny Hammers — utility + usability + beauty

About alignment of interests.

Page 5: Shiny Hammers — utility + usability + beauty

About earning happy customers.

Page 6: Shiny Hammers — utility + usability + beauty

And keeping them.

Page 7: Shiny Hammers — utility + usability + beauty

By investing in design.

Page 8: Shiny Hammers — utility + usability + beauty

Design?

Page 9: Shiny Hammers — utility + usability + beauty

Design = creation of something that does work

Page 10: Shiny Hammers — utility + usability + beauty

…so people don’t have to.

Page 11: Shiny Hammers — utility + usability + beauty

Design = innovation

Page 12: Shiny Hammers — utility + usability + beauty

Design = leverage

Page 13: Shiny Hammers — utility + usability + beauty

name, logo, meme

hardware, software, service

recipe, guide, mantra

Page 14: Shiny Hammers — utility + usability + beauty

Design is a fundamental

human pursuit.

Page 15: Shiny Hammers — utility + usability + beauty

firethe wheelagriculturearchitecturerule of lawmedicine

society

Page 16: Shiny Hammers — utility + usability + beauty

Design is aboutscaling people.

Page 17: Shiny Hammers — utility + usability + beauty

Product Design

Page 18: Shiny Hammers — utility + usability + beauty

Product design =investment in customer

acquisition and retention

Page 19: Shiny Hammers — utility + usability + beauty

Retention = happiness

Page 20: Shiny Hammers — utility + usability + beauty

Happiness?

Page 21: Shiny Hammers — utility + usability + beauty

Back to hammers…

Page 22: Shiny Hammers — utility + usability + beauty

Everyone has a shiny hammer.

Page 23: Shiny Hammers — utility + usability + beauty

The tool you reach for first,the tool you feel great using.

Page 24: Shiny Hammers — utility + usability + beauty

The tool that helps you scale.

Page 25: Shiny Hammers — utility + usability + beauty

Three Things to Consider

Page 26: Shiny Hammers — utility + usability + beauty

Good

Cheap Fast

Page 27: Shiny Hammers — utility + usability + beauty

Utility

Beauty Usability

Page 28: Shiny Hammers — utility + usability + beauty

Utility

Beauty Usability

Page 29: Shiny Hammers — utility + usability + beauty

Utility = work

Page 30: Shiny Hammers — utility + usability + beauty

Utility = capability to do work(for a customer)

Page 31: Shiny Hammers — utility + usability + beauty

Utility

Beauty Usability

Page 32: Shiny Hammers — utility + usability + beauty

Usability = cost

Page 33: Shiny Hammers — utility + usability + beauty

Usability = cost to access utility

Page 34: Shiny Hammers — utility + usability + beauty

Cost = time + $,fixed and variable

Page 35: Shiny Hammers — utility + usability + beauty

Fixed usability cost =evaluation, implementation,

switching cost, learning curve

Page 36: Shiny Hammers — utility + usability + beauty

Variable usability cost =maintenance, usage,

exception cost

Page 37: Shiny Hammers — utility + usability + beauty

Utility

Beauty Usability

Page 38: Shiny Hammers — utility + usability + beauty

Beauty = concisedescription of value

Page 39: Shiny Hammers — utility + usability + beauty

Value = utility × usability

Page 40: Shiny Hammers — utility + usability + beauty

Beauty works toevoke positive emotion,

e.g. confidence, trust.

Page 41: Shiny Hammers — utility + usability + beauty

Beauty maximizes the oddsa potential customer will

consider your product

Page 42: Shiny Hammers — utility + usability + beauty

…or an existing customer will evangelize it.

Page 43: Shiny Hammers — utility + usability + beauty

Accessible Utility

Page 44: Shiny Hammers — utility + usability + beauty

Everything designed hasmaximum theoretical utility.

Page 45: Shiny Hammers — utility + usability + beauty

Accessible utility = theoretical utility × usability

= efficiency = value

Page 46: Shiny Hammers — utility + usability + beauty

Greater usability = lower cost

Page 47: Shiny Hammers — utility + usability + beauty

For equivalent utility, increased usability =

greater value

Page 48: Shiny Hammers — utility + usability + beauty

For each customer, every product has maximum

utilizable value.

Page 49: Shiny Hammers — utility + usability + beauty

(More sophisticated customers can access greater utility.)

Page 50: Shiny Hammers — utility + usability + beauty

Each potential customer has a budget (time + $)

to invest in your product.

Page 51: Shiny Hammers — utility + usability + beauty

To acquire a customer, you must meet their

accessibility threshold—their budget.

Page 52: Shiny Hammers — utility + usability + beauty

Obviously this is perceptual—witness success of certain

products, e.g. vices.

Page 53: Shiny Hammers — utility + usability + beauty

Surplus Time

Page 54: Shiny Hammers — utility + usability + beauty

Great products give time back.

Page 55: Shiny Hammers — utility + usability + beauty

Time back = happier customers

Page 56: Shiny Hammers — utility + usability + beauty

Customers will invest surplus time

back into your product.

Page 57: Shiny Hammers — utility + usability + beauty

A product that helps your customers scale,

helps you scale.

Page 58: Shiny Hammers — utility + usability + beauty

Organic growth,user communities,

evangelists.

Page 59: Shiny Hammers — utility + usability + beauty

Constraints

Page 60: Shiny Hammers — utility + usability + beauty

Why invest in design?

Page 61: Shiny Hammers — utility + usability + beauty

Investment in designinvests in your customers

and invests in growth.

Page 62: Shiny Hammers — utility + usability + beauty

Investing in design says“I like my customers” and

“I want more.”

Page 63: Shiny Hammers — utility + usability + beauty

Altruism =“I can help you”

Page 64: Shiny Hammers — utility + usability + beauty

Vanity =“I can help you”

Page 65: Shiny Hammers — utility + usability + beauty

Laziness =“I have limited resources”

Page 66: Shiny Hammers — utility + usability + beauty

Designing a product to scale?

Page 67: Shiny Hammers — utility + usability + beauty

Where are you constrained?

Page 68: Shiny Hammers — utility + usability + beauty

salessupport

developmentoperationscustomers

Page 69: Shiny Hammers — utility + usability + beauty

If you have zero customers,there is only one right answer.

Page 70: Shiny Hammers — utility + usability + beauty

Design investment changesas you build relationships

with customers.

Page 71: Shiny Hammers — utility + usability + beauty

Design investment is a deliberateallocation of resources between

utility, usability, and beauty.

Page 72: Shiny Hammers — utility + usability + beauty

Focus shifts as yourtarget customers change.

Page 73: Shiny Hammers — utility + usability + beauty

New needs require new investment in utility.

Page 74: Shiny Hammers — utility + usability + beauty

Growing businesses

Page 75: Shiny Hammers — utility + usability + beauty

Enterprise

Page 76: Shiny Hammers — utility + usability + beauty

China

Page 77: Shiny Hammers — utility + usability + beauty

Invest in usabilityto reach customers

with fewer resourcesor simpler needs.

Page 78: Shiny Hammers — utility + usability + beauty
Page 79: Shiny Hammers — utility + usability + beauty

Maximize shareof existing markets.

Page 80: Shiny Hammers — utility + usability + beauty

Empower the layman.

Page 81: Shiny Hammers — utility + usability + beauty

Invest in beauty to address changing tastes

or new customers withdifferent tastes.

Page 82: Shiny Hammers — utility + usability + beauty
Page 83: Shiny Hammers — utility + usability + beauty
Page 84: Shiny Hammers — utility + usability + beauty
Page 85: Shiny Hammers — utility + usability + beauty

In a competitive environment,there is no normal.

Page 86: Shiny Hammers — utility + usability + beauty

Usability in Practice

Page 87: Shiny Hammers — utility + usability + beauty

Avoid falling into the product trap.

Page 88: Shiny Hammers — utility + usability + beauty

Not every usability problemshould be solved with UX.

Page 89: Shiny Hammers — utility + usability + beauty

Sometimes it’s cheaper tothrow people at the problem.

Page 90: Shiny Hammers — utility + usability + beauty

(Or cheaper people. It depends where

you’re constrained.)

Page 91: Shiny Hammers — utility + usability + beauty

Customer Support

Page 92: Shiny Hammers — utility + usability + beauty

Customer support is a greatway to increase usability atlow cost to your customers.

Page 93: Shiny Hammers — utility + usability + beauty

It’s also a great feedback mechanism.

Page 94: Shiny Hammers — utility + usability + beauty

Obviously, this isn’t scalable—“web-scale,” anyway.

Page 95: Shiny Hammers — utility + usability + beauty

If you only have 10 customers,you don’t have a scaling problem.

Page 96: Shiny Hammers — utility + usability + beauty

You have a “I only have 10 customers”

problem.

Page 97: Shiny Hammers — utility + usability + beauty

Documentation

Page 98: Shiny Hammers — utility + usability + beauty

How fast is yourproduct evolving?

Page 99: Shiny Hammers — utility + usability + beauty

A high rate of change makesdocumentation obsolete quickly.

Page 100: Shiny Hammers — utility + usability + beauty

Document stable or matureparts of your product.

Leave the rest to support.

Page 101: Shiny Hammers — utility + usability + beauty

Community

Page 102: Shiny Hammers — utility + usability + beauty

Do your customers talk to each other?

Page 103: Shiny Hammers — utility + usability + beauty

Do they have surplus time to spend on your product?

Page 104: Shiny Hammers — utility + usability + beauty

Seed a community—Twitter, Facebook,

forums, mailing lists.

Page 105: Shiny Hammers — utility + usability + beauty

Reward altruisticcustomer behavior.

Page 106: Shiny Hammers — utility + usability + beauty

Interface Design

Page 107: Shiny Hammers — utility + usability + beauty

Does your product dosomething new,

or something better?

Page 108: Shiny Hammers — utility + usability + beauty

M-PESA unlocked bankingfor millions in Kenyavia mobile phones.

Page 109: Shiny Hammers — utility + usability + beauty

M-PESA delivered demonstrablyless utility than a bank.

Page 110: Shiny Hammers — utility + usability + beauty

But with infinitelygreater usability.

Page 111: Shiny Hammers — utility + usability + beauty

Minimum Viable *

Page 112: Shiny Hammers — utility + usability + beauty

Start here.

Utility

Page 113: Shiny Hammers — utility + usability + beauty

Invest a little here.

Beauty Usability

Page 114: Shiny Hammers — utility + usability + beauty

And here.

Beauty Usability

Page 115: Shiny Hammers — utility + usability + beauty

Start with just enough utilityto get your first customer.

Page 116: Shiny Hammers — utility + usability + beauty

Until you know whoyour customer really is or

what your product really does,invest judiciously in

usability and beauty.

Page 117: Shiny Hammers — utility + usability + beauty

Usually, that meansfor patient customer zero,

usability = you

Page 118: Shiny Hammers — utility + usability + beauty

You probably know yourfirst customer. Spend timewith them. Teach. Listen.

Page 119: Shiny Hammers — utility + usability + beauty

At this point,beauty = also you

Page 120: Shiny Hammers — utility + usability + beauty

Since you know your customer,and presumably they trust you,

they’ll try your product.

Page 121: Shiny Hammers — utility + usability + beauty

Try = minimal investment(time + $)

Page 122: Shiny Hammers — utility + usability + beauty

The burden is on you to prove why your customershould continue to invest

in your product.

Page 123: Shiny Hammers — utility + usability + beauty

Your customer puts in time + $,and—hopefully—gets utility out.

Page 124: Shiny Hammers — utility + usability + beauty

And time back.

Page 125: Shiny Hammers — utility + usability + beauty

And greater happiness.

Page 126: Shiny Hammers — utility + usability + beauty

Randy Reddig@rr