HCI design studio

CS 247 · Winter 2019

This class teaches advanced techniques in human-computer interaction design, with a focus on challenging design contexts. Topics include visual communication, diary studies, journey maps, theories of behavior change, wireflows, design patterns, design systems, information architecture, grid systems, and remote usability studies.

Project Tu/Wed, Studio A Th/Fr, Studio B
January 7–11

Course application

Project 1


Sketching interactions


Project 2

Sketchnotes: Rohde, Sketchnote Handbook

Diary studies

Behavior change theories

Sketchnotes: Kuniavsky, Diary Studies

Advanced interview strategies: e.g., critical incident analysis, managing status differentials

Journey maps

System design models

Sketchnotes: What do prototypes prototype


Longitudinal field studies

Sketchnotes: Towards and Ethics of Persuasive Technology

Project 2 prototype fair

Design ethics: behavior change

Project 3

Sketchnotes: Learning From Strangers

Project 2 presentations

Comparative user research

Remote testing

Sketchnotes: Technically wrong

Conceptual models


Information architecture


Sketchnotes: On Web Typography

Design patterns

RITE testing


Sketchnotes: How I Got My Mom to Play Through Plants vs. Zombies

Design systems

Style tiles

Unmoderated remote testing

Project 3 draft feedback

Project 3 presentations

Final due on March 20 at 11:30 AM
(the latest final exam slot for any of our studios)

Teaching assistants

You will be enrolled in and attend one studio.

  • Studio 1: Michael Bernstein
    Wed+Fri 2:30–4:20pm, STLC 114
  • Studio 2: Julie Stanford
    Wed+Fri 9:30–11:20am, McMurtry 350
  • Studio 3: Christina Wodtke
    Tu+Th 9:30–11:20am, Tuesdays STLC 104 and Thursdays 200-013

Learning goals

Students will learn advanced design techniques including:

  • Visual communication: sketching.
  • Needfinding: diary studies, journey maps, interviewing with critical incidents and status differentials.
  • Interaction: wireflows, information architecture, navigation design, design patterns.
  • Visual design: grids, design systems, style tiles.
  • Evaluation: longitudinal field studies, remote usability studies.