CMPT 263 Introduction to Human-Centered Computing

Undergraduate course, Simon Fraser University, School of Computing Science, 2024

This course teaches an important area of CS that people often overlook – creating computational artifacts that are useful, usable, and meaningful for human users. This is a relatively new course but many post-secondary institutions, e.g., UToronto, UWaterloo, UBC, and StanfordU, are already having similar courses in their CS program.

It is a technical course but not on the programming side. Students are expected to have some programming experience but this course focuses on techniques and methodologies in creating user interfaces that better support human use. Students will go through the whole User-Centered Design process to design, implement, and evaluate computer user interfaces. My goal is to train students to have an eye on the design aspects of computer systems so they not only just work but also good in usability.

This is for reference only. For actual outline refer to the course webpage at Canvas (our LMS). Content is subject to change (plus I often update it). This is the schedule I used for Summer 2024 (2h-1h).

an image of the assignment structure

Course Description

Surveys contemporary Human-Computer Interaction (HCI) topics on designing, implementing, and evaluating interactive computer systems from a human-centered perspective. Students will learn important concepts including understanding users, incorporating accountability and responsibility in design, creating accessible and inclusive systems, and evaluating system interfaces with well-established methodologies.

Course Objectives

This course introduces students to the fundamental concepts of HCI and prepare them for the more advanced and specialized topics in other HCI courses. In particular, students will learn topics in a more technical aspect tailored to the needs of computer scientists, and have a more user-centered and ethical perspective in computing science which many positions in industry are now requiring.

By the end of this course students should be able to:

  • Identify and describe representative users of any given interactive computer system
  • Understand the physical and cognitive characteristics of human users and how these inform design
  • Engage in intelligent discussion on impacts and ethical concerns of design
  • Consider factors beyond system functionalities that impact design decisions (e.g., standards)
  • Recognize diversity of users and best practices in design for accessibility and inclusivity
  • Design and evaluate interactive computer systems using different techniques (e.g., prototyping)
  • Articulate and perform all steps in the interaction design process (i.e., discover user needs, design solutions, create and evaluate prototypes)

Recommended Textbooks

  • (ID-Book) Preece, J., Rogers, Y., Sharp, H., & EBSCOhost. (2019). Interaction design : Beyond human-computer interaction / Helen Sharp, Yvonne Rogers, Jennifer Preece. (Fifth ed.). Wiley. Online access (requires SFU login)
  • (UX-Book) The UX Book: Process and Guidelines for Ensuring a Quality User Experience (available through SFU library): Hartson, R., & Pyla, P. S. (2012). UX Book, The. Elsevier Science & Technology. Online access (requires SFU login)
  • (UMD-Book) Universal Methods of Design (available through SFU Library): Hanington, B., & Martin, B. (2022). The Pocket Universal Methods of Design, Revised and Expanded. Quarto Publishing Group USA. Online access (requires SFU login)

Course Schedule

WeekTopicsReadings/Watchings1
1Course Intro
Intro to HCI/UX
Usability of Interfaces
  • ID-Book: Ch. 1
  • Usability 101: Introduction to Usability (4min read) [LINK]
  • An Introduction to Usability Design (~12min read) [LINK]
2Human -- Cognition, Human Factors, Gulfs of Execution & Evaluation
Computer -- Interface Types
Human -- Cognition, Mental Models, Action Cycle
  • ID-Book: Ch. 4
  • Whitenton, K. The Two UX Gulfs: Evaluation and Execution (6min read) [LINK]
  • Benson, S. Leveraging Mental Models in UX Design (11min read) [LINK]
  • Rekhi, S. Don Norman’s Principles of Interaction Design (6min read) [LINK]
Computer -- Interface Types
  • ID-Book: Ch. 7
  • Fat Fingers (Ch. 13) in the Brave NUI World book by Wigdor, D. & Wixon, D. [LINK]
3Interaction -- Interaction Paradigms
Heuristic Evaluation
Interaction -- Interaction Paradigms
  • The Computer for the 21st Century by Mark Weiser [LINK]
Heuristic Evaluation
  • ID-Book: Ch. 16.2.1
  • 10 Usability Heuristics for User Interface Design (7min read) [LINK]
4Design Rules & Principles -- Heuristics, Visual Design Principles, UX Laws
Sketching & LFP (Part 1)
Design Rules & Principles
  • How to Use C.R.A.P. Design Principles for Better UX? (11min read) [LINK]
  • Gestalt Principles (~14min read) [LINK]
  • Optical Effects in User Interfaces: An Illustrated Guide (14min read) [LINK]
  • Henry, D. UI Sound Design (21min watch) [LINK]
Sketch & LFP
  • ID-Book: Ch. 12
  • UX-Book: Ch. 11
  • Paper Prototyping 101 (3min watch) [LINK]
5Usability Evaluation -- Qualitative & Quantitative
Sketching & LFP (Part 2)
Usability Evaluation
  • ID-Book: Ch. 14 & 15
  • Think Aloud: The #1 Usability Tool (4min read) [LINK]
  • Usability Evaluation and Analysis (6min read) [LINK]
Sketch & LFP
  • UX Prototypes: Low Fidelity vs. High Fidelity (10min read) [LINK]
  • Prototyping 101 (~14min read) [LINK]
6Interaction Design (IxD) Process -- UCD, Discover & Analyze Users Need/Want/Requirements
Exercise: draw a tree swing!
Inteaction Design (IxD) Process -- UCD, Disover & Analyze Users Need/Want/Requirements
  • ID-Book: Ch. 11
  • UX-Book Ch. 5
  • A Closer Look at Personas (17min read) [LINK]
  • How to Do a Research Interview [LINK]
7Midterm
MFP Prototyping Tools
-
8Interaction Design (IxD) Process -- Design Solutions & Create Prototypes
  • Designing Experiments
Interaction Design (IxD) Process -- Design Solutions & Create Prototypes
  • ID-Book: Ch. 10.1, 10.2, 10.5
The Wizard of Oz Method on UX (7min read) [LINK]
9In-Class Activity (UEQ-S)
Dark Patterns
The Handbook of UEQ (download at the UEQ website [LINK] or [LINK]
11In-Class Activity (Pilot Study)
Usability Analytics & Predictive Models
Cognitive Walkthrough
  • ID-Book: Ch. 16.2.2
  • Literature on Cognitive Walkthrough (8min read) [LINK]
  • What is Fitts' Law (and some of its applications) by D. Nguyen [LINK]
  • Putting A/B Testing in Its Place (7min read) [LINK]
    • 12Accountability & Responsibility in Designs/Ethics
      Inclusivity & Accessibility in Computer Systems
      Accessibility & Inclusivity in Computer Systems
      • What Is Inclusive Design (~10min read) [LINK]
      • Accessibility & Inclusivitiy (leads to several articles & videos, pick 1-2 each group to read/watch) [LINK]
      ??Final Exam-

      Handy Online References

      • Good resource on UX Design [LINK]
      • Some good courses & articles in interaction design [LINK]
      1. References in Topics/Readings are for reference only. If there is any topic/concept that is in conflict between class slides and any of these references, what is taught in the classes will be used.