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

Sketchnotes: Rohde, Sketchnote Handbook


Sketching interactions


Project 2

Sketchnotes: Kuniavsky, Diary Studies

Diary studies

Behavior change theories

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

Journey maps

System design models


Longitudinal field studies

Project 2 prototype fair

Design ethics: behavior change

Project 3

Project 2 presentations

Comparative user research

Remote testing

Conceptual models


Information architecture


Design patterns

RITE testing


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.