SpoolCast: Prototyping Experiences

Jared Spool

September 23rd, 2009


Duration: 39m | 21MB
Recorded: August, 2009
Brian Christiansen, UIE Podcast Producer
[ Subscribe to our podcast via Use iTunes to subscribe to UIE's RSS feed. ←This link will launch the iTunes application.]
[ Subscribe with other podcast applications.]
[ Direct Link to MP3 File ]

Todd Zaki Warfel has just finished two years of research into the tools and processes used in prototyping web sites. His findings will be published in a book due out this fall and we’ve asked him to give a full-day workshop on the topic at UI14. Did you know some people are actually building prototypes in Microsoft Excel? It’s true. “People are using what they have at their disposal and what they are comfortable with,” Todd tells me.

In the podcast, we discussed a number of the more popular tools that are being used today, from Adobe Fireworks, to Axure RP, to good old PowerPoint. Todd doesn’t think your choice of tool is important if you are able to communicate your ideas effectively to your audience. He thinks it is worth knowing the capabilities of a few other tools in the event you need to do something in the future that your current tool can’t handle.

I got Todd to reveal the process his own shop, Messagefirst, is using to prototype. It may surprise you that they start with rough, black and white sketches which they share with their clients both early and often. Whereas some design shops may work hard on a prototype for three months before first showing it to their client, Todd thinks that’s a bad idea. There’s nothing worse than diving deep into a design direction only to have it unilaterally shot down in the first review.

Instead, you need to get your client to give you lots of feedback very early in the process, starting with basic and rough sketches. It will save both sides a lot of time, effort and frustration. Once the design direction is solidified, Todd and his team move their prototypes into color and interactivity. The Messagefirst crew is now often jumping straight to HTML, CSS and JavaScript for the higher fidelity mockups.

Todd tells us that someone with basic HTML skills can (and have) learned to create high fidelity prototypes in just a couple weeks of effort. The secret is the availability modular tools, for example, CSS frameworks like the 960 Grid System and JavaScript libraries like jQuery. This move to code earlier in the process is becoming more and more popular around the web.

Todd and I talked more about his two years’ worth of findings and he gave us a preview of his UI14 full-day workshop. Tune in to the show for more on prototyping.

We’d love to know what process and tools you’re using in your own designs. Have you incorporated feedback early into your process? Let us know in the comments!

4 Responses to “SpoolCast: Prototyping Experiences”

  1. SpoolCast with Todd Zaki Warfel: Prototyping Experiences | Konigi Says:

    […] with Todd Zaki Warfel: Prototyping Experiences Jared Spool talks with Todd Zaki Warfel about his forthcoming Prototyping book to be published by Rosenfeld Media, and got him to talk […]

  2. Prototyping: An Exercise in Communication - Jon Hung Says:

    […] a recent UIE podcast, Todd Zaki Wafel’s research on prototyping discovered that some people use Excel for […]

  3. תכנון הממשק בעזרת אב טיפוס « מידע שימושי Says:

    […] בתהליך תכנון הממשק. לכבוד כך, התארח וורפל לא מזמן בפודקאסט של ג’רד ספול כדי לדבר על תהליך יצירת אב הטיפוס (או דמו, מוק אפ, wireframe […]

  4. Does the BA look at the user experience? « Budding Business Analyst Says:

    […] guests discussing UCD and UX topics. One of the recent guests, Todd Zaki Warfel, was talking about prototyping experiences, and during this discussion he touched on the very same role definition issue. Jared at one point […]

Add a Comment