Human-Computer Interaction Design

COGS120/CSE170 Scott Klemmer · Winter 2015 UCSD

  • You can find the Extra Credit Assignments here
  • Lab 7-8 grades are uploaded to, you can login in to review your lab grades.

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
  • Lecture Tuesdays 12:30-13:50pm
  • Lab Thursday 12:30-13:50pm
  • Fridays Studio Sections
    8:20-9:30am, 9:00-10:10am
    9:40-10:50am, 10:20-11:30am
    11:00-12:10pm, 11:40-12:50pm
    12:20-13:30pm, 13:00-14:10pm
    13:40-14:50pm, 14:20-15:30pm
  • Lectures in CICC 101(Copley International Conference Center).
  • Studio locations: Atkinson Hall 5204, CogSci 180, CogSci 272
CogSci building location
Atkinson Hall location

    Tuesday staff office hours (in Atkinson 5204)
  • Adam Mekrut Tuesday 4:30-5:30pm
  • Yu Xia (Wechat: dotcom900825) Tuesday 5:30-6:30pm
Wednesday staff office hours (in Atkinson 5204)
  • Alvin Li Wednesday 3:30pm-4:30pm
  • Vineet Pandey Wednesday 4:30-5:30pm
  • Purvi Desai Wednesday 5:30-6:30pm
Thursday staff office hours (in Atkinson 5204)
  • Prof. Scott Klemmer Thursday 2:00pm-3:00pm
    except when traveling for talks/conferences
  • Kevin Lim Thursday 4:30pm-5:30pm
  • Robert J Gougelet Thursday 5:30pm-6:30pm

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

Week Lecture Lab Assignment
January 6


January 8

Source control

Turn in Worksheet and questions at studio.

A1: Design thinking

January 13


January 15


Due Thursday, 1/15, 11:59 pm

A2: Needfinding

January 20


January 22

Client-side interactivity

Quiz 1

Due Thursday, 1/22, 11:59 pm

A3: Prototyping

January 27

Heuristic evaluation

  • slides
  • Heuristic Evaluation Why and How video
  • Design Heuristics(Part 1/2) video
  • Design Heuristics(Part 1/2) video
January 29
Due Thursday, 1/29, 11:59 pm

A4: Heuristic evaluation

February 3

Mental models & distributing cognition

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

Putting it together

Due Thursday, 2/5, 11:59 pm

A5: Skeleton and a plan

February 10

Visual design

February 12


Due Thursday, 2/12, 11:59 pm

A6: Meat on the bones

February 17

Running Experiments

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

February 19


Due Thursday, 2/19, 11:59 pm

A7: Ready for testing

February 24


February 26

Analytics and A/B testing

Due Thursday, 2/26, 11:59 pm

A8: Test your prototype

March 3

Presenting design work

Quiz 3

March 5

Project Workshop (no submission)

  • Writing up Experimental Results
  • Composing your project pitch
  • Designing your poster
  • Tying up loose ends

Due Friday, 3/6, 3:30pm

A9: Results!

March 10

Social computing

March 12

Final Show

A10: Show & Tell (Due Weds 3/11, 11:59 pm)

Extra Credit Work (Due Friday, 3/13, 3:30 pm)