HCI design studio

CS 247 · Spring 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
April 2 (Week 1)

Class intro
Seeing the water

P0 and P1 available ( class application & materials)

April 2+3 DUE DATE

Sketching and Observation

Homework: Class application due 4/3 at noon, Start P1 by going to at least 1 lunch place and doing some sketching.

April 4+5

Interviewing & Synthesis

Bring to studio: P1 sketches - let's take a look

Homework: Complete your lunch rush sketches / interviews, start to synthesize them into some insights using the knowledge you got from CS147

Sketchnote assigned: Finish Sketchnote reading, Do sketchnotes for Learning from Strangers

April 9 (Week 2)

Introduction to P2
Alternative Research Methods

P2 available

April 9+10

Problem Synthesis & Refinement

Bring to Studio: Supplies including post-its, your P1 sketches / notes, preliminary list of top insights.

Homework: Finish P1: Create the P1 write-up and turn it in by Friday at 11:59 PM. Go to office hours for further feedback before you submit.

Pick a topic for your P2 with your team.

Read Kuniavsky Diary Studies BEFORE NEXT STUDIO

April 11+12 due date

Fogg Model, Diary Studies & Recruiting

Bring to studio:

  • 100-200 word problem statement
  • 3 "How Might We"s
  • 2 sketches illustrating problem
  • fishbone diagram (optional, recommended)
  • 3 questions you have about your work (is it deep enough? A real problem? etc)


  • Sketchnotes on Kuniavsky Diary Studies

Assignment: Launch Diary Study

Sketchnote assigned: Journey Map Video (Related PPT)

P1 Due Friday at 11:59 PM

April 16 (Week 3)

Behavior Change
Journey Maps
Synthesis Models

P2 available

Due: Journey Map Video sketchnotes

Diary synthesis, follow-up interview planning and Journey maps

Bring to studio:

  • Data from Diary Study


  • Make at least 3 journey maps

Journey map crit, mind maps and circle diagrams

Bring to studio:

  • Printouts of journey maps
  • Optional: Watch this to learn about circle diagrams!


  • Use models to refine insights
  • Turn insights into HMW's
  • Brainstorm solutions

Sketchnote assigned: What do Prototypes Prototype?

April 23 (Week 4)

Rapid Experimentation

Due: What do Prototypes Prototype? sketchnotes

Bodystorming and groupwork in studio

Bring to studio:

  • Top 3 ideas for interventions, ranked


  • Wireflow of your intervention (optional reading)
  • Brainstorm questions to answer and select the one you want to focus on for your experiment/prototype

Critique prototype questions and wireflows
Introduce experiment worksheet

Bring to studio:

  • Intervention wireflow
  • Stack ranked list of questions


  • Plan your experiment and prototype
  • Fill out the experiment worksheet

April 30 (Week 5)
May 7 (Week 6)
May 14 (Week 7)
May 21 (Week 8)
May 28 (Week 9)
June 4 (Week 10)
June 11 (Finals)

Teaching assistants
  • Andrew McCabe
    amccabe [at] stanford [dot] edu
  • Sarah Jobalia Gates 205
    sjobalia [at] stanford [dot] edu
    By Appointment (reserve here)
  • Kat Gregory
    katg [at] stanford [dot] edu
    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-120
  • Studio B: Maneesh Agrawala
    Mon+Wed 3:00–4:20pm, 160-120
  • Studio C: Christina Wodtke
    Tue+Thu 1:30-2:50pm, McMurtry Building rm 360

Learning goals

Students will: