Schedule
- Week 1 (May 6-)
- Week2 (May 13-)
- Week3 (May 20-)
- Week4 (May 27-)
- Week5 (Jun 3-)
- Week6 (Jun 10-)
- Week7 (Jun 17-)
- Week8 (Jun 24-)
- Week9 (Jul 1-)
- Week10 (Jul 8-)
- Week11 (Jul 15-)
- Week12 (Jul 22-)
- Week13 (Jul 29-)
All deliverables are due 24 hours before the class based on the following schedule (unless otherwise specified). If you are in the Tuesday’s class, the deadlines are on Mondays; if you are in the Thursday’s class, the deadlines are on Wednesdays. The “Due” section of each week indicates that you need to submit your deliverables in that week. For example, in Week 2, ethic training (1a) is due on May 13 (Mon) at 2:30pm for LEC 001 and on May 15 (Wed) at 2:30pm for LEC 002.
Week 1 (May 6-)
Lecture Topics
- Course Overview
- What & Why HCI
- Good & Bad Designs
Extra Readings
- UI vs. UX: What’s the Difference between User Interface and User Experience? by Spencer Lanoue
- Design Thinking by Tim Brown
- Designers - Think Big! by Tim Brown
To-do’s
Week2 (May 13-)
Guest Lecture
- Design-Oriented HCI: From Theory to Practice, by Dr Kmi Zhong
Extra Readings
- Ubiquitous Computing and the Emerging Digital Eco-System by Bill Buxton
- Computer Supported Cooperative Work from The Encyclopedia of Human-Computer Interaction
- Disability & Innovation: The Universal Benefits of Accessible Design by Haben Girma
To-do’s
Due
- Ethic training (1a)
Week3 (May 20-)
Lecture Topics
- Design Process
- Value Proposition
- Personas
- Empathy Mapping
Extra Readings
- Personas - A Simple Introduction by Rikke Friis Dam and Teo Yu Siang
- Empathy Mapping: The First Step in Design Thinking by Sarah Gibbons
- The Long Road to Inventing Design Personas by Alan Cooper
- How Airbnb Designs for Trust by Joe Gebbia
- What is Mobile First Design? Why It’s Important & How To Make It?
Design Activities
- Define the value proposition of your final product
- Describe personas and create empathy maps
To-do’s
Due
- Team formation (1b)
- Team contract (1b)
Week4 (May 27-)
Lecture Topics
- Exploratory Methods
- Interviews
Extra Readings
- Interviews from Interaction Design: Beyond Human-Computer Interaction
- Observations from Interaction Design: Beyond Human-Computer Interaction
- Why You Only Need to Test with 5 Users by Jakob Nielsen
- IDEO Shopping Cart
- Questionnaires from Interaction Design: Beyond Human-Computer Interaction
Design Activities
- Draft interview questions and questionnaire questions
- Plan and mock your interview session
- Interview at least 3 users
To-do’s
Due
- Design document #1 (2a)
Week5 (Jun 3-)
Lecture Topics
- Affinity Diagrams
- POV and HMW
Extra Readings
- Affinity Diagrams - Learn How to Cluster and Bundle Ideas and Facts by Rikke Friis Dam and Teo Yu Siang
- Card Sorting: Uncover Users’ Mental Models for Better Information Architecture by Katie Sherwin
- Affinity Diagrams - Tips and Tricks by Talisha Payton
- AEIOU Framework and its origin: Building a Useful Research Tool: An Origin Story of AEIOU by Rick Robinson
- The Paradox of Choice by Barry Schwartz
Design Activities
- Create affinity diagrams from observations
- Create affinity diagrams from interviews
- Use POV and HMW to analyze data
To-do’s
Due
- Design document #2 (2a)
Week6 (Jun 10-)
Lecture Topics
- Creative Process
- User Stories, User Scenarios, and Use Cases
- Storyboards
Extra Readings
- Design Fixation by David Jansson and Steven Smith
- The Surprising Habits of Original Thinkers by Adam Grant
- A Crash Course in Creativity by Tina Seelig
- Do Schools Kill Creativity? by Sir Ken Robinson
- Ideation in Practice: How Effective UX Teams Generate Ideas by Aurora Harley
Design Activities
- Draft user stories
- Create storyboards based on the user stories
To-do’s
Due
- Reading reflection #1 (1c)
- Design document #3 (2a)
Week7 (Jun 17-)
Lecture Topics
- Design Principles
- Sketches, Wireframes, and User Flows
Extra Readings
- Affordance, conventions, and design by Don A. Norman
- The Sketch Test: How to Test and Improve Your UX Deliverables and Other Documents by Page Laubheimer
- Signifiers, not Affordances by Don A. Norman.
- How Google Approaches the Process of Ideation by Maya Frai
- Affordances: Clarifying and Evolving a Concept by Joanna McGrenere and Wayne Ho
Design Activities
- Carry out Crazy 8 ideation
- Draw sketches for your application features
- Construct user flows based on the sketches
To-do’s
Due
- Design document #4 (2a)
- Mid-term report (2b)
Week8 (Jun 24-)
Lecture Topics
- Design Specifications
- Low-fidelity Prototypes
- Paper Prototyping
Extra Readings
- Wireflows: a UX Deliverable for Workflows and Apps by Page Laubheimer
- The Efficacy of Prototyping Under Time Constraints by Steven Dow et al.
- Prototyping: Learn Eight Common Methods and Best Practices by Rikke Friis Dam and Teo Yu Siang
- Paper Prototyping: Getting User Data Before You Code by Jakob Nielsen
- Information Architecture by Andrew Dillon and Don Turnbull
Design Activities
- Create low-fidelity prototypes for the key features of your application
To-do’s
Due
- Design document #5 (2a)
- Design critiques (2c)
Week9 (Jul 1-)
Lecture Topics
- User Testing
- Low-fidelity prototype evaluation
Extra Readings
- Test Paper Prototypes to Save Time and Money: The Mozilla Case Study by Susan Farrell
- Interactive Menu for Food and Beverage - UX Case Study by Daniel Alshriky
- Basic Patterns for Mobile Navigation: A Primer by Raluca Budiu
- Getting the Right Design and the Design Right: Testing Many is Better than One by Tohidi et al.
- Field Studies from Interaction Design: Beyond Human-Computer Interaction
Design Activities
- Plan and mock your low-fidelity prototype evaluation
- Conduct low-fidelity prototype evaluation
To-do’s
Due
- Design document #6 (2a)
- Responses to design critiques (2c)
Week10 (Jul 8-)
Lecture Topics
- Visual Design
- Design Principles
- High-fidelity Prototype
Extra Readings
- 7 Rules for Creating Gorgeous UI: Part 1 and 7 Rules for Creating Gorgeous UI: Part 2 by Erik D. Kennedy
- The Role of the Prototype in Research Through Design by Stephan Wensveen
- The Complex Relationship between Data and Design in UX by Rochelle King
- Hierarchy with Fonts
- The Gestalt Principles
Design Activities
- Create a high-fidelity prototype for your application
To-do’s
Due
- Reading reflection #2 (1c)
- Design document #7 (2a)
Week11 (Jul 15-)
Lecture Topics
- Heuristic Evaluation
- Cognitive Walkthrough
- Usability Testing
Extra Readings
- Cognitive Walkthrough in User Interface Inspection Methods from User Interface Inspection Methods
- Turn User Goals into Task Scenarios for Usability Testing by Marieke McCloskey
- Heuristic Evaluation: How to Conduct a Heuristic Evaluation by Euphemia Wong
- How to Conduct a Cognitive Walkthrough
- Experimental Research in HCI by Darren Gergle and Desney S. Tan
- Survey Research in HCI by Hendrik Müller et al.
Design Activities
- Conduct a high-fidelity prototype evaluation
To-do’s
Due
- Design document #8 (2a)
Week12 (Jul 22-)
Project Presentations
To-do’s
Due
- Design document #9
- Project presentation (3a)
Week13 (Jul 29-)
No Class
Due
- Demo video (3b)
- Final report (3c)
- Research proposal (CS649)
- Team Peer Evaluation (1b)