building working prototypes without code

40

Upload: invision-app

Post on 12-Apr-2017

16.138 views

Category:

Design


1 download

TRANSCRIPT

Page 1: Building working prototypes without code
Page 2: Building working prototypes without code

Building Functional Prototypes*

@wadefoster

* No Coding required.

Page 3: Building working prototypes without code

WHO AM I?

• CEO of Zapier

• Built original Zapier prototypein 54 hours at a hackathon

• Now over 800,000 users WADE FOSTER

Page 4: Building working prototypes without code

What You’ll Learn

Page 5: Building working prototypes without code

LEARN HOW TO…

• Build and launch in days, not months

Page 6: Building working prototypes without code

LEARN HOW TO…

• Build and launch in days, not months

• Get v1 into the market prior to "the real version"

Page 7: Building working prototypes without code

LEARN HOW TO…

• Build and launch in days, not months

• Get v1 into the market prior to "the real version"

• Use off-the-shelf software to make working apps

Page 8: Building working prototypes without code

LEARN HOW TO…

• Build and launch in days, not months

• Get v1 into the market prior to "the real version"

• Use off-the-shelf software to make working apps

• Make money

Page 9: Building working prototypes without code

What is functional prototyping?

Page 10: Building working prototypes without code

An experience that delivers on a promise.

One where the user doesn't have to

pretend to get the desired result.

Page 11: Building working prototypes without code

PAY NO ATTENTION

TO THE MAN BEHIND THE CURTAIN

Wizard of Oz

Page 12: Building working prototypes without code

Why Functional Prototyping

Page 13: Building working prototypes without code

WHY FUNCTIONAL PROTOTYPING

• Let the user experience the "a ha!" moment

Page 14: Building working prototypes without code

WHY FUNCTIONAL PROTOTYPING

• Let the user experience the "a ha!" moment

• Use it in production before a polished version is ready

Page 15: Building working prototypes without code

WHY FUNCTIONAL PROTOTYPING

• Let the user experience the "a ha!" moment

• Use it in production before a polished version is ready

• It's as easy as non-functional prototypes

Page 16: Building working prototypes without code

3 Case Studies

Page 17: Building working prototypes without code

CASE STUDY #1

Page 18: Building working prototypes without code
Page 19: Building working prototypes without code

CASE STUDY: MAGIC

• Shared with a few friends

• Went viral on Product Hunt and Hacker News

• 30 users to thousands

Page 20: Building working prototypes without code

CASE STUDY #2

Page 21: Building working prototypes without code
Page 22: Building working prototypes without code
Page 23: Building working prototypes without code

CASE STUDY: GREEN SOCKS

• Live for 4 months

• 140 customers with mowed lawns

Page 24: Building working prototypes without code

CASE STUDY #3

PIETER LEVELS

Page 25: Building working prototypes without code
Page 26: Building working prototypes without code
Page 27: Building working prototypes without code

CASE STUDY: PIETER LEVELS

• Launched 12 startups in 12 months using these techniques

• NomadList, Taylor, Makebook.io are 3 of many

Page 28: Building working prototypes without code

Tools for the Job

Page 29: Building working prototypes without code

TOOLS: FORMS

• Typeform

• Google Forms

• Wufoo

• Gravity Forms

Page 30: Building working prototypes without code

TOOLS: DATABASE

• Google Sheets

• Airtable

Page 31: Building working prototypes without code

TOOLS: NOTIFICATIONS

• Twilio

• Gmail

• Mandrill

• Mailgun

Page 32: Building working prototypes without code

POW!

Page 33: Building working prototypes without code

When should I polish?

Page 34: Building working prototypes without code

Are conversion rates low?

Can you keep up with demand?

Is it time to scale?

Page 35: Building working prototypes without code

RECAP

• Let the user experience the "a ha!" moment

• Use it in production before a polished version is ready

• It's as easy as non-functional prototypes

Page 36: Building working prototypes without code

LEARN MORE

https://zapier.com/blog/prototype-app-zapier/

https://makebook.io/

“UX for Lean Startups” by Laura Klein

Page 37: Building working prototypes without code

QUESTIONS?

Follow @wadefoster on Twitter to learn more

Page 38: Building working prototypes without code

Slides designed by Zapier alum Bryan Landers.

If you need help making prototypes, visit:

http://bryanlanders.com/work/cobble/

Page 39: Building working prototypes without code

zapier.com

Page 40: Building working prototypes without code