winning & losing by design: web & mobile app design to make or break your business | fresh...

67
fresh tilled soil WINNING LOSING AND How website and mobile app design can make or break your business. BY DESIGN

Upload: fresh-tilled-soil

Post on 29-Nov-2014

2.122 views

Category:

Design


0 download

DESCRIPTION

Richard Banfield's, CEO & Co-Founder of Fresh Tilled Soil, presentation at Harvard Business School, on mobile & web design and their effects on business bottom line. Presentation delivered on January 17, 2012 in Cambridge, MA

TRANSCRIPT

Page 1: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

fresh tilled soil

WINNING

LOSINGAND

How website and mobile app design can make or break your business.

BY DESIGN

Page 2: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

My dad is obsessed with cars

Page 3: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil
Page 4: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

You might be thinking...

“I would never let my emotions overrule my overeducated brain”

Page 5: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil
Page 6: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil
Page 7: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil
Page 8: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil
Page 9: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Same enginesSame features

Same performance

So, why the 25% price difference?

Page 10: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

INFORMATION

Page 11: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

EMOTION

Page 12: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Emotions are problematic for

businesses

Page 13: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Emotions drive brand adoption

and loyalty

Page 14: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Good data=

Good design

Page 15: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

So, how do we design for emotions?

Page 16: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Let’s start with how people behave...

Page 17: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Meets or goals; Meets our expectations and is easy to use

“Persuasion models require three

things...”

BJ Fogg

Page 18: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Meets or goals; Meets our expectations and is easy to use“...motivation, ability

and a trigger.”

BJ Fogg

Page 19: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Meets or goals; Meets our expectations and is easy to use

pleasure/painhope/fear

acceptance/rejection

BJ Fogg

Page 20: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

High Motivation

Low Motivation

Low Ability High Ability

Make it easy

Make it rewarding

BJ Fogg

Get off your butt!

Page 21: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Success web experiences...

• meet our goals,• meet our expectations,• and are easy to use.

Page 22: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

“Successful UX leads to delight. Delight isn't a bunch of cool features,

it's having the user reach their goals.”

Richard Banfield

Page 23: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Repeat after me...

“I am not my customer”

Page 24: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Case Study: Fitness Product

How designing around emotions lead to a 300% increase in

customer signups.

Page 25: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

BaselineExisting site and apps

Some analyticsCustomer feedback

Page 26: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Baseline$30/m

($360/yr)65 customers/day

Page 27: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

80%Abandon

Page 28: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Step 1:

Who, why and where?

Page 29: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Fitness training

General diet and health

Event based

Where they use product / service

Office on a desktop/laptop

Stay-a

t-hom

e mom

s

How they use product / service

Home on a desktop/laptop

In the gym with smartphone

Single

“but

not fo

r long

” wom

an

Perso

nal tr

ainer

s

Who uses product / service

(where is it applied to the real world?)

(how are the users segmented into roles?)

(what is the location of where this is used?)

Soon

-to-b

e brid

es

Page 30: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Step 2:

What emotional drivers trigger action in the

target market?

Page 31: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

High Motivation

Low Motivation

Low Ability High Ability

Make it easy

Make it rewarding

Get off your butt!

Page 32: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

High Motivation

Low Motivation

Low Ability High Ability

Different funnels for different

confidence levels

Gamification tools to

encourage progress

“No risk, free trial”

“You’re not alone”

“This could be you”

Page 33: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

High Motivation

Low Motivation

Low Ability High Ability

“No risk, free trial”

“You’re not alone”

“This could be you”

Page 34: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Start Finish

Page 35: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Big breakthrough!

Different people want different experiences

Page 36: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

$100,000300%

195 customers/day

ROI in less than 1 month

Page 37: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

That was only half their problem

Page 38: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

20% churn25,0005,000

= $1.8M

Page 39: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Start New Finish

Old Finish

Engage and delight Re-engage and encourage

Page 40: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

$100,00050%

= $900,000

Page 41: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

...But wait, there’s more...

Page 42: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Call center costsDirect sales costsMarketing costs

Page 43: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Product(Tech and UI)

Sales & Marketing

High-touchSupport

Long sales cycles, High CAC

High cost ofcustomer and tech

support

Customer experienceoverlooked

- Typical Approach-

Page 44: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

- User Centric Approach -

Product(Tech and UI)

Sales & Marketing

High-touchSupport

Short sales cycles & CAC

Reduced costs tosupport client

requests & contentdevelopment

Improved clientloyalty & LTV

Page 45: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

How do you get there?

Page 46: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

“...remove administrative

debris...”

Edward Tufte

Page 47: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil
Page 48: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil
Page 49: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

B B C

SCIENCE & ENVIRONMENT

Herschel telescope revisits cosmic classic

NEWSReturn to Front Page

Other Stories

Wikipedia in anti-Sopa 'blackout'Republican debaters target RomneyRadical cleric cannot be deportedEU in legal move against Hungary

Page 50: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

B B C

SCIENCE & ENVIRONMENT

Herschel telescope revisits cosmic classic

NEWS

Other Stories

Wikipedia in anti-Sopa 'blackout'Republican debaters target RomneyRadical cleric cannot be deportedEU in legal move against Hungary

Return to Front PageUS & CanadaAsiaAfricaSouth AmericaMiddle EastAustralia & NZ

Page 51: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil
Page 52: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil
Page 53: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil
Page 54: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil
Page 55: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Back down to earth

Page 56: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

12

4 53

6

7 8

Page 57: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil
Page 58: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

12

45

3

6 7

8

Page 59: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

How does this help you today?

Page 60: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Go create beautiful things.

alluring, appealing, exquisite

Page 61: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

You’ll know it’s beautiful...

because it feels beautiful

Page 62: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil
Page 63: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

EMOTIONAL

intellectualAND

Page 64: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Data is importantbut

it can’t solve the problem

Page 65: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Data highlights the problem and

design solves the problem

Page 66: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Data highlights the problem and

design solves the problem

Page 67: Winning & Losing By Design: Web & Mobile App Design To Make Or Break Your Business | Fresh Tilled Soil

Questions?

- Thank You -