Here’s a great resource for GUI widgets you can use for paper prototyping. They’re kind of Windows 95 style, but they’ll get the job done. You can download these in PDF:
- Browser window
- Application window
- Buttons
- Text boxes
- Dialog windows
Here’s a great resource for GUI widgets you can use for paper prototyping. They’re kind of Windows 95 style, but they’ll get the job done. You can download these in PDF:
Anders Ramsay has a great post on why he doesn’t use prototyping tools. His biggest problem with prototyping tools are:
I don’t necessarily agree with his second and third points, or feel they’re not as important, but definitely agree with his first point.
At the same time, I think it’s important to keep in mind that most of these prototyping tools aren’t target at people like Anders and me — people who are quite comfortable coding HTML. These tools are typically intended for visual designers (e.g. Fireworks) or product managers (e.g. Visio, Axure). Not to say they don’t have value to others, but I do think they’re beneficial to the audience they’re targeted at.
Either way, if you use one of these tools, I’d recommend starting off on paper first so you’re not “bound” by what the software can(not) do.
Here’s a great example of real world prototyping from the inventor of the Strida2 folding bike.
Particularly interesting is how he discusses the prototyping process using sketching, mini models, and full scale prototypes at 1:10-3:15 and how he discusses the critical role of sketching while refining the designs at 6:30-7:15 in the video.
A few key points from Mark’s perspective: