Schedule

Week 1

June 17th
Lecture Lecture 0: Introduction
Slides
June 18th
Lecture The Design Cycle
Slides
Reading (optional) The Design of Everyday Things, chapter 6
June 19th
HOLIDAY - Juneteenth
June 20th
Lecture Design Methods, Sketching, Brainstorming
Slides
Reading (optional) Viégas & Wattenberg, Design and Redesign in Data Visualization
Discussion HTML and CSS

Week 2

June 24th
Lecture Team Project Introduction and Brainstorming Activity
Slides
Discussion HTML and CSS
Reading (required) The Perfect Brainstorm
June 25th
Lecture Task Analysis and Contextual Inquiry
Slides
Reading (required) Principles of Contextual Inquiry (Contextual design ch. 3)
Discussion Responsiveness, Flexbox, and Component Libraries
June 26th
Lecture Personas; Affordances, Signifiers, and Conceptual Models
Slides
Reading (required) The Design of Everyday Things, Chapter 1
Discussion Responsiveness, Flexbox, and Component Libraries
June 27th
Lecture Design Principles, the Action Cycle, Direct Manipulation
Slides
Reading (optional) Direct Manipulation Interfaces
Programming Assignment Due Programming Assignment 1: Introduction to Web frontend
Discussion JavaScript

Week 3

July 1st
Lecture Input techniques ~and mathematical modeling~
Slides
Discussion JavaScript
Reading (optional) Input Technologies and Techniques
Reading (optional) The Human Information-Processor
July 2nd
Lecture Mathematical modeling and Information Visualization
Slides
Discussion Asynchronous JavaScript
July 3rd
Lecture Design Patterns and Visual Design
Slides
Discussion Asynchronous JavaScript
July 4th
HOLIDAY
July 5th
Programming Assignment Due Programming Assignment 2: DOM basics

Week 4

July 8th
Lecture Gestalt Principles, Midterm review
Slides
Discussion Figma
July 9th
Lecture Prototyping
Slides
Discussion Figma
July 10th
Lecture Usability inspection
Slides
Discussion Team project work: contextual inquiry
Reading (required) How to Conduct a Heuristic Evaluation
Reading (required) 10 Usability Heuristics for User Interface Design
Midterm Midterm 1 (self-scheduled, across two days)
July 11th
Lecture Empirical evaluation
Slides
Discussion Team project work: contextual inquiry
Midterm Midterm 1 (self-scheduled, across two days)
July 12th
Programming Assignment Due Programming Assignment 3: Design Mockups

Week 5

July 15th
Lecture Data analysis
Slides
Discussion Team project work: low-fidelity prototype
Reading (required) Doing Psychology Experiments, chapter 12
July 16th
Lecture Artificial Intelligence and Machine Learning in HCI
Slides
Discussion Team project work: low-fidelity prototype
July 17th
Lecture Large Language Models in User Interfaces
Slides
Discussion Team project work: low-fidelity prototype
July 18th
Lecture Wisdom of the “ancients”
Slides
Discussion Team project work: low-fidelity prototype
Reading (optional) Principles of Mixed-Initiative User Interfaces
Reading (optional) Soylent: A Word Processor with a Crowd Inside
July 19th

July 20th :

July 21st
Programming Assignment Due Programming Assignment 4: Speedy Smarts

Week 6

July 22nd
Lecture Application architectures and Web technologies
Slides
Discussion Usability inspection
July 23rd
Lecture Web UI Programming
Slides
Discussion Usability inspection
July 24th
Lecture Computer-Supported Cooperative Work, Beyond Being There
Slides
Discussion Team project work: high-fidelity prototype
Reading (required) Beyond Being There
July 25th
Lecture Accessibility
Slides
Discussion Team project work: high-fidelity prototype
July 26th

July 27th :

July 28th :

Week 7

July 29th
Lecture Midterm 2 review
.
Discussion High-fidelity prototyping
July 30th
Lecture How Bodies Matter
Slides
Discussion High-fidelity prototyping
Reading (optional) How Bodies Matter
Programming Assignment Due Programming assignment 5: It’s a multi-modal world after all
July 31st
Lecture AR/VR
Slides
Discussion High-fidelity prototyping (CHECKIN DUE)
August 1st
Lecture HCI Research
Slides
Discussion High-fidelity prototyping (CHECKIN DUE)

Week 8

August 5th
Lecture In-class work
.
Discussion High-fidelity prototyping
August 6th
Lecture In-class work
.
Discussion High-fidelity prototyping
August 7th
Lecture Demo session!!
.
Discussion no discussion section
Programming Assignment Due [optional] Programming assignment 6: Backend basics
August 8th
Lecture Wrap-up
.
Discussion no discussion section