Your SlideShare is downloading. ×
Delve Prototyping In The Wild
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Delve Prototyping In The Wild

14,374
views

Published on

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

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

Published in: Design, Technology, Business

2 Comments
64 Likes
Statistics
Notes
No Downloads
Views
Total Views
14,374
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
396
Comments
2
Likes
64
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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