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

Schedule and Readings

  • The readings are due on the date noted.
  • Required text: (see note about this new text!):
    • Hartson-Pyla text: H. Rex Hartson and Pardha S. Pyla, The UX Book: Process and Guidelines for Ensuring a Quality User Experience, Morgan Kaufmann / Elsevier, 2012.
  • Optional texts: (none of the readings from these is required, but these are excellent to have if you are interested in this topic)
    • CD Text = Beyer, H. and Holtzblatt, K., Contextual Design
    • Nielsen Text = Jakob Nielsen. "Usability Engineering". Boston: Academic Press, Inc. 1993. ISBN 0-12-518406-9 (paperback) or ISBN 0-12-518405-0 (hardcover).
    • Norman book = Donald A. Norman, "The Design of Everyday Things". New edition: Basic Books, 2002, ISDN 0-465-06710-7
  • PowerPoint slides will be posted at least a day before the lecture.
  • VPN Note: Access to the ACM Digital Library (for the papers and guest lectures) is restricted to only those on a CMU machine. Use VPN if you are at home, or you can get a password from the instructor. For VPN, here are the instructions for SCS, or here are the general CMU instructions.
  • The course is using videotapes of my lecture from Fall, 2011. Here is the table of contents of all course videos for the course. Copies of the videos have also been uploaded to Blackboard, if you want to download them for off-line viewing, or if the video server goes down.
  • The course syllabus is available here, and the full list of homeworks is available here.

May 21, 2012

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 arrow
Recommended Readings:
  • 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
Recommended Readings:
  • 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 arrow
Do Homework 0 in class.
Start on Homework 1.
May 23, 2012

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
Recommended Readings:
  • Hartson-Pyla text: Chapters 4, 17
  • CD Text, chapters 8-10

May 28, 2012

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 arrow
Recommended Readings:
  • 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 arrow
  • 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 arrow (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) arrow
  • Bill Buxton, Sketching User Experiences: Getting the Design Right and the Right Design. San Francisco, CA, Morgan Kaufmann. 2007. Amazon arrow
Turn in Homework 1.
Start on Homework 2.
May 30, 2012

5. How to design a good user study

PowerPoint slides for Lecture 5
Video of lecture 5.

Required Readings:

Recommended Readings:
  • 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 arrow
June 4, 2012

6. Usability Engineering Process

PowerPoint slides for Lecture 6
Video of lecture 6.

Required Readings:

  • Hartson-Pyla text: Chapter 19
Recommended Readings:
  • 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 arrow
  • 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 arrow
Turn in Homework 2.
Start on Homework 3.
June 6, 2012

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,
June 11, 2012

8. Evaluation using Heuristic Analysis

PowerPoint slides for Lecture 8
Video of lecture 8.

Required Readings:

Recommended Readings:
  • 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 arrow
  • 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 arrow
  • 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 arrow
  • Jakob Nielsen and Rolf Molich. "Heuristic evaluation of user interfaces," Proceedings CHI'90, Human factors in computing systems, 1990. Seattle, Washington ACM DL PDF arrow
Turn in Homework 3.
Start on Homework 4.
June 13, 2012

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
Guest Lecture:
Suguru Ishizaki (Guest Lecturer) An interface is the link between a user and a product that communicates how a product will be used and creates an experience for the people who will use it. Interaction design is the process of creating and defining product behavior, encompassing both usability and aesthetic dimensions of an artifact, service, or environment.

In this lecture, we will explore issues that pertain to the design of interfaces. Students will become proficient in interface and interaction design fundamentals as applied to visual interfaces, including use of design systems, typography, color, scale, ordering, hierarchy, and repetition. In understand the design process for creating interface designs.
June 18, 2012

10. Designing for the Web

PowerPoint slides for Lecture 10
Video of lecture 10.

Required Readings:

Recommended Readings:
  • Nielsen Text: Chapters 11-16
Turn in Homework 4.
Start on Homework 5.
June 20, 2012

11. International and Handheld User Interfaces

PowerPoint slides for Lecture 11
Video of lecture 11.

Required Readings:

Recommended Readings:
  • Nielsen Text: Chapter 9
June 25, 2012

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 copyarrow
Recommended Readings:
  • 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 arrow
  • 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 copyarrow (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 arrow (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. pdfarrow
  • Clayton Lewis and John Rieman, "4.1. Cognitive Walkthroughs", in Task-Centered User Interface Design; A Practical Introduction (on-line book), 1994. htmlarrow
  • 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. pdfarrow
Course Evaluations. Please fill out both:

Turn in Homework 5.
Start on Homework 6.

June 28, 2012
Turn in Homework 6.
Anytime between June 28 and July 8

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

See information about the final.