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

2. 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 fine- tuning the design

3. Prototyping

4. 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

5. Low Fidelity prototypes Example: Sketches

6. Low Fidelity Prototypes Example: Storyboarding

7. Storyboard of a computer-based telephone

10. Medium Fidelity Prototypes

15. Wizard of Oz

16. Medium Fidelity Prototypes

17. Wizard of Oz Examples

18. 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

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