Week 1: Introduction, visual design, prototyping

Mon 6/18	Tue 6/19	Wed 6/20	Thurs 6/21
SLIDES Introduction HCI Overview Design Cycle Visual Sketching	SLIDES Visual design Typography Formal analysis	SLIDES Design methods Prototyping Wireframes Storyboards	SLIDES STUDIO Critique how-to Critique
Section		Section
SLIDES Introductions HTML/CSS 101		SLIDES Grid Bootstrap Wireframe to Markup

Project

• P1: Weather application prototype

Readings

• [M] Sketching User Experience Workbook, 2.1, 3.3-3.5, 4.1, 4.4 (Buxton)
• [T] Universal Principles of Design (Lidwell, Holden, Butler)
• [W] What do prototypes prototype? (Houde & Hill)
• [W, Optional] Getting the Right Design and the Design Right (Tohidi et al.)
• [Future, Optional] Understanding comics: The invisible art (McCloud)

Resources

• HTML and CSS tutorial
• Bootstrap documentation
• codecademy.com JavaScript introduction

Week 2: Cognitive models and heuristic evaluation

Mon 6/25	Tue 6/26	Wed 6/27	Thurs 6/28
SLIDES Observation and task analysis	SLIDES Contextual Inquiry Affordance Metaphors Conceptual models	SLIDES Web overview GOMS Human Model Processor	SLIDES STUDIO Heuristic evaluation
Section		Section
SLIDES Javascript 101 Binding interaction		SLIDES Web APIs overview

Project

• P2: Exercises for a functional weather application

Readings

• [Tu] Chapter 1: The Design of Everyday Things (Norman)
• [W] The Model Human Processor (Card, Moran and Newell)
• [Th] How to Conduct Heuristic Evaluation (Nielsen)
• [Th] 10 Usability Heuristics for User Interface Design (Nielsen)
• [Tu, Optional] Contextual Inquiry (Beyer and Hotlzblatt)

Resources

• codecademy.com JavaScript introduction

Week 3: Web programming and creativity support tools

Mon 7/2	Tue 7/3	Wed 7/4	Thurs 7/5
SLIDES Human model processor continued, HCI Laws	SLIDES Design Patterns Creativity Support Tools Mixed Initiative	Fourth of July Holiday	SLIDES STUDIO Cognitive walkthrough Wizard of Oz
Section		Section
SLIDES Paper.js Paths and scene graph Color and gradient Events		Fourth of July Optional activity: Vectors, Normals

Project

• P3: Coloring application

Readings

• [M, also last week] The Model Human Processor (Card, Moran and Newell)
• [M, moved to future] Model, View, Controller (Olsen)
• [Tu] Creativity Support Tools (Schneiderman)
• [Tu] Design principles to support creative thinking (Resnick)
• [Tu, optional] Principles of mixed-initiative user interfaces (Horvitz)

Resources

• Paper.js

Week 4: Input, sensing and collaboration

Mon 7/9	Tue 7/10	Wed 7/11	Thurs 7/12
SLIDES Direct Manipulation Input	SLIDES Series of tubes Sensors Activity recognition	SLIDES Ubiquitous computing Social computing Crowd computing	STUDIO Storyboard critique
Section		Section
SLIDES Smoothing Device Orientation		SLIDES Interviewing, Personas

Project

• P4: Exquisite Corpse

Readings

• [M] Direct Manipulation Interfaces (Hutchins, Hollan, Norman)
• [M, optional] Input Technologies and Techniques (Hinckley)
• [W] The Computer For the 21st Century (Weiser)
• [W, optional] Proxemic Interactions: The New Ubicomp? (Greenberg et al.)
• [W, optional] Designing games with a purpose (von Ahn and Dabbish)
• [W, optional] Soylent: a word processor with a crowd inside (Bernstein)

Week 5: Usability testing, data analysis and visualization

Mon 7/16	Tue 7/17	Wed 7/18	Thurs 7/19
SLIDES Persona Cognitive Walkthrough Usability testing	SLIDES Experiments continued Ethics	SLIDES Information Visualization	SLIDES STUDIO Experimental design Statistical testing
Section		Section
SLIDES A Quick DB		SLIDES A Quick DB #2

Project

• P5: Life logging

Readings

• About Face: Essentials of Interaction Design -- Chapters 4, 5 (Cooper, Reimann, Cronin)
• Considering visual variables as a basis for information visualization (Carpendale)
• Doing Psychology Experiments, Chapters 2, 7, 12 (Martin)
• [Optional] Practical Guide to Controlled Experiments on the Web (Kohavi, Henne and Sommerfield)

Resources

• Midterm Study Guide

Week 6: Final project introduction, midterm and needfinding

Mon 7/23	Tue 7/24	Wed 7/25	Thurs 7/26
Midterm review	Midterm	Final project introduction Group assignment Final project studio	SLIDES Final project studio
Section		Section
Midterm review		No section

Project

• Final project: Checkpoint #1

Week 7: Design, prototyping, implementation

Mon 7/30	Tue 7/31	Wed 8/1	Thurs 8/2
Final project studio MicroHCI topic PM Meeting	Final project studio MicroHCI topic	Final project studio MicroHCI topic PM Meeting	Final project studio MicroHCI topic
Section		Section
PM checkpoint		PM checkpoint

Project

• Final project: Checkpoint #2

Week 8: User studies, final presentations and deliverables

Mon 8/6	Tue 8/7	Wed 8/8	Thurs 8/9
Final project studio The pitch PM Meeting	Final project studio Practice presentations	Practice presentations	Final project presentations
Section		Section
Practice presentations

Project

• Final project: Checkpoint #3