the art of building prototypes and mvps

The Art Of Prototypes and Bui ld ing MVPs

A S t e p B y S t e p G u i d e F o r B u i l d i n g G r e a t P r o d u c t s

@Ben_Hall

Ben@BenHall .me.uk

Blog.BenHall .me.uk

Author

Ocelot Uproar

@Ben_Hall

Tester > Developer > Founder > Freelancer

Table Of Contents

• Phase One – Idea To MVP

• Phase Two –Build

• Phase Three –Launch

FOREWORD

PHASE ONEIDEA TO CONCEPT

CHAPTER 1THE IDEA

Start With A Vision

Without A Vision Diffi cult To Adjust

Disney – To make people happy

Ikea – To create a better every day l i fe for

the many people

Wal-Mart – Become a $125 b i l l ion

company by the year 2000

Honda – in 1970: We wi l l destroy Yamaha.

Nike – in 1960s: Crush Adidas.

Stanford University – To become the

Harvard of the West

Telsa - To accelerate the advent of

sustainable transport by bringing

compell ing mass market electr ic cars

to market as soon as possible

SpaceX - To accelerate development

of rocket technology, al l for the goal

of establ ishing a self-sustaining,

permanent base on Mars

Own Problems

Be Careful Following Trends

What makes for a good idea?

Made

Paid

Laid

CHAPTER 2DESIGNING THE TEST

Depends on what you want to learn

An MVP is the smal lest possible thing you can bui ld to test your idea

An MVP is the smal lest possible thing you can bui ld to test your idea

WRONG

“An MVP is an exper iment that tests a

cr i t ica l , fa ls ifi able hypothesis of your

business”

D e v i n H u n t - h t t p : / / d e x . i o / h a i l p i x e l / m v p s -i n - p r a c t i c e /

Anything can be an MVPEven if it only lasts 33 seconds

Three Types of MVP

Research

Pitch

Concierge

What should you test?

What shouldn’t you test?

CHAPTER 3BEFORE THE CODE

Speak To People

Go To Where Your Users Are

BabyOnBoard === MumsNet

http://www.ide-smith.co.uk/?tag=lean-ux

DON’T SELL. LISTEN.CHANCE TO LEARN.

IT’S LIKE A DATE

Paper Prototypes

§

Landing Pages

PHASE TWOBUILD

CHAPTER 4TIME FOR CODE

WRONG

“A p ro to type i s an ea r l y samp le , mode l , o r re lease o f a p roduct bu i l t t o tes t a concept

o r p rocess o r to ac t as a th ing to be rep l i ca ted o r l ea rned f rom”

Not An Excuse For It To Be Shit.

Don’t reinvent the wheel

iOS UI Kit Actions for Photoshop

Follow the standards

People have expectations about what they’l l see

Font Awesome

Once validated. Innovate

Show people. Use it in every day life

LastOrders wil l be used at night so why is everything

white?

It should tell a story

Know When To Stop

30 Day Launch

Medium – 31 Days

Google Wave – 300 Days

Take Screenshots

JOINSCRAPBOOK.COM

PHASE THREE“LAUNCH”

CHAPTER 5TESTING THE APPLICATION

OTHER PEOPLE SPOT MISTAKES EASIER THAN THE CREATOR.

Users will never do what you expect

peek.usertesting.com

CHAPTER 5GETTING MORE USERS

CHAPTER 7DID IT WORK?

https://baremetrics.io/blog/idea-to-5000-in-5-months

CHAPTER 8BUT MY BOSS SAYS…

It's easier to ask forgiveness than it is to get permission.

CHAPTER 9COMPETITORS

Lifestyle is fine!

• Build Shit That Matters

• Build It

• Speak With Users

• Launch with 30 days

• Rinse, Repeat.

• JoinScrapbook.com

The End!@Ben_Hal l

Ben@BenHal l .me.uk

Blog.BenHal l .me.uk

My Second Talk, tomorrow, 13:15. What Developers Need To Know About Visual Design and UX