190 likes | 291 Vues
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
E N D
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 fine-tuning the design
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
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/methods/methodslist.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