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

Readings

Resources


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

Readings

Resources


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

Readings

Resources


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

Readings


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

Readings

Resources


Week 6: Final project introduction, midterm and needfinding
Mon 7/23 Tue 7/24 Wed 7/25 Thurs 7/26
Final project introduction
Group assignment
Midterm review
Midterm
Final project studio
MicroHCI
Final project studio
MicroHCI
Section Section
Midterm review
Midterm regrade
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
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