1 / 19

Reference

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

leigh-cote
Download Presentation

Reference

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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

  8. Medium Fidelity Prototypes

  9. Medium Fidelity Prototypes

  10. Medium Fidelity Prototypes

  11. Medium Fidelity Prototypes

  12. Medium Fidelity Prototypes

  13. Wizard of Oz

  14. Medium Fidelity Prototypes

  15. Wizard of Oz Examples

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

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

More Related