F26 CS 449 / 649 Week 8
Lecture
- Guest lectures: U. Waterloo HCI Lab PhD Candidates Brandon Lit and Anchit Mishra
- Slides
Studio Prep (P8)
- Each team member should produce one screen sketch for one of the features using this phone template (make sure you print at scale 100%). The base screen for a feature is usually the screen people see when they click on a tab on the mobile app. The sketch should simulate the intended layout (i.e., appropriately-sized interface elements, such as buttons, textboxes, labels) and actual content (i.e., real text, as opposed to placeholders for text). The sketch should still be low fidelity, i.e., they should look and feel like a sketch, has minimal or no color, no font, no styling, etc. Cut out this refined base screen sketch, and bring it to the next studio class. These screen sketches will serve as the static screens for your app.
- For Week 8 Prep writeup (P8), include photos of these sketches in the design notebook.
- IMPORTANT: for paper prototyping session, you will need pencils, pens, highlighters, erasers, rulers, glue, scissors, tape. Acquire these materials and bring them to the Week 8 Studio. We will provide paper and sticky notes; though if you have some at home, bring them as well.
Studio Activities
To Dos (After Studio)
- Complete design notebook entry for D7: Low-Fidelity Prototyping
- P9: Prepare for next studio
Sources / References
For more information about the studio activity, see the following:
- See Week 7 notes
- 📖 Kate Moran (Nielsen Norman Group): Usability (User) Testing 101 (2026)
- 📖 Jakob Nielsen (Nielsen Norman Group): Thinking Aloud: The #1 Usability Tool (2012)
- 📖 Jakob Nielsen (Nielsen Norman Group): Demonstrate Thinking Aloud by Showing Users a Video (2014)
- 📺 Ellucian UX Research: Demo: How to think aloud while participating in a usability test (2016)
- 📖 Susan Farrell (Nielsen Norman Group): Test Paper Prototypes to Save Time and Money: The Mozilla Case Study (2015)