There are books about it ![books](img/paper_book.jpg)
Tools that cost $100+ dollars ![books](img/axure.png)
Some are Hi-Fi ![oculus](img/oculus_hifi.jpg)
Some are Low-Fi ![glass](img/glass_lofi.png)
It's all the different ways you can ### **represent** an idea and ### **prove** it's worth!
DON'T have 100 conference calls about just an idea You're **not** going to get it right ![confcall](img/confcall.jpg)
DON'T follow the Waterfall Model ![waterfall](img/waterfall.png) Back of the Envelope Sketch **IS** Your v0.1
DON'T reinvent the wheel ![confcall](img/wheel.png) Innovate on the core part. Bootstrap the rest.
DON'T spend countless hours making it "pretty" Usability is **NOT** aesthetics ![ironman](img/ironman.jpg)
#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. ![ironman](img/drawing_paper.jpg) You have **NO EXCUSE**
## So, uh...the tools?
## **Can't Code?** #### How about Arts and Crafts.
Pen + Paper + Scissors ![paper](img/paper_proto.jpg)
Cardboard ![cardboard](img/cardboard.jpg)
PVC Pipes ![pvc](img/pvc.jpg)
### *What about Content?*
Lorem Ipsum ![lipsum](img/lipsum.png)
Use Real Copy. ![copy](img/copy.jpg) It's a 1st Class Citizen.
### *Wireframing*
Balsamiq ![bal](img/balsamiq.jpg)
Visio ![visio](img/visio.png)
Omnigraffle ![omni](img/omni.png)
Mockingbird ![omni](img/mockingbird.png)
Keynote / Powerpoint ![keynote](img/keynote.png)
### *Graphics/Animation Software*
Photoshop / Illustrator / Indesign ![photoshop](img/photoshop.jpg)
Sketch ![sketch](img/sketch.jpg)
Flash / Edge Animate / After Effects ![anim](img/anim.gif)
### *Need a website?*
Squarespace ![anim](img/squarespace.png)
Wordpress ![anim](img/wordpress.png)
Launchrock ![anim](img/launchrock.png)
### * But what about **mobile**?*
Popapp ![anim](img/popapp.jpg)
Flinto ![anim](img/flinto.jpg)
Proto.io ![anim](img/proto.png)
Dropbox ![dropbox](img/dropbox.jpg)
### * So you think you can **code** ?*
JSBin ![dropbox](img/jsbin.png)
Codepen ![dropbox](img/codepen.png)
JsFiddle ![dropbox](img/jsfiddle.jpg)
Bootstrap ![dropbox](img/bootstrap.png)
Foundation ![dropbox](img/foundation.jpg)
Yeoman ![dropbox](img/yeoman.jpg)
Heroku ![dropbox](img/heroku.png)
Phonegap ![dropbox](img/phonegap.png)
Parse ![dropbox](img/parse_.png)
### *Hardware **+** Misc*
Arduino ![dropbox](img/arduino.jpg)
Raspberry Pi ![dropbox](img/raspberry.jpg)
123D Circuits ![dropbox](img/123D.png)
Sketchup ![dropbox](img/sketchup.png)
Freeform by LeapMotion ![dropbox](img/leap.jpeg)
3dHubs ![dropbox](img/3dhub.png)
oDesk / TaskRabbit ![dropbox](img/odesk.png)
### *Testing **&** Validation*
Starbucks ![dropbox](img/star.jpg)
SurveyMonkey ![dropbox](img/survey.png)
TaskRabbit (again) ![dropbox](img/taskrabbit.png)
Feedback Army ![dropbox](img/feedback.png)
Amazon mturk ![dropbox](img/mturk.png)
## **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