Human-Computer Interaction Design

COGS120/CSE170 Scott Klemmer · Winter 2016 UCSD

Announcements
  • 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

Lecture

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

Labs

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
1
January 5

Introduction
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
2
January 12

Needfinding

Quiz 1
January 14

Styling

Due Thursday, 1/14, 11:59 pm

A2: Needfinding
3
January 19

Prototyping
January 21

Client-side interactivity

Due Thursday, 1/21, 11:59 pm

A3: Prototyping
4
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
Servers
Due Thursday, 1/28, 11:59 pm

A4: Heuristic evaluation
5
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
6
February 9

Visual design

Quiz 3
February 11

AJAX
Due Thursday, 2/11, 11:59 pm

A6: Meat on the bones
7
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,

Databases(optional)
Due Thursday, 2/18, 11:59 pm

A7: Ready for testing
8
February 23

Input

Quiz 4
February 25

Third party APIs
Due Thursday, 2/25, 11:59 pm

A8: Test your prototype
9
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!
10
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