slides-prototyping-tools



slides-prototyping-tools

0 0


slides-prototyping-tools

Reveal.js Presentation For my Rapid Prototyping Tools Talk

On Github cheneytsai / slides-prototyping-tools

Useful Tools

for Quickly

Testing and Prototyping

@cheneytsai 04/09/14

Hi, I'm Cheney

Work at Google

Previously at Pickie

I Sometimes Do: Front-End Engineering + UX Design

no, this isn't comic sans, it's comic neue...

(www.comicneue.com)

What is Prototyping?

You hear designers talk about it

There are books about it

Tools that cost $100+ dollars

Some are Hi-Fi

Some are Low-Fi

It's all the different ways you can

represent an idea

and

prove it's worth!

What NOT to do

(but of course....it depends)

DON'T have 100 conference calls about just an idea

You're not going to get it right

DON'T follow the Waterfall Model

Back of the Envelope Sketch IS Your v0.1

DON'T reinvent the wheel

Innovate on the core part. Bootstrap the rest.

DON'T spend countless hours making it "pretty"

Usability is NOT aesthetics

Instead...

DTR

Design, Test, Repeat

Generate new ideas Using your prototype

Leverage existing behavior

Focus on the core function

Show, Don't Tell

Who's Responsible?

You!

If you can draw something like this.

You have NO EXCUSE

So, uh...the tools?

Can't Code?

How about Arts and Crafts.

Pen + Paper + Scissors

Cardboard

PVC Pipes

What about Content?

Lorem Ipsum

Use Real Copy.

It's a 1st Class Citizen.

Wireframing

Balsamiq

Visio

Omnigraffle

Mockingbird

Keynote / Powerpoint

Graphics/Animation Software

Photoshop / Illustrator / Indesign

Sketch

Flash / Edge Animate / After Effects

Need a website?

Squarespace

Wordpress

Launchrock

But what about mobile?

Popapp

Flinto

Proto.io

Dropbox

So you think you can code ?

JSBin

Codepen

JsFiddle

Bootstrap

Foundation

Yeoman

Heroku

Phonegap

Parse

Hardware + Misc

Arduino

Raspberry Pi

123D Circuits

Sketchup

Freeform by LeapMotion

3dHubs

oDesk / TaskRabbit

Testing & Validation

Starbucks

SurveyMonkey

TaskRabbit (again)

Feedback Army

Amazon mturk

Mix and Match

Be Creative

Be fast.

Listen to Feedback.

Everyone can prototype

It never really ends!

So don't forget to ship!

Thanks!

@cheneytsai