A 45 minute talk about designing a single button

Post on 10-Jan-2017

510 views 0 download

Transcript of A 45 minute talk about designing a single button

A 45 minute talk about designing a single buttonOllie Campbell - Navy Design

Ollie CampbellFollow me on Twitter @oliebol Follow Navy Design on Twitter @navydesign

Why am I here talking about a button?

@oliebol

Steps in the typical UX design career

Junior

Mid-level

Director/Architect

Team leadSenior

@oliebol

Junior

Mid-level

Director/Architect

Team leadSenior

Hands on design work Management & strategy

Steps in the typical UX design career

@oliebol

UX design career (by age)Hands on design work Management & strategy

20 7030 40 50 60

@oliebol

Frank Gehry

@oliebol

@oliebol

Guggenheim Museum in Bilbao

@oliebol

Paul Rand

@oliebol

@oliebol

UX design career (by age)Hands on design work Management & strategy

20 7030 40 50 60

@oliebol

20 7030 40 50 60

UX design career (by age)Hands on design work Management & strategy

@oliebol

“God is in the details.”Ludwig Mies van der Rohe

@oliebol

@oliebol

@oliebol

@oliebol

@oliebol

@oliebol

“ I think of my studio as a vegetable garden, where things follow their natural course. They grow, they ripen. You have to graft. You have to water. ”

—Joan Miro

@oliebol

@oliebol

@oliebol

@oliebol

@oliebol

2,467@oliebol

@oliebol

@oliebol

@oliebol

@oliebol

Signup

EvaluatingWith / without credit card

Engaged

Lapsed

Considering

One time offers

Linked credit card, Coles insurance, 1st Choice Wine Drop, Yahoo! browser toolbar

Email offers, purchases from the e-marketplace

BONUSPOINTS

Passive boosters+1

The customer lifecycle

@oliebol

@oliebol

@oliebol

@oliebol

@oliebol

Single product with a quantity of one

30+ different products in various quantities

@oliebol

@oliebol

@oliebol

Items sold by quantity e.g. 1 book

Many items sold by weight e.g. 800g of cherries

@oliebol

5 mushrooms

@oliebol

@oliebol

5 x 200g of mushrooms@oliebol

@oliebol

@oliebol

Quantity updates Price

@oliebol

Quantity updates Price

@oliebol

Quantity updates Price

@oliebol

@oliebol

@oliebol

@oliebol

@oliebol

???@oliebol

0

20

40

60

80

1 item 2 items 3 items 4 items 5 items 6 items 7 items

97% 3%

@oliebol

@oliebol

@oliebol

Almost never buy the same item twice

Majority of items are regular purchases

“Make it faster.”

@oliebol

@oliebol

11 minutes faster toshop every week (24% faster)

@oliebol

@oliebol

Prices appear to be staticSpecials change weekly and

are often complex

@oliebol

@oliebol

@oliebol

@oliebol

Consent rates for organ donation by country

@oliebol

@oliebol

Quantity updates Price updates

@oliebol

Quantity updates Price updates Saving

@oliebol

@oliebol

Now we had to build it.

@oliebol

@oliebol

$%#!

@oliebol

@oliebol

Why was it so hard to build?

@oliebol

1 for $3.95

1 for $3.95

@oliebol

@oliebol

11a y@oliebol

ccessibilita y

@oliebol

@oliebol

@oliebol

@oliebol

@oliebol

@oliebol

@oliebol

@oliebol

Was it worth it?

@oliebol

1 + Add-

@oliebol

@oliebol

@oliebol

Shopping speed

24%System Usability Scale

12%Net Promoter Score

33%

“Love the way I can easily add greater quantities of items to my trolley. Love the way I can easily remove items from my trolley without having to go the shopping basket or checkout… Love it, it's SO MUCH better!” — Coles beta user

@oliebol

“It's terrible. Has tripled the length of time to do a shop. I found it very difficult (and ultimately, impossible) to order more than one of anything.” — Woolworths Facebook comment

Sentiment analysis of 449 Facebook comments

😡

😍

@oliebol

@oliebol

@oliebol

“God is in the details.”Ludwig Mies van der Rohe

@oliebol

Thank youFollow me on Twitter @oliebol Follow Navy Design on Twitter @navydesign