What are your favourite tools for wireframing and prototyping sites? I’m especially interested in online interactive prototyping, since I am usually working on sites where the audience is spread out geographically.

Great question, Connie! Here are some wireframing tools we like:

Pen & paper
Why? Fast, cheap, easy, and the tech doesn’t get in the way of expressing ideas. Plus, getting away from the computer helps us concentrate and makes us more creative.

OmniGraffle
Why? Easy to use and great stencils are available for free, including some for the iPhone.

You’ll notice that we didn’t list any online tools. We’ve never used them in a production setting, but we have played around with Gliffy and HotGloo and think they’re pretty nice.

Bonus

- Check out this wiremaps concept.
- 20 Steps to Better Wireframing

A Note of Caution

As useful as they can be internally for designers, wireframes as client deliverables might not always be appropriate.

Got a UX type question? Leave a comment or get in touch!