Delve Prototyping In The Wild

Prototyping in the Wild DelveNYC

Prototypes are artifacts.

Prototyping is a process.

Inspired by the design studio http://www.ﬂickr.com/photos/98736785@N00/1589941777/

!"#$%&'$("#%)*!+* ,, -./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 concepts with customers

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 ﬂy. ➡ No computer necessary. ➡ Not bound by SW/HW limitations. ➡ Mobile and gestural interfaces. ➡ Collaboration.

Techniques ➡ Handlebars ➡ Accordion ➡ Transparencies ➡ Dental ﬂoss

Let’s talk Fireworks

Fireworks Pros

Fireworks Pros ➡ CS4 integration. ➡ Small ﬁle size. ➡ Page states. ➡ Vector and raster under one roof. ➡ Export to HTML, PDF, AIR, and more. ➡ Master pages, shared layers, and symbols.

Let’s talk HTML

HTML Pros

HTML Pros ➡ Platform independent. ➡ Portable. ➡ It’sreal. ➡ Modular, component-based. ➡ Collaborative. ➡ Lots of free frameworks. ➡ Possible reusable for production.

Prototyping Book ➡ rosenfeldmedia.com/books/ prototyping ➡ todd@messageﬁrst.com ➡ @zakiwarfel

http://designingwebinterfaces.com	3619
http://theresaneil.wordpress.com	1019
http://dragonflyrock.tumblr.com	827
http://www.wireframewednesday.com	116
http://www.slideshare.net	32
http://www.usercentered.de	28
http://translate.googleusercontent.com	11
http://racepace.blogbus.com	7
http://macadaan.com	7
http://salterf.blogspot.com.br	6
http://www.netvibes.com	5
http://blog.diederikdijkstra.nl	3
url_unknown	2
https://twitter.com	2
http://janq.posterous.com	2
http://www.ward6lab.com.au	2
http://blog.surfacemedia.com.au	1
http://philosofomena.blogspot.com.br	1
http://dydric.tumblr.com	1
http://alexisroque.tumblr.com	1
http://posterous.com	1
http://safe.tumblr.com	1
http://surfacemedia.posterous.com	1
http://rfilo.com.br	1
http://www.philosofomena.blogspot.com	1

Delve Prototyping In The Wild

by Todd Zaki Warfel

Accessibility

Categories

Upload Details

Usage Rights

25 Embeds 5,697

Statistics

Delve Prototyping In The Wild Presentation Transcript