Technologies · Year 5 · Designing for Users · Term 2

Prototyping Solutions: Wireframes and Paper Models

Students will create low-fidelity wireframes and paper prototypes to test design ideas quickly.

• ACARA Content Descriptions
• AC9TDI6P06

About This Topic

In Year 5 Technologies, students create low-fidelity wireframes and paper prototypes to test design ideas quickly for user-centered solutions. Wireframes outline basic layouts, navigation flows, and key elements with simple lines and labels. Paper models add interactivity through foldable screens, flaps for buttons, and cutouts to simulate user actions. These methods support AC9TDI6P06 by producing prototypes that match user needs and allow rapid iteration.

Students explain how early prototyping saves time by catching flaws before detailed development. They prioritize user feedback to improve designs and differentiate essential features, like core functions for task completion, from non-essential ones, such as extra visuals. This process develops skills in empathy, critical evaluation, and iterative thinking central to digital technologies.

Active learning benefits this topic because students build and test physical prototypes with peers. Hands-on creation makes the design cycle concrete, while sharing models for feedback reveals real usability issues. Collaborative revisions turn abstract concepts into practical experiences students remember and apply.

Key Questions

1. Explain how early prototyping saves time in the development process.
2. Prioritize user feedback for iterative design improvements.
3. Differentiate between essential and non-essential features in a prototype.

Learning Objectives

• Design a paper prototype for a chosen digital product, incorporating interactive elements like flaps and fold-outs.
• Analyze user feedback on a wireframe or paper prototype to identify specific areas for design improvement.
• Differentiate between essential user interface elements and non-essential decorative elements in a low-fidelity prototype.
• Explain how creating a wireframe before a digital mockup saves development time and resources.
• Compare two different paper prototype designs for the same app, evaluating which better meets user needs.

Before You Start

Design Thinking Process

Why: Students need a foundational understanding of empathy and ideation to effectively create user-centered prototypes.

Basic Digital Interface Elements

Why: Familiarity with common buttons, menus, and navigation structures helps students create recognizable wireframes and prototypes.

Key Vocabulary

Wireframe	A basic visual guide representing the skeletal framework of a website or app, focusing on layout and content placement without visual design elements.
Paper Prototype	A low-fidelity, hand-drawn model of a digital interface, often made from paper, cardstock, and markers, used for testing user flows and functionality.
Low-Fidelity	Describes prototypes that are basic and simple, focusing on structure and function rather than detailed visual appearance.
User Feedback	Information and opinions provided by potential users about a product or design, used to guide improvements and iterations.
Iterative Design	A design process that involves cycles of prototyping, testing, and refining based on feedback to gradually improve a product.

Watch Out for These Misconceptions

Common Misconception

Prototypes must look polished and complete like final products.

What to Teach Instead

Low-fidelity prototypes prioritize testing ideas over appearance. Hands-on building shows students that rough sketches uncover usability problems fast. Peer testing sessions help them value quick iterations over perfection.

Common Misconception

All possible features belong in every prototype.

What to Teach Instead

Prototypes focus on essential features for core user needs. Sorting activities clarify priorities, as students physically group and debate elements. Group feedback reinforces distinguishing must-haves from nice-to-haves.

Common Misconception

Prototyping ends once the first model is made.

What to Teach Instead

Prototyping is iterative with feedback loops. Active testing cycles demonstrate multiple versions improve designs. Student-led revisions based on peer input build understanding of ongoing refinement.

Active Learning Ideas

Pairs: Wireframe Feedback Rounds

Pairs sketch wireframes for a simple app interface in 5 minutes. Swap sketches with another pair, note one strength and one improvement on sticky notes. Return and revise based on feedback, then present changes to the class.

30 min·Pairs

Small Groups: Paper Prototype Challenges

Groups select a user problem, like a school planner app, and build paper prototypes with foldable pages. Test prototypes by role-playing users clicking elements. Record issues and create version 2 with fixes.

45 min·Small Groups

Whole Class: Feature Sort and Prototype

List 10 app features on cards. Class votes to sort into essential and non-essential piles, discussing reasons. Pairs then incorporate top essentials into quick paper prototypes for peer review.

35 min·Whole Class

Individual: Speed Wireframe Sprints

Students individually draw three wireframe variations for the same task in 10 minutes. Select the best, add paper elements, and test with a partner. Note what each version revealed about user needs.

25 min·Individual

Real-World Connections

• UX designers at companies like Google use wireframes and paper prototypes to quickly test app layouts and navigation with potential users before investing in complex digital development.
• Game developers often create paper prototypes of board games or early video game levels to test core mechanics and player engagement before building sophisticated digital assets.
• Architects use physical models, similar to paper prototypes, to present building designs to clients, allowing for early feedback on space, flow, and functionality.

Assessment Ideas

Quick Check

Present students with a simple wireframe on the board. Ask them to identify: 'What is the main purpose of this screen?' and 'What is one element that might be considered non-essential?'

Peer Assessment

Students pair up and present their paper prototypes. One student acts as the 'user' and attempts to complete a task. The 'designer' observes and asks: 'What was easy about this?' and 'What was confusing?' The observer then provides one specific suggestion for improvement.

Exit Ticket

Students write a short response to: 'Imagine you are explaining your prototype to a friend. What is the most important feature you included and why? How could you improve it based on feedback?'

Frequently Asked Questions

How do wireframes save time in Year 5 design projects?

Wireframes let students sketch layouts quickly without detailed drawing, spotting navigation issues early. This prevents wasted effort on full builds that fail user tests. In class, pairs creating and swapping wireframes see firsthand how 5-minute sketches avoid hours of rework, aligning with iterative design in AC9TDI6P06.

What makes paper prototypes effective for young designers?

Paper prototypes simulate interactions cheaply with folds and tabs, allowing easy changes. Students test user flows by physically manipulating elements, gathering authentic feedback. This tangible method builds confidence in design thinking, as groups observe peers struggling with unclear buttons and refine accordingly.

How can active learning improve prototyping skills?

Active learning engages students through building, testing, and revising prototypes in pairs or groups. Physical creation makes feedback immediate and meaningful, as they watch users interact and note confusions. Collaborative gallery walks or role-plays reveal patterns across prototypes, deepening understanding of iteration far beyond lectures.

How to prioritize user feedback in prototypes?

Collect specific comments during testing, like 'button too small' or 'confusing flow.' Students tally feedback themes, then revise essentials first. Structured peer review sheets guide focus, ensuring changes address real needs. This process teaches empathy and data-driven decisions in line with curriculum standards.