Prototyping and IterationActivities & Teaching Strategies
Active prototyping puts design thinking into students’ hands immediately, letting them test ideas with minimal risk. Paper and cardboard prototypes allow quick pivots before time is wasted on polished but flawed solutions.
Learning Objectives
- 1Critique the effectiveness of low-fidelity prototypes in identifying usability issues.
- 2Design a high-fidelity prototype that incorporates user feedback to improve a digital interface.
- 3Compare the iterative design process using low-fidelity versus high-fidelity prototypes.
- 4Evaluate the trade-offs between speed of iteration and fidelity of representation in prototyping.
- 5Synthesize user feedback into actionable design changes for a minimum viable product.
Want a complete lesson plan with these objectives? Generate a Mission →
Pairs: Paper App Prototyping
Partners sketch a mobile app interface on paper for a user problem, like a study planner. One acts as the 'app' by manipulating paper elements based on the other's inputs. Switch roles, note usability issues, then iterate the sketch in 10 minutes.
Prepare & details
Why is it better to fail early with a paper prototype than late with a finished product?
Facilitation Tip: During Paper App Prototyping, circulate with questions like, 'What does this button actually do?' to push students beyond decoration toward functional clarity.
Setup: Flexible workspace with access to materials and technology
Materials: Project brief with driving question, Planning template and timeline, Rubric with milestones, Presentation materials
Small Groups: Feedback Stations
Groups create low-fidelity prototypes at stations. Other groups rotate every 7 minutes to test and provide sticky-note feedback on usability and appeal. Return to refine prototypes twice based on collected input.
Prepare & details
How do we incorporate user feedback without losing the original vision of the project?
Facilitation Tip: Set a three-minute timer for each Feedback Station carousel to keep feedback sessions brisk and focused on specific features.
Setup: Flexible workspace with access to materials and technology
Materials: Project brief with driving question, Planning template and timeline, Rubric with milestones, Presentation materials
Whole Class: Iteration Gallery Walk
Display all prototypes around the room. Students walk the gallery, testing each and voting on improvements with dot stickers. Designers review feedback and pitch one key iteration to the class.
Prepare & details
What is the minimum viable product for this specific user problem?
Facilitation Tip: For the Iteration Gallery Walk, ask students to place a green sticker on revisions they would make and a red one on ideas they would abandon, making priorities visible.
Setup: Flexible workspace with access to materials and technology
Materials: Project brief with driving question, Planning template and timeline, Rubric with milestones, Presentation materials
Individual: Prototype Evolution Log
Students document their prototype from low to high fidelity in a log with photos and notes on feedback changes. Share final versions in a quick show-and-tell.
Prepare & details
Why is it better to fail early with a paper prototype than late with a finished product?
Facilitation Tip: In Prototype Evolution Logs, require students to date entries so they can trace their own progress over time.
Setup: Flexible workspace with access to materials and technology
Materials: Project brief with driving question, Planning template and timeline, Rubric with milestones, Presentation materials
Teaching This Topic
Teach iteration as a mindset, not a process step. Use low-fidelity prototypes to normalize early mistakes and high-fidelity examples to show how refinement sharpens solutions. Avoid rushing students past feedback loops—each cycle builds critical analysis skills.
What to Expect
By the end of these activities, students will confidently build rough versions, gather focused feedback, and revise solutions without fear of early imperfections. They will see iteration as a tool for clarity, not a sign of failure.
These activities are a starting point. A full mission is the experience.
- Complete facilitation script with teacher dialogue
- Printable student materials, ready for class
- Differentiation strategies for every learner
Watch Out for These Misconceptions
Common MisconceptionDuring Paper App Prototyping, watch for students who erase or redraw entire screens to 'fix' flaws instead of iterating small changes.
What to Teach Instead
Pause the activity and ask, 'What if you add one button or change one label instead? Test the smallest change that could solve the problem.' Demonstrate this by modifying your own prototype in real time.
Common MisconceptionDuring Feedback Stations, watch for students who accept every suggestion as equally important.
What to Teach Instead
Hand out a feedback card with three columns: 'Keep,' 'Change,' and 'Consider.' Require peers to justify each mark, guiding students to prioritize feedback tied to the original problem statement.
Common MisconceptionDuring Iteration Gallery Walk, watch for students who skip revisiting their own prototypes after seeing others’ work.
What to Teach Instead
Provide sticky notes labeled 'I tried this' and ask students to attach one revision they will make to their next prototype, based on what they saw in the gallery.
Assessment Ideas
After Paper App Prototyping, present two paper prototypes side-by-side and ask students to write one advantage and one disadvantage of each for gathering user feedback. Collect responses to identify students who focus on visual polish over functional testing.
During Feedback Stations, peers use a checklist to rate clarity and functionality. The presenter records two specific changes they will make, which you collect to assess whether feedback was translated into actionable revisions.
After Prototype Evolution Logs, ask students to define 'iteration' in one sentence and list one key difference between low-fidelity and high-fidelity prototypes. Review their definitions to check for misconceptions about the purpose of each prototype type.
Extensions & Scaffolding
- Challenge early finishers to create a second iteration that incorporates feedback from two different user groups.
- Scaffolding: Provide pre-printed interface elements for students who struggle with layout, so they focus on function first.
- Deeper exploration: Have students compare their paper prototype to a digital wireframe, explaining which medium better conveyed user needs.
Key Vocabulary
| Low-fidelity prototype | A preliminary, simple representation of a design, often made with paper, pen, or basic digital tools, used for quick testing of core concepts. |
| High-fidelity prototype | A detailed and interactive representation of a design that closely mimics the final product's appearance and functionality, used for testing usability and user flow. |
| Iteration | The process of repeating a design cycle, making improvements based on feedback and testing, to refine a product over time. |
| User feedback | Information and opinions gathered from potential users about a product or design, used to identify areas for improvement. |
| Minimum Viable Product (MVP) | The version of a new product which allows a team to collect the maximum amount of validated learning about customers with the least effort. |
Suggested Methodologies
More in User Experience and Human Centered Design
Introduction to Human-Computer Interaction (HCI)
Exploring the principles of how humans interact with computers and the importance of designing intuitive interfaces.
2 methodologies
UI vs UX Design Principles
Distinguishing between visual aesthetics and the holistic experience of a user interacting with a product.
2 methodologies
User Research and Persona Development
Learning techniques to understand target users, including interviews, surveys, and creating user personas to guide design decisions.
2 methodologies
Information Architecture and Navigation
Organizing content and designing intuitive navigation structures to help users find information easily.
2 methodologies
Wireframing and Low-Fidelity Prototyping
Creating basic visual guides and simple prototypes to outline the structure and functionality of an interface.
2 methodologies
Ready to teach Prototyping and Iteration?
Generate a full mission with everything you need
Generate a Mission