Prototyping in the Wild
DelveNYC
Prototypes are artifacts.
Prototyping is a process.
Inspired by the design studio
                 http://www.flickr.com/photos/98736785@N00/1589941777/
6-8-5
!"#$%&'$("#%)*!+* ,, -./01*2.0345.6   ,, #789#:';<'==%>'?#:=@ABC<   ,,
!"#$%&'$("#%)*!+* ,, -./01*2.0345.6   ,, #789#:';<'==%>'?#:=@ABC<   ,,
!"#$%&'$("#%)*!+* ,, -./01*2.0345.6   ,, #789#:';<'==%>'?#:=@ABC<   ,,
1. Sketch out your ideas
2. Present to team
3. Critique with team
4. Bring it to life
ITERATE & REPEAT
!"#$%"&'




          %(*$*
               +                *+,#
                              *$

               ,#
    ...
Reasons to Prototype
Reasons to Prototype


➡ Work  through a design
➡ Communicate concepts
➡ Sell an idea
➡ Gauge technical feasibility
➡ Test...
8 Guiding Principles
Know your audience and
Plan a little. Prototype the
Set expectations.
You CAN sketch.
It’s not the Mona Lisa.
If you can’t make it fake it.
Prototype only what you
Reduce risk. Prototype early
and often.
Let’s talk paper prototyping
Paper Prototyping Pros
Paper Prototyping Pros


➡ Fast.Cheap. Easy.
➡ Manipulate on the fly.
➡ No computer necessary.
➡ Not bound by SW/HW limitat...
Techniques


➡ Handlebars
➡ Accordion
➡ Transparencies
➡ Dental   floss
Let’s talk Fireworks
Fireworks Pros
Fireworks Pros


➡ CS4 integration.
➡ Small file size.
➡ Page states.
➡ Vector and raster under one roof.
➡ Export to HTML,...
Let’s talk HTML
HTML Pros
HTML Pros


➡ Platform    independent.
➡ Portable.
➡ It’sreal.
➡ Modular, component-based.
➡ Collaborative.
➡ Lots of free...
Prototyping Book
➡ rosenfeldmedia.com/books/
  prototyping
➡ todd@messagefirst.com
➡ @zakiwarfel
Delve Prototyping In The Wild
Delve Prototyping In The Wild
Delve Prototyping In The Wild
Delve Prototyping In The Wild
Delve Prototyping In The Wild
Delve Prototyping In The Wild
Delve Prototyping In The Wild
Delve Prototyping In The Wild
Delve Prototyping In The Wild
Delve Prototyping In The Wild
Delve Prototyping In The Wild
Delve Prototyping In The Wild
Delve Prototyping In The Wild
Delve Prototyping In The Wild
Delve Prototyping In The Wild
Upcoming SlideShare
Loading in …5
×

Delve Prototyping In The Wild

18,107 views

Published on

Presentation slides of the talk I gave on prototyping at DelveUI in NYC.

Published in: Design, Technology, Business
2 Comments
66 Likes
Statistics
Notes
No Downloads
Views
Total views
18,107
On SlideShare
0
From Embeds
0
Number of Embeds
9,517
Actions
Shares
0
Downloads
405
Comments
2
Likes
66
Embeds 0
No embeds

No notes for slide

Delve Prototyping In The Wild

  1. Prototyping in the Wild DelveNYC
  2. Prototypes are artifacts.
  3. Prototyping is a process.
  4. Inspired by the design studio http://www.flickr.com/photos/98736785@N00/1589941777/
  5. 6-8-5
  6. !"#$%&'$("#%)*!+* ,, -./01*2.0345.6 ,, #789#:';<'==%>'?#:=@ABC< ,,
  7. !"#$%&'$("#%)*!+* ,, -./01*2.0345.6 ,, #789#:';<'==%>'?#:=@ABC< ,,
  8. !"#$%&'$("#%)*!+* ,, -./01*2.0345.6 ,, #789#:';<'==%>'?#:=@ABC< ,,
  9. 1. Sketch out your ideas
  10. 2. Present to team
  11. 3. Critique with team
  12. 4. Bring it to life
  13. ITERATE & REPEAT
  14. !"#$%"&' %(*$* + *+,# *$ ,# %( !#)$ $% !"# & '(# $ !" ) #$ # %& '(#! ()*& +(' *&
  15. Reasons to Prototype
  16. Reasons to Prototype ➡ Work through a design ➡ Communicate concepts ➡ Sell an idea ➡ Gauge technical feasibility ➡ Test concepts with customers
  17. 8 Guiding Principles
  18. Know your audience and
  19. Plan a little. Prototype the
  20. Set expectations.
  21. You CAN sketch.
  22. It’s not the Mona Lisa.
  23. If you can’t make it fake it.
  24. Prototype only what you
  25. Reduce risk. Prototype early and often.
  26. Let’s talk paper prototyping
  27. Paper Prototyping Pros
  28. Paper Prototyping Pros ➡ Fast.Cheap. Easy. ➡ Manipulate on the fly. ➡ No computer necessary. ➡ Not bound by SW/HW limitations. ➡ Mobile and gestural interfaces. ➡ Collaboration.
  29. Techniques ➡ Handlebars ➡ Accordion ➡ Transparencies ➡ Dental floss
  30. Let’s talk Fireworks
  31. Fireworks Pros
  32. Fireworks Pros ➡ CS4 integration. ➡ Small file size. ➡ Page states. ➡ Vector and raster under one roof. ➡ Export to HTML, PDF, AIR, and more. ➡ Master pages, shared layers, and symbols.
  33. Let’s talk HTML
  34. HTML Pros
  35. HTML Pros ➡ Platform independent. ➡ Portable. ➡ It’sreal. ➡ Modular, component-based. ➡ Collaborative. ➡ Lots of free frameworks. ➡ Possible reusable for production.
  36. Prototyping Book ➡ rosenfeldmedia.com/books/ prototyping ➡ todd@messagefirst.com ➡ @zakiwarfel

×