Deliverable
Prototype Iteration Pack
Critical Thinking & Problem Solving
Content Expertise
Collaboration
Self Directed Learning
Critique and Revision
Submission Required
Create a first version of your resource-bridge website using low-fidelity paper prototypes and a medium-fidelity functional mockup. Maintain an iteration log that records changes between versions and the reasons for those changes, guided by feedback from peers about how well the design helps San Diego community members access local resources.
Plan day
Day 11
Duration
90 min
Grouping
Small Group
Steps
5 steps
Lesson plan
5 steps · 90 min| # | What teachers do |
|---|---|
| 1 | Introduction: Clarify the importance of prototypes and the role they play in website development. (30 min) |
| 2 | Paper Prototype Creation: Create the first version of your website using paper and drawing materials. Sketch each page and include navigation elements. (60 min) |
| 3 | Peer Feedback Session: Present your paper prototype to peers and use structured feedback forms to gather insights. (60 min) |
| 4 | Reflection and Iteration Log Update: Document feedback and your reflections in an iteration log, noting areas needing improvement. Adjust your paper prototype accordingly. (60 min) |
| 5 | Functional Mockup Development: Using a digital tool, replicate your paper prototype into a medium-fidelity mockup focusing on design principles and user interface. (60 min) |
Preparation (1 item)
- Gather materials such as paper, markers, and sticky notes. Prepare digital mockup tools like Figma or Adobe XD for functional mockup creation.
Student-facing instructions
Begin by sketching your website on paper, focusing on functionality and user experience. Present your work to peers, collect feedback, and document insights in an iteration log. Then, transpose your paper prototype into a digital medium-fidelity mockup using a design tool. Aim to refine the user interface to ensure ease of resource access for San Diego community members.