HCI design studio

CS 247 · Winter 2018

This class will deepen your fluency with design for interactive technology. You will engage hands-on in a design studio environment, connecting the concepts you've learned to iterative design practice. Along the way, you'll learn advanced human-computer interaction techniques.

Lecture Mon+Tue Studio A Wed+Thu Studio B
January 8 (Week 1)

Class intro

P0 and P1 out (class application & materials)
P1 out

Jan 8+9 due date

Studio Sketching and Observation

P0 class application due 1/9 at noon

Jan 9+10


Jan 15 (Week 2)

MLK: no class

Jan 15+16

MLK: no studio

Jan 17+18 due date

In class: Ideation

Bring to studio: one partial (people & problem) molecule of the problem you identified and 1-2 drawings of it. Hang on wall.

Supplies needed Studio 17/18

  • Post-its
  • Drafting dots
  • Paper and thick pen

    P0 sketchnotes Exercise Due

Jan 22 (Week 3)

Lecture: Alternative Research Methods

Sketchnotes on Diary Study Chapter due.

P2 begins.

We now expect you to always have design supplies on you.

Jan 22+23 P1 Due

Bring to Studio and hang on wall:

  1. Completed molecule
  2. Sketch(s) of solution
  3. A list of 3-5 open questions/concerns you have about your design choices

Pick P2 problem space and start recruiting diary study participants

Jan 24+25

Kick off Diary Studies. Bring data printed out to Studio 4A.

Sketchnotes: Journey Maps

Jan 29

Lecture: Models, from Mindmaps to Concept models

Journey Map Sketchnotes due.

Jan 29+30

For Studio: Bring findings to class. We will synthesize in class.

Complete Journey Maps

Jan 31+Feb 1

For Studio: Bring Journey Maps to class. Hang on wall for critique.

Sketchnotes: TBD

Feb 5

Lecture: Advanced Interaction Design

Sketchnotes due.

Feb 5+6

For Studio: Bring your draft system model for critique.

Feb 7+8

For Studio: Bring revised flow.
We will extend system in studio.

Sketchnotes: Chap 2, Interviewing Users

Recommended: Begin validation recruiting. Reading will help; do that first.

Feb 12

Lecture: Validation

Sketchnotes due.

Feb 12+13

Homework: Make a plan for the experiments to share in Studio B using the Experiment Worksheet.

Feb 13+14

Bring to Studio filled out worksheet.

Homework: run experiment.

Sketchnote: What do prototypes prototype?

Feb 19

Orange Hair day: No Class

Feb 19+20

No studios.

Feb 21+22

P2 due

Bring results of validation to class; we will critique.

Sketchnotes due.

Sketchnotes: TBD

Feb 26

Lecture: Advanced Visual Design for UI

P3 begins

Sketchnotes due.

Feb 26+27

Ideation: solving problems, new look & feel,and dark horses....

Feb 28+Mar 1


Sketchnotes: TBD

Mar 5th

Lecture: Iterative Testing Methods

Sketchnotes due.

Mar 5+6

Dry run testing

Mar 7+8

For Studio: Bring in revised mocks for critique

Homework: continue iterative testing.

Sketchnotes: TBD

Mar 12

Lecture: Polishing your design

Mar 12+13
For Studio: Bring in revised mocks for critique

Mar 14+15

P3 due

Teaching assistants
  • Andrew McCabe
    Wednesdays, 5-6pm, CERAS first floor
  • Ash Ngu
    Thursdays 3:00-4:00pm, Lathrop Lounge
  • Kat Gregory
    Tuesdays 1:45-2:45pm, Arbuckle Dining
  • Trijeet Mukhopadhyay
    Thursdays 1:30-2:30pm, Lathrop Lounge
Weekly schedule
  • Lecture
    Mon 1:30–2:20pm, Lathrop 282
  • Studio A: Julie Stanford
    Mon+Wed 3:00–4:20pm, 160-325
  • Studio B: Michael Bernstein
    Mon+Wed 3:00–4:20pm, 200-219
  • Studio C: Christina Wodtke
    Tue+Thu 10:30-11:50am, McCullough 126
  • Studio D: Christina Wodtke
    Tue+Thu 1:30-2:50pm, 160-319

Learning goals

Students will: