Interaction Design

COGS120 / CSE170 · Scott Klemmer · Winter 2021 · UCSD

Announcements
  • Use Piazza to communicate with teaching staff.
  • Submissions open 36 hours before due.
  • Feedback and scores are availble on the following Monday at noon.
  • Register your free Invision education license at here.

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 9:30am-10:50am

Labs

Thursdays 9:30am-10:50am

Studio Section

Fridays
Learn more about studio here
.

   Office Hours Calendar

Tuesday
  • Scott Klemmer 11:00am-12:00pm
Wednesday
Thursday

Calendar • Follow the lab/assignment link to submit work

Week Lecture Lab Assignment
1
January 5

Welcome to Interaction Design

January 7

Source control (video)

2
January 12

Experience Design (video)

  • Participant Observation video
  • Interviewing video
  • Additional Needfinding Strategies video
  • Paper Prototypes and Mockups video
  • Faking it: Wizard of Oz video
January 14

Styling (video)

Due Thurs 1/14, 11:59 pm

All Design is Redesign

will be posted by 1/9 11:59pm
3
January 19

Prototyping

  • Heuristics: Understanding video
  • Heuristics: Action video
  • Heuristics: Feedback video
  • Watch two students
    do Heuristic Evaluation video
January 21

Interactive Web pages

Due Thurs 1/21, 11:59 pm

Prototyping

Studio Slides

4
January 26

Show Your Flow: Get Feedback

  • Video Prototyping video
January 28
Servers
Due Thurs 1/28, 11:59 pm

Show Your Flow: Get Feedback

5
February 2

Mental models & distributing cognition

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

Putting it together

Due Thurs 2/4, 11:59 pm

A5: Skeleton and a plan

6
February 9

Visual design

February 11

FB Login & AJAX

Due Thurs 2/11, 11:59 pm

A6: Meat on the bones

7
February 16

Running Experiments

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

February 17

Analytics and A/B Testing

Due Thurs 2/18, 11:59 pm

A7: Ready for testing

8
February 23

Input

  • Finding, Filtering & Foraging video
  • Designing Effective Search video
February 25

APIs, Gesture, and AJAX

Due Thurs 2/25, 11:59 pm

A8: Test your prototype

9
March 2

Presenting design work

March 4

Debugging 101
(submission required)

Due Thurs 3/4, 11:59 pm

A9: Results!

10
March 9

Social computing

March 11

Video Workshop & pitch practice (no submission)

Due Sun 3/14, 11:59 pm

A10: Show & Tell; Extra Credit

11
March 16

Final Show

This course was created by Scott Klemmer. It incorporates revisions by Michael Bernstein and many TAs. Instructors: you are welcome to use these materials for your own class, and dozens of courses around the world do. We share all course materials through a CC-BY license. Please let Scott know if you use them, and also any suggestions you have.