1. Methods: Deciding What to Design In-Young Ko iko.AT. icu.ac.kr Information and Communications University (ICU) iko.AT. icu.ac.kr Fall 2005 ICE0575 Lecture #14 Usability II

2. Fall 2005 2 ICE 0575 – Methods: Deciding What to Design © In-Young Ko, Information and Communications University Announcements Volunteers for presenting Project #4 (only for Theoractice) and Project #5? Volunteers for presenting Project #4 (only for Theoractice) and Project #5? The presenters will get an extra credit The presenters will get an extra credit Optional EVRs for Extra Credits (Individual Work) Optional EVRs for Extra Credits (Individual Work) For the Business Unit (December 6 th ) For the Business Unit (December 6 th ) Cusumano / Yoffie: Internet Time Cusumano / Yoffie: Internet Time Lessig: Future of Ideas Lessig: Future of Ideas For the Engineering Unit (December 13 th ) For the Engineering Unit (December 13 th ) Simon: The Sciences of the Artificial Simon: The Sciences of the Artificial Vincenti: What Engineers Know Vincenti: What Engineers Know …

3. Fall 2005 3 ICE 0575 – Methods: Deciding What to Design © In-Young Ko, Information and Communications University Today ’ s Plan Learning from experience of using Contextual Design & Problem Frames Learning from experience of using Contextual Design & Problem Frames Usability attributes Usability attributes Usability through prototyping Usability through prototyping Classes of prototyping tools Classes of prototyping tools The content of this slide is adopted from the lecture materials of the Methods course (17-652) at Carnegie Mellon University.

4. Fall 2005 4 ICE 0575 – Methods: Deciding What to Design © In-Young Ko, Information and Communications University Prototype Fidelity Low FidelityHigh Fidelity PaperFaçade Tools Interface Builders (plus components & scripting language) The content of this slide is adopted from the lecture materials of the Methods course (17-652) at Carnegie Mellon University.

5. Fall 2005 5 ICE 0575 – Methods: Deciding What to Design © In-Young Ko, Information and Communications University Low Fidelity Prototypes Advantages Advantages Very cheap to construct Very cheap to construct Can change during prototype interview Can change during prototype interview Can iterate quickly Can iterate quickly Disadvantages Disadvantages Capturing user behavior is awkward Capturing user behavior is awkward Cannot execute Cannot execute The content of this slide is adopted from the lecture materials of the Methods course (17-652) at Carnegie Mellon University.

6. Fall 2005 6 ICE 0575 – Methods: Deciding What to Design © In-Young Ko, Information and Communications University Medium Fidelity Prototypes Create screen appearance, use canned data Create screen appearance, use canned data E.g., Powerpoint animation E.g., Powerpoint animation Advantage Advantage Appears to execute Appears to execute Can capture “ video ” of entire interaction Can capture “ video ” of entire interaction Disadvantages Disadvantages Nothing is reusable Nothing is reusable May create too “ finished ” of an appearance May create too “ finished ” of an appearance Difficult to edit on the fly Difficult to edit on the fly May oversell application May oversell application The content of this slide is adopted from the lecture materials of the Methods course (17-652) at Carnegie Mellon University.

7. Fall 2005 7 ICE 0575 – Methods: Deciding What to Design © In-Young Ko, Information and Communications University High Fidelity Prototypes Advantages Advantages Easily edited and run Easily edited and run May be able to use the code May be able to use the code Disadvantages Disadvantages Often need to make design commitments too early Often need to make design commitments too early e.g., select actual components e.g., select actual components Involves significant effort to make executable Involves significant effort to make executable Write scripts Write scripts Difficult to edit with user Difficult to edit with user The content of this slide is adopted from the lecture materials of the Methods course (17-652) at Carnegie Mellon University.

8. Fall 2005 8 ICE 0575 – Methods: Deciding What to Design © In-Young Ko, Information and Communications University Hybrid Prototyping System Denim Denim http://guir.berkeley.edu/projects/denim/ http://guir.berkeley.edu/projects/denim/ “DENIM is a system that helps web site designers in the early stages of design. DENIM supports sketching input, allows design at different refinement levels, and unifies the levels through zooming.” The content of this slide is adopted from the lecture materials of the Methods course (17-652) at Carnegie Mellon University.

9. Fall 2005 9 ICE 0575 – Methods: Deciding What to Design © In-Young Ko, Information and Communications University Questions??