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
Lecture: Observation and Sketching

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

For 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


  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.

Sketchnote assigned: Journey Maps Video and Slidedeck

Jan 29 (Week 4)

Lecture: Journey Maps and Mapping Systems

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

Sketchnote assigned: What do prototypes prototype?

Feb 5 (Week 5)

Lecture: Prototyping, Rapid Experimentation, and Gamification

"What do prototypes prototype?" Sketchnote due.

Feb 5+6

For Studio: Bring your storyboard for critique.

Feb 7+8

For Studio: Bring your prototype's question and the wireflow.

Sketchnote assigned: Interviewing Chapter from “Learning from Strangers. Note: Significant portions of this are interview transcripts. Just sketchnote the key points to learn from each example.

Recommended: Begin validation recruiting

Feb 12 (Week 6)

Lecture: Deliverables

Sketchnotes due.

Feb 12+13

For Studio: a first-draft prototype, ready for peer usability testing

Homework: Revise prototype and revise field study method

Feb 14+15

For Studio: A revised prototype and field study method

Homework: Run field study

Optional sketchnote assigned: Deliverables Basics

Feb 19 (Week 7)

Orange Hair day: No Class

Feb 19+20

No studios.

Feb 21+22

P2 due

Present P2 final report in studio for critique.

Sketchnote assigned: Kuniasky Usability Testing

Feb 26 (Week 8)

Lecture: Polish from Usability to Brand

P3 begins

Sketchnotes due.

Feb 26+27

In studio: Team assignments and norms, discussion of comparitors, prep for usability test

Feb 28+Mar 1

In studio: Synthesize results, create action list. Create moodboards.

Sketchnote assigned: RITE method

Mar 5th (Week 9)

Lecture: Rapid Iterative Testing and Evaluation and Dark Horses

Sketchnotes due.

Mar 5+6

For studio: Bring 3-4 visual directions (one per team member) and your final Style Tile. Be ready to justify your choice.

In-studio: Ideation: Let’s get weird and wonderful

Mar 7+8

For Studio: Bring 3 Low-fi prototypes to share (either paper or POP) for peer-critique.

In-studio: Prototype fair/ ambassador testing

Homework assigned: Create a higher resolution version (add brand style and refine interaction. e.g. Sketch + Invision) and usability test it. Bring results to Studio 10A next week.

Sketchnote assigned: Design for Non-Designers (recommended) or How I Got My Mom to Play Through Plants vs Zombies

Mar 12

Lecture: Polishing your design

Mar 12+13
For Studio: Bring in revised mocks and usability testing results for critique

Mar 14+15


Be prepared to present your methodology and show your final prototype. 5 minutes total presentation time.

P3 due on March 16

Mar 21

Take Home Final due at 11:59pm

Teaching assistants
  • Andrew McCabe
    Wednesdays, 5-6pm, CERAS first floor
  • Ash Ngu
    By appointment (reserve here)
  • Kat Gregory
    By appointment (reserve here)
  • Trijeet Mukhopadhyay
    By appointment (reserve here)
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: