tim riley, warby parker // november 2014

33
@WARBYPARKER | @TMRLY

Upload: firstmark

Post on 02-Jul-2015

1.258 views

Category:

Design


0 download

DESCRIPTION

Tim riley, Head of Online Experience at Warby Parker, presented at November 2014's edition of Design Driven NYC.

TRANSCRIPT

Page 1: Tim Riley, Warby Parker // November 2014

@WARBYPARKER | @TMRLY

Page 2: Tim Riley, Warby Parker // November 2014

Hello, I’m Tim. Nice to meet you.

Page 3: Tim Riley, Warby Parker // November 2014
Page 4: Tim Riley, Warby Parker // November 2014

Designing the design process.

Page 5: Tim Riley, Warby Parker // November 2014

UX Design Dev Launch

Page 6: Tim Riley, Warby Parker // November 2014

Somewhat silo work approach. Unrealistically linear. No one 100% dedicated throughout. No solid testing strategy. Lengthy timelines. Not an optimal and scalable process.

Page 7: Tim Riley, Warby Parker // November 2014

How do we…

1. Learn as quickly as possible 2. Get products in front of users faster 3. Maintain quality and measure impact?

Page 8: Tim Riley, Warby Parker // November 2014

UX

DesignDev

Page 9: Tim Riley, Warby Parker // November 2014

UX

DesignDev

Business Owner Business Analyst Project Manager

Page 10: Tim Riley, Warby Parker // November 2014

More collaboration. Flexible workflow. Dedicated team members. Additional team members for support. Faster turnaround. Higher quality output at a pace that is scalable.

Page 11: Tim Riley, Warby Parker // November 2014

Once a problem has been defined, start understanding it with research.

Page 12: Tim Riley, Warby Parker // November 2014

Web analytics, log data. Survey results, customer behavior reports. Product strategy mix analysis. Customer phone calls, emails, live chats, social media. Retail experiences and shopping patterns. Data is everywhere.

Page 13: Tim Riley, Warby Parker // November 2014

Sketching Wireframes Prototypes.

Page 14: Tim Riley, Warby Parker // November 2014
Page 15: Tim Riley, Warby Parker // November 2014
Page 16: Tim Riley, Warby Parker // November 2014
Page 17: Tim Riley, Warby Parker // November 2014
Page 18: Tim Riley, Warby Parker // November 2014
Page 19: Tim Riley, Warby Parker // November 2014

User Testing.

Page 20: Tim Riley, Warby Parker // November 2014

Work through the problems with a few people before

100,000 see them.

Page 21: Tim Riley, Warby Parker // November 2014

A few devices

Page 22: Tim Riley, Warby Parker // November 2014

A few devices A few cameras

Page 23: Tim Riley, Warby Parker // November 2014
Page 24: Tim Riley, Warby Parker // November 2014

Refinements before A/B testing.

Page 25: Tim Riley, Warby Parker // November 2014
Page 26: Tim Riley, Warby Parker // November 2014

Rinse and repeat.

Page 27: Tim Riley, Warby Parker // November 2014

Mobile redesign.

Page 28: Tim Riley, Warby Parker // November 2014

6 week timeline. Entire shopping flow. Sketching/wireframing, prototyping, user testing. Fully designed, built and A/B tested. So how did we do?

Page 29: Tim Riley, Warby Parker // November 2014
Page 30: Tim Riley, Warby Parker // November 2014

Some revenue

Some more revenue

Lots more revenue

A ton more revenue

Mobile checkout redesign launched.

40% increase in conversion.

Page 31: Tim Riley, Warby Parker // November 2014

Some revenue

Some more revenue

Lots more revenue

A ton more revenue

Full redesigned shopping experience launched.

Page 32: Tim Riley, Warby Parker // November 2014

Design team (and others) can see a measurable impact. Customers have an improved shopping experience. Everybody is happy :)

Page 33: Tim Riley, Warby Parker // November 2014

@WARBYPARKER | @TMRLY