This is an OLD version of the course. Please go to the 2013 page instead!

1. Why is UI Design Important and Why Is It Difficult?.

PowerPoint slides for Lecture 1
Video of lecture 1.

Required Readings:

• Hartson-Pyla text: Chapter 1
• Brad A. Myers. "Challenges of HCI Design and Implementation," ACM Interactions. vol. 1, no. 1. January, 1994. pp. 73-83. PDF

• CD Text, Chapter 1
• Nielsen Text: Chapters 1, 2

2. Discovering what people can't tell you: Contextual Inquiry and Design Methodology

PowerPoint slides for Lecture 2
Video of lecture 2.

Required Readings:

• Hartson-Pyla text: Chapter 3
  

• CD Text, Chapters 5-7
• Karen Cross, Adrienne Warmack, and Brad Myers. "Lessons Learned: Using Contextual Inquiry Analysis to Improve PDA Control of Presentations". Unpublished. PDF

3. Contextual Analysis/Design Methodology, cont.

PowerPoint slides for Lecture 3
Video of lecture 3.

Movie (88.5 MB) for in-class CI demonstration (mpeg file)
Powerpoint slides of main points in the video

Required Readings:

• Hartson-Pyla text: Chapter 6
  

• Hartson-Pyla text: Chapters 4, 17
• CD Text, chapters 8-10

4. From Analysis to Design: Sketching and Prototyping

PowerPoint slides for Lecture 4
Video of lecture 4.

Required Readings:

• Hartson-Pyla text: Chapter 7, 8, 11
• Bill Buxton, "What Sketches (and Prototypes) Are and Are Not", in CHI 2006 One-Day Workshop on "Sketching" Nurturing Creativity: Commonalities in Art, Design, Engineering and Research, Sunday, April 23, 2006, Montreal, Canada. 2 pages. Local PDF

• Hartson-Pyla text: Chapter 5, 15
• Norman book (all chapters)
• Nielsen's text, Chapter 4
• Marc Rettig, "Prototyping for tiny fingers", Communications of the ACM, Volume 37 , Issue 4 (April 1994), Pages: 21 - 27. Unpublished. PDF
• Brad Myers, Sun Young Park, Yoko Nakano, Greg Mueller, Andrew Ko, "How Designers Design and Prototype Interactive Behaviors". 2008 IEEE Symposium on Visual Languages and Human-Centric Computing, VL/HCC'08. Sept 15-18, 2008, Herrsching am Ammersee, Germany. pp. 177-184. Local PDF (See also the original survey.)
• Bill Buxton, Principal Researcher at Microsoft Research, videotape of his talk on "Sketching and Experience Design" at the November 2006 BostonCHI meeting held at Sun Microsystems in Burlington, MA. Video (1 hr, 26 min)
• Bill Buxton, Sketching User Experiences: Getting the Design Right and the Right Design. San Francisco, CA, Morgan Kaufmann. 2007. Amazon

5. How to design a good user study

PowerPoint slides for Lecture 5
Video of lecture 5.

Required Readings:

• Hartson-Pyla text: Chapters 12, 14
• James Hom, "The Usability Methods Toolbox". Online in HTML . In particular, sections: General Concepts of Usability Testing and Thinking Aloud Protocol.

• Hartson-Pyla text: Chapters 16, 18
• Nielsen's text: Chapters 6, 7
• CD Text: Chapters 17-20
• Kathleen Gomoll, "Some Techniques for Observing Users," From The Art of Human-Computer Interface Design, Brenda Laurel, ed. New York: Addison-Wesley Publishing Company, Inc., 1992. pp. 85- 90. PDF

6. Usability Engineering Process

PowerPoint slides for Lecture 6
Video of lecture 6.

Required Readings:

• Hartson-Pyla text: Chapter 19

• Hartson-Pyla text: Chapters 2, 21, 23, 24
• Nielsen's text: Chapters 6, 7
• CD Text: Chapters 2-4
• John D. Gould and Clayton Lewis. "Designing for usability: key principles and what designers think," Communications of the ACM. Volume 28 , Issue 3 (March 1985), pp. 300 - 311. ACM DL PDF
• Budwig, M., Jeong, S. and Kelkar, K. When user experience met agile: a case study. In Proceedings of CHI'2009: The 27th international conference extended abstracts on Human factors in computing systems (Boston, MA, USA, 2009). ACM, 3075-3084. ACM DL PDF

7. Implementing a Wireframe Prototype: Overview of Using PowerPoint, Adobe Illustrator, Adobe Fireworks, Balsamiq, OmniGraffle, html, etc.

PowerPoint slides for Lecture 7    (Slides in PDF format)
Video of first part of Lecture 7
Video of second part of Lecture 7.

Required Readings:

• Hartson-Pyla text: Chapters 9,
  

8. Evaluation using Heuristic Analysis

PowerPoint slides for Lecture 8
Video of lecture 8.

Required Readings:

• Hartson-Pyla text: Chapter 10, 13, 22
• Jakob Nielsen, Heuristic Evaluation. On line in HTML . Includes List of 10 Heuristics.

• Nielsen Text: Chapters 8
• Jakob Nielsen, "Guerrilla HCI: Using Discount Usability Engineering to Penetrate the Intimidation Barrier", Cost-Justifying Usability, edited by Randolph G. Bias and Deborah J. Mayhew. On line in HTML
• Rolf Molich and Jakob Nielsen. "Improving a human-computer dialogue", Communications of the ACM, March 1990. Volume 33 Issue 3. pp. 338 - 348. ACM DL PDF
• John D. Gould and Clayton Lewis. "Designing for usability: key principles and what designers think," Communications of the ACM. Volume 28 , Issue 3 (March 1985), pp. 300 - 311. ACM DL PDF
• Jakob Nielsen and Rolf Molich. "Heuristic evaluation of user interfaces," Proceedings CHI'90, Human factors in computing systems, 1990. Seattle, Washington ACM DL PDF

9. Graphic and Interaction Design for User Interfaces

PDF of slides for Lecture 9
Video of lecture 9.

Required Readings:

• Hartson-Pyla text: Chapter 20, sidebar on p. 262, section 7.4.3

• Prof. Suguru Ishizaki

10. Designing for the Web

PowerPoint slides for Lecture 10
Video of lecture 10.

Required Readings:

• Hartson-Pyla text: Sidebar on p. 51 in section 2.1.3
• Top Ten Guidelines for Homepage Usability
• Top Ten Mistakes in Web Design

• Nielsen Text: Chapters 11-16

11. International and Handheld User Interfaces

PowerPoint slides for Lecture 11
Video of lecture 11.

Required Readings:

• Hartson-Pyla text: Sidebar on p. 104 in section 3.3.1, Sidebar on p. 22-1 in section 22.1.1
• International Sites: Minimum Requirements
• Mobile Usability

• Nielsen Text: Chapter 9
  

12. Other HCI Methods: Cultural Probes, Diary Studies, Card Sorting, "Body Storming", Keystroke Model, "Speed Dating", Cognitive Walkthroughs, Cognitive Dimensions, etc.

PowerPoint slides for Lecture 12
Video of lecture 12.

Required Readings:

• Hartson-Pyla text: 1.6.5, 6.6.4, 6.12, 7.5
• Davidoff, Scott, Anind Dey, and John Zimmerman: "Rapidly Exploring Application Design through Speed Dating". In Proceedings of the Conference on Ubiquitous Computing. 2007, Volume 4717/2007. Springer, Lecture Notes in Computer Science, DOI: 10.1007/978-3-540-74853-3_25. pp. 429-446. Local CMU-only copy

• Nielsen Text: Chapter 7
• Bill Gaver, Tony Dunne, & E Pacenti, Design: Cultural Probes, ACM Interactions. vol. 6, no. 1, 1999, pp. 21-29. ACM DL PDF
• John, B. E. (2003) "Information processing and skilled behavior." Chapter 4 In J. M. Carroll, (Ed.), Toward a multidisciplinary science of human computer interaction. Morgan Kaufman. pp. 55-101. Local CMU-only copy (GOMS, KLM)
• Marion Buchenau and Jane Fulton Suri. 2000. "Experience prototyping." In Proceedings of the 3rd conference on Designing interactive systems: processes, practices, methods, and techniques (DIS '00), pp. 424-433.  ACM DL PDF (Bodystorming)
• Scott Davidoff, Min Kyung Lee, Anind K. Dey, and John Zimmerman. 2007. Rapidly exploring application design through speed dating. In Proceedings of the 9th international conference on Ubiquitous computing (UbiComp '07), Springer-Verlag, Berlin, Heidelberg, 429-446. pdf
• Clayton Lewis and John Rieman, "4.1. Cognitive Walkthroughs", in Task-Centered User Interface Design; A Practical Introduction (on-line book), 1994. html
• T. R. G. Green and M. Petre. Usability analysis of visual programming environments: A ‘cognitive dimensions’ framework. Journal of Visual Languages and Computing, 7:131-174, 1996. pdf

• The official CMU course evaluation: http://cmu.onlinecourseevaluations.com
• The class questionnaire: http://www.surveymonkey.com/s/RJCYG3C

Turn in Homework 5.
Start on Homework 6.

FINAL EXAM
This class will have a final exam. You will arrange to take it with a proctor.

See information about the final.