F26 CS 449 / 649 Week 7

Lecture

• UX Prototyping: Sketches, flows, wireframes, paper prototypes
• Models and Design principles for interaction
• Evaluating low-fidelity prototypes
• Slides

Studio Prep (P7)

• Share a link to your CH2 Challenge Report Presentation Google Slide deck with your TA via your Teams channel as well as in your design notebook in the "P7: Prepare for Next Studio" section at 12pm the day before the Week 7 studio.

Studio Activities

• CH2: Challenge Report Presentations

To Dos (After Studio)

• Conduct your final 1-2x PO1a Interviews if you haven't already reached 6 - 8 total interviews (and update your affinity diagram after each one)
• Submit your final CH1: Challenge Report
• P8: Prepare for next studio

Sources / References

For more information about the topics covered in lecture and reflected in the studio activity, see the following:

• 📖 Rikke Friis Dam: The 5 Stages in the Design Thinking Process (2025)
• 📖 Kyle Murphy: The 5 Dimensions of Prototype Fidelity (2019)
• 📖 D.Collective: When You Show a Half-Baked Idea to an Important Client (2017)
• 📖 Jackson Chung: 10 Early and Rarely Seen Prototypes of Now Famous Gadgets (2014)
• 📖 Alberto Savoia: The Palm Pilot Story (2019)
• 📖 Kara Pernice (Nielsen Norman Group): UX Prototypes: Low Fidelity vs. High Fidelity (2016)
• 📖 Alexander Handley: User flow is the new wireframe (2018)
• 📖 Page Laubheimer (Nielsen Norman Group): Wireflows: A UX Deliverable for Workflows and Apps (2016)
• 📖 Mike Angeles: Wireflows: A beginner's guide to clearer UI design (2025)
• 📖 Jesse James Garrett: A visual vocabulary for describing information architecture and interaction design (2002)
• 📖 Camren Browne: What are User Flows in User Experience (UX) Design? (2024)
• 📖 Ryan Singer: A shorthand for designing UI flows (2009)
• 📖 sketch.com: 10 Wireframe examples for mobile apps and websites (2026)
• 📖 Nick Babich: How to create mobile app wireframes (in just 8 steps) (2025)
• 📺 Balsamiq: What are Wireframes? (2020)
• 📖 Jason Fried: Sketching with a Sharpie (2007)
• 📖 Interaction Design Foundation: Paper Prototyping
• 📺 Cor-mac: Mobile Application Design : Paper Prototype Video (2017)
• 📺 盐是咸的: Paper Prototype - Paraquote (2016)
• 📖 Justinmind.com: Complete guide to paper prototyping (2024)
• 📖 Christy Tanudjaja: Mengenal Paper Prototyping (2017)
• 📖 Jakob Nielsen (Nielsen Norman Group): Paper Prototyping: Getting User Data Before You Code (2003)
• 📺 Google for Startups: Rapid Prototyping: Sketching (2016)
• 📖 Carolyn Snyder: Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces (2003) (ebook available with WatIAM login)
• 📺 Nielsen Norman Group: Paper Prototyping: How to Create & Usability-Test Simple UI Prototypes (40 min tutorial) (2021)
• 📖 Don Norman: The Design of Everyday Things : Revised and Expanded Edition (1988) (ebook available with WatIAM login)
• 📖 Avadh Dwivedi: Affordance in user interface design (2017)
• 📖 Ben Olson: It’s Not You, It’s the Interface (2017)
• 📖 Joe Natoli: Feedback: 5 Principles of Interaction Design To Supercharge Your UI (5 of 5) (2023)
• 📖 Sachin Rekhi: Don Norman’s Principles of Interaction Design (2017)
• 📖 Sébastien Matos: Evolution of the Scrollbar (2019)
• 📖 Kunal Rathore: Natural scrolling (Mac) vs Reverse scrolling (Windows) (2021)