delight 2015 | bay to breakers: from nothing to something in 60 days

54
Bay to Breakers from nothing to something in 60 days Download slides at nointerface.com/delight2015 @goldenkrishna #b2bmagic

Upload: delight-conference

Post on 17-Feb-2017

1.176 views

Category:

Design


1 download

TRANSCRIPT

Bay to Breakersfrom nothing to something in 60 days

Download slides at nointerface.com/delight2015@goldenkrishna #b2bmagic

Magic Checkout

Download slides at nointerface.com/delight2015@goldenkrishna #b2bmagic

The Best Interface is No Interface

nointerface.com

nointerface.com

nointerface.com

Magic Checkout

Download slides at nointerface.com/delight2015@goldenkrishna #b2bmagic

Zappos Labs

Zappos Labs

#b2bmagic @goldenkrishna

Magic Checkout

Ambiguous, self-guided, & self-motivated.

#b2bmagic @goldenkrishna

Magic Checkout

Sit in this chair and innovate.

Magic Checkout

Download slides at nointerface.com/delight2015@goldenkrishna #b2bmagic

Bay to Breakers

Bay to Breakers

Zappos became the title sponsor for the largest foot race in North America (2nd in the world).

Bay to Breakers

Challenge: With 60 days, and 70,000 expected runners, can you do something innovative?

Magic Checkout

Download slides at nointerface.com/delight2015@goldenkrishna #b2bmagic

Discover via Research

#b2bmagic @goldenkrishna

Magic Checkout

What problems can we solve?

#b2bmagic @goldenkrishna

Magic Checkout

“My friends and I can never seem to find each other.” Opportunity: Finding friends

#b2bmagic @goldenkrishna

Magic Checkout

“I can’t ever seem to get good cell reception.” Opportunity: Mesh network?

#b2bmagic @goldenkrishna

Magic Checkout

“Every year, I put together my costume at the last minute.” Opportunity: Costume ideation

#b2bmagic @goldenkrishna

Magic Checkout

“The expo lines can be 40 minutes long for a water bottle and a shirt.” Opportunity: Faster checkout

Magic Checkout

Download slides at nointerface.com/delight2015@goldenkrishna #b2bmagic

Focusing on Checkout

Race Expo

In the days before the race, 70,000+ registered runners pick up their numbers and then are funneled through the title sponsor’s area, where historically lines have been up to 40 minutes wait.

#b2bmagic @goldenkrishna

Magic Checkout

Tackling the problem also aligned with our best customer strategy (time > cost), and was something we could test within our studio space.

Magic Checkout

Download slides at nointerface.com/delight2015@goldenkrishna #b2bmagic

Pitching a better Customer Journey

#b2bmagic @goldenkrishna

Magic Checkout

Can we create a radically simplecheckout experience that works for first-time customers?

AT&T “You Will” TV commercial (1994)

RFID?

RFID reader mat

RFID?

#b2bmagic @goldenkrishna

Magic Checkout

The price of RFID tags

#b2bmagic @goldenkrishna

Magic Checkout

#b2bmagic @goldenkrishna

Magic Checkout

#b2bmagic @goldenkrishna

Magic Checkout

#b2bmagic @goldenkrishna

Magic Checkout

Metrics for success:✦ Cut wait times in half:

20 min or less ✦ Create an experience that is fast:

60 seconds or faster per customer

Chance of success:✦ 50%

Magic Checkout

Download slides at nointerface.com/delight2015@goldenkrishna #b2bmagic

Experience Prototyping

#b2bmagic @goldenkrishna

Magic Checkout

Assembling a team

Front-end Developer

Back-end Developer

Junior Designer

Project manager

RFID subject matter

expert

Design lead (me)

RFID subject matter

expert

✦ Readings from mat ✦ Experience run throughs ✦ Tag placement on items ✦ Physical dimensions

Experience Prototyping

Google SketchUp renderings

Experience Prototyping

#b2bmagic @goldenkrishna

Magic Checkout

The SketchUp file was used to communicate with the contractors.

Magic Checkout

Download slides at nointerface.com/delight2015@goldenkrishna #b2bmagic

Digital Wireframes

#b2bmagic @goldenkrishna

Magic Checkout

The scan flow was actually faked. Items were scanned so quickly, we had to slow down reality for customer understanding.

Magic Checkout

Download slides at nointerface.com/delight2015@goldenkrishna #b2bmagic

Visual Design

#b2bmagic @goldenkrishna

Magic Checkout

Inspiration for speed and movement: Kandinsky poster

Inspiration for speed and movement: Jazz albums

#b2bmagic @goldenkrishna

Magic Checkout

Building out the system

Magic Checkout

Download slides at nointerface.com/delight2015@goldenkrishna #b2bmagic

24 hours to set up

Fort Mason

RFID tagging

RFID tagging

RFID tagging

Building the expo space

Setting up the space

Building the Magic Checkout

Setting up the space

Finished Magic Checkout

Magic Checkout

Download slides at nointerface.com/delight2015@goldenkrishna #b2bmagic

The Result

Over 70,000 attended

The two day expo

About 1 in 5 checked out in 20 seconds or less. The average checkout, start to finish, was less than one minute (48 seconds).

20 seconds or less

#b2bmagic @goldenkrishna

Magic Checkout

Our CEO Tony Hsieh came to the event to check out the project to experience it himself.

#b2bmagic @goldenkrishna

Magic Checkout

Metrics for success:✦ Cut wait times in half:

20 min or lessActual wait time: 2 min or less

✦ Create an experience that is fast: 60 seconds or faster per customer Actual average: 48 seconds

Bay to Breakersfrom nothing to something in 60 days

golden [email protected]

Download slides at nointerface.com/delight2015@goldenkrishna #b2bmagic