Reference Prof Saul Greenberg University of Calgary notes

Reference • Prof. Saul Greenberg, University of Calgary, notes and articles

Prototyping • Allows users to react to the design and suggest changes • Main technique supporting iterative refinement • Low-fidelity prototypes best for brainstorming and choosing representations • Medium-fidelity prototypes best for finetuning the design

Prototyping

Low-Fidelity Prototypes (Paper-based prototypes) • A paper mock-up of the interface look, feel, functionality • “quick and cheap” to prepare and modify • Can evolve very quickly • People do take paper prototype seriously, they do find many usability problems • Purpose: brainstorm competing representations elicit user reactions elicit user modifications / suggestions

Low Fidelity prototypes Example: Sketches

Low Fidelity Prototypes Example: Storyboarding

Storyboard of a computer-based telephone

Medium Fidelity Prototypes

Wizard of Oz

Medium Fidelity Prototypes

Wizard of Oz Examples

Prototyping can give you information on: • Functionality • Operation sequences • User support needs • Required representations • Look and Feel Choose the correct Prototyping Tool: • Paper • Presentation package e. . g director, powerpoint • Interface Builder e. g. visual basic • Specialised Tool e. g. Hypercard

HCI resources on the Web • RESPECT 5. 3 Handbook http: //www. ejeisa. com/nectar/respect/5. 3/ • INUSE 6. 2 Handbook http: //www. ejeisa. com/nectar/inuse/6. 2 • List of methods for User Centered Design http: //www. usability. serco. com/trump/methodslis t. html • IBM HCI design guide at http: //www. ibm. com/ibm/hci/guidelines/design/ • Sun’s Web style guide: www. sun. com/styleguide • Designing killer Web sites: www. killersites. com