Prototyping Approaches

Sketches

A sketch is a quick prototype, made on paper, to illustrate the first design ideas.

Probably the most important design technique to quickly propose several alternative ideas.

Use of media different from the final media (e.g. paper, cardboard)

Drawing ... doesn't require too much talent
(if possible) do the group design:
- each for themselves followed by exchanges
- exchanges from the start + common design

Quick to build
- sketching is much faster than programming
Easier to change
- easy to make changes between user tests or even during a user tests
- no code investment
Focuses the attention on the big picture
- designer doesn't waste time on details
- customer makes more creative suggestions
Non-programmers can help

A wireframe is a refined on computer media of a paper sketch

In the models, details not considered in the sketch are added (font, spacing, colors, ...) allowing a better appreciation of the rendering

Use of drawing tools or specialized tools to make wireframes

Very realistic prototype, allowing the user to interact with the system.

Structure is present with a high resolution
- Realistic "look and feel"
- Screen layout is complete
- Colors, fonts, icons present
Navigation is present
- Users can go through all planned tasks
Error control/prevention
- Clear messages or input constraints for error prevention
- Users know what state they are in at all times
Usability Satisfaction
- Definition of usability goals + tests
Software Simulation
- with limited back-end (canned answers)
horizontal and vertical prototyping