HCI design studio

CS 247 · Winter 2016

This class will deepen your fluency with design prototyping and critique for interactive technology. To do this, you'll learn techniques for rapidly brainstorming and prototyping multiple interface alternatives — and why rapid prototyping is essential to excellent interaction design. You'll learn to communicate your ideas visually. You'll deepen your experiences with needfinding and continuous feedback. And you will do all this in a design studio environment, learning to critique and be critiqued with industry leaders who hold years of experience.


  • Head instructor
  • Prof. Michael Bernstein Th 4:30pm-6pm, Gates 384
  •  
  • Weekly schedule
  • Lecture+Studio M+F 3:30-5:20pm, Lathrop 282
TAs
  • Helen Anderson We 11am-12pm, Lathrop Tech Lounge
  • Scott Cheng Fr 2:15pm-3:15pm, Lathrop Tech Lounge
  • Sarah Nader We 3:30pm-4:30pm, Lathrop Tech Lounge
  • Ishita Prasad Mo 2:15-3:15, Lathrop Tech Lounge
  • Sarah Sterman We 2:30pm-3:30pm, Lathrop Tech Lounge
  • Elaine Zhou Th 1pm-2pm, Lathrop Tech Lounge

Syllabus

Week Monday Friday Assignments
1
January 4

Sketching

Sign up for studios by 11:59pm

Optional reading: Understanding Comics, Ch. 1-3

Slides

Additional Readings

  • How to Draw by Scott Robertson
  • How to Draw Comics the Marvel Way by Stan Lee

January 8

Interaction design: layout, information scent, negative space

P1 critique

P2 launch

Slides

Additional Readings

  • Don't Make Me Think, by Krug
  • Information Foraging Theory, by Pirolli

Due Monday, 1/4, 11:59pm PST

Sign up for class

Due Friday, 1/8, 3:30pm PST

Project 1

2
January 11

Interaction design: mocks, grids, responsive design

Studio intros

Slides

Additional Readings

  • Designing Visual Interface by Mullet and Sano
  • Web Form Design by Wroblewski

Sketch Workshop: Mo Jan 11, 7-9pm @ Gates 219

Web programming workshop: Tu Jan 12, 7-9pm @ Gates 219

January 15

Visual design: mood boards, color, typography, web components

Slides

Additional Readings

  • Thinking with Type by Lupton
  • The New Typography by Tschichold
  • Universal Principles of Design by Lidwell, Holden, Butler
  • The Non Designers Design Book by Robin Williams

Due Friday, 1/15, 3:30pm PDT

Project 2, Part I (suggested deadline)

3
January 18

No class; MLK day

January 22

P2 Studio

Slides

4
January 25

What is Critique

Studio: P2 Critique

P3 Launch

Slides

January 29

Needfinding Observation and Synthesis

Slides

Due Monday, 1/25, 3:30pm PDT

Project 2, Part II

Due Friday, 1/29

Project 3, Part I (suggested deadline)

5
February 1

Brainstorming

Mid-Quarter Feedback

Slides

February 5

Prototyping I

Slides

Due Friday, 2/5

Project 3, Part II (suggested deadline)

6
February 8

Protoyping II

Slides

February 12

Design Sprint

Slides

Due Friday, 2/12

Project 3, Part III (suggested deadline)

7
February 15

No class; Presidents' Day

February 19

Tom Chi + Leila Takayama Guest Lectures

Due Friday, 2/19, 3:30pm PDT

Project 3, Part IV (hard deadline)

8
February 22

Jofish Kaye Guest Lecture

Studio Swap Project Sharing

Launch P4 (final project)

February 26

Social Computing

PMs

Slides

9
February 29

Helena Roeber + Frank Bentley Guest Lecture

Studio Swap Project Sharing

March 4

Ari Sachter-Zeltzer Guest Lecture

Ubiquitous Computing

Slides

Due Monday, 2/29

Project 4, Part I (suggested deadline)

Due Friday, 3/4

Project 4, Part II (suggested deadline)

10
March 7

Presenting Design Work

Slides

March 11

Final Presentations 6-8pm @d.School

Due Thursday, 3/10 at 10am

Project 4, Part III (hard deadline)

Due Friday, 3/11

Project 4 Final presentation

Due Monday, 3/14

Project 4, Part IV (hard deadline)

Materials for this site coordinated by Michael Bernstein, adapted from previous material by Jeff Heer and Scott Klemmer.