Interaction Design

COGS120 / CSE170 · Scott Klemmer · Winter 2019 · UCSD

Announcements
  • Use Piazza to communicate with teaching staff.
  • Studio assignments can be found here.
  • Gradescope Entry Code: 97DRD3
  • 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
CICC 101 (Copley International Conference Center)

Labs

Thursdays 9:30am-10:50am
CICC 101 (Copley International Conference Center)

Studio Section

Fridays at CSB.
Learn more about studio here
.

CSB (CogSci building) location

   Office Hours Calendar

Monday
  • Jingyao Zhan 1:00pm-2:00pm
  • Gus Umbelino 2:00pm-3:00pm
Tuesday
  • Scott Klemmer 11:00am-12:00pm
  • Mayank Rajoria 1:00pm-2:00pm
Wednesday
  • Ian Drosos 11:00am-12:00pm

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

Week Lecture Lab Assignment
1
January 8

Introduction & Needfinding

January 10

Source control

Due Friday, 1/11, 1:59 pm

A1: Needfinding

Turn in Design thinking handout at the start of studio.
2
January 15

Experience Design

  • Paper Prototypes and Mockups video
  • Faking it: Wizard of Oz video
January 17

Styling

Due Thursday, 1/17, 11:59 pm

A2: Experience Prototypes

3
January 22

Prototyping

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

Interactive Web pages

Due Thursday, 1/24, 11:59 pm

A3: Prototyping

4
January 29

Show Your Flow: Get Feedback

  • Video Prototyping video
January 31
Servers
Due Thursday, 1/31, 11:59 pm

A4: Show Your Flow: Get Feedback

5
February 5

Mental models & distributing cognition

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

Putting it together

Due Thursday, 2/7, 11:59 pm

A5: Skeleton and a plan

6
February 12

Visual design

February 14

FB Login & AJAX

Due Thursday, 2/14, 11:59 pm

A6: Meat on the bones

7
February 19

Running Experiments

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

February 21

Analytics and A/B Testing

Due Thursday, 2/21, 11:59 pm

A7: Ready for testing

8
February 26

Input

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

APIs, Gesture, and AJAX

Due Thursday, 2/28, 11:59 pm

A8: Test your prototype

9
March 5

Presenting design work

March 7

Debugging 101
(submission required)

Due Thursday, 3/7, 11:59 pm

A9: Results!

10
March 12

Social computing

March 14

Video Workshop & pitch practice (no submission)

Due Thursday, 3/14, 11:59 pm

A10: Show & Tell

Friday, 3/15, 4:30 pm

Final Show

Due Sunday, 3/17, 11:59 pm

Extra Credit Work