Week 1: Introduction to Design

Mon 1/17	Wed 1/19	Fri 1/21
Holiday	Lecture Slides This Class What is HCI? Design Cycle	Lecture Slides Design Cycle Design Methods Sketching Exercise

Project

• P1: Weather travelers

Readings

• Sketching User Experience Workbook, 2.1, 3.3-3.5, 4.1, 4.4 (Buxton)
• [Optional Book Rec] Understanding comics: The invisible art (McCloud)

Week 2: Prototyping Interfaces

Mon 1/24	Wed 1/26	Fri 1/28
Lecture Slides Design Methods Cont. Prototyping Wireframes	Lecture Slides STUDIO Formal Analysis Critique	Lecture Slides HTML/CSS Intro Gestalt Principles

Project

• P1: Weather travelers

Readings

• What do prototypes prototype? (Houde & Hill)
• Getting the Right Design and the Design Right (Tohidi et al.)
• [Reference] Universal Principles of Design (Lidwell, Holden, Butler)

Resources

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

Week 3: Understanding People (Needfinding)

Mon 1/31	Wed 2/2	Fri 2/4
Lecture Slides Observation Contextual Inquiry Think Aloud	Lecture Slides MINI STUDIO Task Analysis Observation Exercise	ICE DAY - NO CLASS

Project

• P2: Interactive Coloring

Readings

• Principles of Contextual Inquiry (Beyer and Hotlzblatt)
• About Face: Essentials of Interaction Design (Chapter 4 & 5)

Resources

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

Week 4: Prototyping Interactions

Mon 2/7	Wed 2/9	Fri 2/11
Lecture Slides Affordance Metaphors Conceptual models	Lecture Slides STUDIO Heuristic Evaluation	Lecture Slides JavaScript Event Handling Design Patterns

Project

• P2: Interactive Coloring

Readings

• Chapter 1: The Design of Everyday Things (Norman)
• [Optional] Direct Manipulation Interfaces (Hutchins, Hollan, Norman)
• How to Conduct Heuristic Evaluation (Nielsen)
• 10 Usability Heuristics for User Interface Design (Nielsen)

Resources

• Paper.js
• Paper.js Supplemental Slides #1 (paper.js, paths, colors, gradients)
• Paper.js Supplemental Slides #2 (paper.js, events, vectors)

Week 5: Understanding People (Evaluation)

Mon 2/14	Wed 2/16	Fri 2/18
Lecture Slides Events Conceptual Models Taxonomy of Errors	Lecture Slides STUDIO Creativity Support Tools	Lecture Slides Experiments Variables

Project

• P2: Interactive Coloring

Readings

• About Face: Essentials of Interaction Design -- Chapters 4, 5 (Cooper, Reimann, Cronin)
• Doing Psychology Experiments, Chapters 2, 7, 12 (Martin)
• [Optional] Practical Guide to Controlled Experiments on the Web (Kohavi, Henne and Sommerfield)

Resources

• Paper.js

Week 6: Understanding People (Models)

Mon 2/21	Wed 2/23	Fri 2/25
Lecture Slides Ethics Experiment Design	Lecture Slides Experiments Studio Inferential Statistics	Lecture Slides Human Model Processor KLM HCI Laws

Project

• P3: Exquisite Corpse

Readings

• Designing Psychology Experiments (Chapter 2)
• Designing Psychology Experiments (Chapter 7)
• Designing Psychology Experiments (Chapter 12)
• The Model Human Processor (Card, Moran, Newell)

Week 7: Interactive Systems

Mon 2/28	Wed 3/2	Fri 3/4
Lecture Slides HCI Laws Input	Lecture Slides Sockets Sensing	Lecture Slides Persona Storyboard STUDIO

Project

• P3: Exquisite Corpse

Readings

• Model, View, Controller (Olsen)
• Principles of mixed-initiative user interfaces (Horvitz)
• [Optional] Input Technologies and Techniques (Hinckley)

Resources

• Midterm Review

Week 8: HCI Past, Present and Future

Mon 3/7	Tue 3/9	Wed 3/11
Lecture Slides Visual Design Typography Color	Lecture Slides History Ubiquitous Computing	Lecture Slides Social Computing Accessibility

Project

• P3: Exquisite Corpse

Resources

• Midterm Review

Week 9: Spring Break

Mon 3/14	Wed 3/16	Fri 3/18
No Class	No Class	No Class

Project

• Relax

Resources

• Midterm Review

Week 10: Midterm & Final Project (Ideation)

Mon 3/21	Wed 3/23	Fri 3/25
Lecture Slides Midterm Review	Midterm	Team Contracts Final Project Studio

Project

• Final Project Teams

Resources

• Midterm Review

Week 11: Final Project (Needfinding)

Mon 3/28	Wed 3/30	Fri 4/1
Lecture Slides Final Project Studio Material Monday PL Meeting	Final Project Studio Instructor Feedback Groups 1-6	Lecture Slides Final Project Studio Instructor Feedback Groups 6+

Project

• Final Project: Milestone #1

Week 12: Final Project (Low-Fi Prototype & Feedback)

Mon 4/4	Wed 4/6	Fri 4/8
Final Project Studio Material Monday PL Meeting	Final Project Studio Instructor Feedback Groups 1-6	Final Project Studio Instructor Feedback Groups 6+

Project

• Final Project: Milestone #2

Week 13: Final Project (High-Fi Prototype & Evaluation)

Mon 4/11	Wed 4/13	Fri 4/15
Final Project Studio Material Monday PL Meeting	Final Project Studio Instructor Feedback Groups 1-6	Final Project Studio Instructor Feedback Groups 6+

Project

• Final Project: Milestone #3

Week 14: Final Project (Implementation & Evaluation)

Mon 4/18	Wed 4/20	Fri 4/22
Final Project Studio Material Monday PL Meeting	Final Project Studio Instructor Feedback Groups 1-6	Final Project Studio Instructor Feedback Groups 6+

Project

• Final Project: Milestone #4

Week 15: Final Project (Implementation & Evaluation)

Mon 4/25	Wed 4/27	Fri 4/29
Final Project Studio Material Monday PL Meeting	Final Project Studio Presentation Feedback Groups 1-6	Final Project Studio Presentation Feedback Groups 6+

Project

• Final Project: Milestone #5

Week 16: Final Project (Presentations)

Mon 5/2	Wed 5/4	Fri 5/6
Final Project Presentations Final Project Studio REMOTE	Final Project Presentations Final Project Studio REMOTE	Final Project Technical Demos IN-PERSON

Project

• Final Project Presentations & Technical Demo