Human-Computer Interaction Design

COGS120/CSE170 Scott Klemmer · Winter 2016 UCSD

  • Check out Piazza for current announcements.

In this course, you will learn how to design technologies that bring people joy, rather than frustration. To do this, you'll learn techniques for rapidly prototyping and evaluating multiple interface alternatives — and why rapid prototyping and comparative evaluation are essential to excellent interaction design. You'll learn how to conduct fieldwork with people to help generate design ideas. You'll learn how to make paper prototypes and low-fidelity mock-ups that are interactive — and how to use these designs to get feedback from teammates, clients, and users. You'll learn principles of visual design, perception and cognition so that you can effectively organize and present information with your interfaces. And you'll learn how to perform and analyze controlled experiments online.

Through a series of weekly assignments, you will complete a quarter-long project in teams of three. Each week, in small design studios, you present and discuss work with peers. The setting for the course is mobile web applications. The constraints of this small form factor set the stage for this challenge.

Weekly schedule


Tuesdays 11:00am-12:20pm
CICC 101 (Copley International Conference Center)


Thursdays 11:00am-12:20pm
CICC 101 (Copley International Conference Center)

Studio Section

Fridays 8:50-10:00am, 10:10am-11:20am, 11:30am-12:40pm, 2:50pm-14:00pm, or 14:10pm-15:20pm
Atkinson Hall 5204, CogSci 272, HSS 1346, or Mande B-146

Atkinson Hall location
CogSci building location
HSS building location

   Office Hours

Monday OH (in Atkinson 5204)
  • Jesse Qin 4:00pm-6:00pm
Tuesday OH (in Atkinson 5204)
  • Yasmine Kotturi 9:45am-10:45am
  • Adam Rule 1:00pm-2:00pm
  • Tricia Ngoon 3:00pm-4:00pm
  • Bonnie Chinh 4:00pm-5:00pm
Wednesday OH (in Atkinson 5204)
  • Jasmine Roberts 1:00pm-3:00pm
  • Kyung yul Lim 5:00pm-6:00pm
Thursday OH (in Atkinson 5204)
  • Prof. Scott Klemmer 12:30pm-1:30pm
  • Robert Gougelet 1:30pm-2:30pm
  • Nida Hussain 3:00pm-4:00pm
  • Jesse Qin 5:00pm-6:00pm

Calendar • Follow the lab/assignment link to submit work • Bring a fully-charged laptop to each class!

Week Lecture Lab Assignment
January 5


January 7

Source control

Due Thursday, 1/7, 11:59 pm for online submission
Turn in Worksheets, prototypes, and questions at studio.

A1: Design thinking

January 12


Quiz 1

January 14


Due Thursday, 1/14, 11:59 pm

A2: Needfinding

January 19


January 21

Client-side interactivity

Due Thursday, 1/21, 11:59 pm

A3: Prototyping

January 26

Heuristic evaluation

  • slides
  • Heuristic Evaluation Why and How video
  • Design Heuristics(Part 1/2) video
  • Design Heuristics(Part 1/2) video

Quiz 2

January 28
Due Thursday, 1/28, 11:59 pm

A4: Heuristic evaluation

February 2

Mental models & distributing cognition

  • slides
  • Mental Models video
  • Distributing Cognition (Part 1/2) video
  • Distributing Cognition (Part 2/2) video
February 4

Putting it together

Due Thursday, 2/4, 11:59 pm

A5: Skeleton and a plan

February 9

Visual design

Quiz 3

February 11


Due Thursday, 2/11, 11:59 pm

A6: Meat on the bones

February 16

Running Experiments

  • slides
  • Assigning participants to conditions video
  • In-Person Experiments video
  • Comparing rates w/CHI-Squaredvideo

February 18

Analytics and A/B Testing

If you're interested in learning databases,


Due Thursday, 2/18, 11:59 pm

A7: Ready for testing

February 23


Quiz 4

February 25

Third party APIs

Due Thursday, 2/25, 11:59 pm

A8: Test your prototype

March 1

Presenting design work

March 3

Project Workshop (no submission)

  • Chi-Squared Test
  • Posters
  • Open Office Hours

Due Thursday, 3/3, 11:59pm

A9: Results!

March 8

Social computing

Quiz 5

March 10

Video Workshop (no submission)

March 11

Final Show

Due Thurs 3/10, 11:59 pm)

A10: Show & Tell

Due Sun 3/13, 11:59 pm)

Extra Credit Work