Module 3: Prototyping, Testing & Experimentation
Wireframing
A Wireframe is a low fidelity representation of an application design. It clearly displays a representation of every important aspect of the final solution. Specifically, it should include the main groups of content (what?), the structure of information (where?) and a description and basic visualization of the user–interface interaction (how?). The Wireframe can be used as a tool to assist the technical designer to directly communicate with the user or vice versa. It also helps with determining which content and visuals are most important and should be implemented at a further stage. A simple and fast approach to Wireframing is to hand-draw on screen templates or build on a low-resolution program, such as Power Point.
Benefits:
- Refines the user interface design more rapidly
- Encourages comprehensiveness by representing the overall navigation
- Tests layout-only usability from a visitor’s perspective
- Makes the process more iterative
Materials Needed:
paper/template, colored pens, low resolution programm