Prototyping a Digital Idea

Active prototyping helps Year 1 students move from abstract ideas to tangible solutions by making their thinking visible through drawings and explanations. Sketching app interfaces lets children practice user-centered design in a low-pressure, creative way that builds confidence and clarity.

• Year 1
• Technologies
• 4 activities
• 20 min–45 min

Learning Objectives

1. Design a simple digital interface for an app to help locate lost items, including buttons and labels.
2. Explain how specific interface elements, like buttons and icons, contribute to the usability of a digital solution.
3. Critique a peer's digital prototype, identifying areas of clarity and suggesting improvements for ease of use.
4. Compare the effectiveness of different interface designs for a given user task.

Project-Based Learning

⏱ 30 min·Pairs

Pairs: App Sketch Relay

Students pair up; one describes their lost item app idea verbally while the partner sketches the main screen with buttons. Switch roles after 5 minutes, then each pair combines sketches into one prototype. End with pairs explaining button functions to the class.

Prepare & details

Design a simple drawing of an app that helps students find lost items.

Facilitation Tip: During the App Sketch Relay, circulate and ask each pair to explain their screen’s purpose without pointing to the paper, forcing them to verbalize their design decisions.

Setup: Flexible workspace with access to materials and technology

Materials: Project brief with driving question, Planning template and timeline, Rubric with milestones, Presentation materials

• Apply
• Analyze
• Evaluate
• Create
• Self-Management
• Relationship Skills
• Decision-Making

Project-Based Learning

⏱ 45 min·Small Groups

Small Groups: Prototype Critique Circle

In groups of four, students draw individual app prototypes on large paper. Each shares their design; group members ask questions and suggest one improvement for clarity. Groups vote on the most user-friendly prototype and explain why.

Prepare & details

Explain how the buttons on your app would help someone use it.

Facilitation Tip: In the Prototype Critique Circle, model how to start with a positive observation before offering a suggestion, using sentence stems like 'I notice... and I wonder...'.

Setup: Flexible workspace with access to materials and technology

Materials: Project brief with driving question, Planning template and timeline, Rubric with milestones, Presentation materials

• Apply
• Analyze
• Evaluate
• Create
• Self-Management
• Relationship Skills
• Decision-Making

Project-Based Learning

⏱ 25 min·Whole Class

Whole Class: Shared Screen Model

Project a simple app template on the board. Class brainstorms buttons for a lost items app together, then students add personal touches to printed copies. Discuss as a group how changes improve usability.

Prepare & details

Critique a classmate's prototype for clarity and ease of use.

Facilitation Tip: For the Shared Screen Model, invite students to physically stand in front of the class and point to their drawing while describing one button’s function to reinforce 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

• Apply
• Analyze
• Evaluate
• Create
• Self-Management
• Relationship Skills
• Decision-Making

Project-Based Learning

⏱ 20 min·Individual

Individual: Home Screen Mock-Up

Provide A4 paper and markers; students independently draw one app screen with at least three buttons labeled for finding lost items. They add speech bubbles explaining each button's purpose before sharing with a neighbor.

Prepare & details

Design a simple drawing of an app that helps students find lost items.

Facilitation Tip: During the Home Screen Mock-Up, remind students to include a title and at least three labeled elements to practice both visual and textual communication.

Setup: Flexible workspace with access to materials and technology

Materials: Project brief with driving question, Planning template and timeline, Rubric with milestones, Presentation materials

• Apply
• Analyze
• Evaluate
• Create
• Self-Management
• Relationship Skills
• Decision-Making

Teaching This Topic

Start with a concrete example of an everyday problem, like losing keys, to ground the activity in student experience. Avoid giving step-by-step instructions; instead, model sketching a simple interface yourself and narrate your thinking process aloud. Research shows that young children benefit from repeated opportunities to share their work in low-stakes settings, so rotate activities to build familiarity with both creating and discussing prototypes.

What to Expect

Students will demonstrate clear communication of their ideas by drawing labeled screens with functional buttons and explaining how these elements help users solve a problem. They will also practice giving and receiving respectful feedback during group discussions.

Watch Out for These Misconceptions

Common Misconception

During the App Sketch Relay, watch for students who draw buttons without labels or clear purposes.

What to Teach Instead

Prompt them to explain their design to their partner, asking 'What does this button do?' If they cannot answer clearly, have them add a label or redraw the button to match their explanation.

Common Misconception

During the Prototype Critique Circle, watch for feedback that focuses only on appearance rather than function.

What to Teach Instead

Guide students to use the sentence stem 'I notice... and I wonder if you could...' to redirect suggestions toward usability, such as 'I notice the search button is big. I wonder if adding the word search would help users find it faster?'.

Common Misconception

During the Home Screen Mock-Up, watch for students who treat the activity as a drawing task without connecting it to user needs.

What to Teach Instead

Ask them to read their labels aloud and explain how each button helps someone find a lost item, reinforcing the purpose of the prototype.

Assessment Ideas

Peer Assessment

After the App Sketch Relay, partners use a checklist to assess each other’s mock-ups: 'Is the app’s purpose clear?' 'Are the buttons labeled?' 'Can you explain what one button does?' Partners give one verbal suggestion for improvement.

Quick Check

During the Shared Screen Model, the teacher displays a student’s prototype and asks the class to point to one button and explain its purpose, then suggest one change to make it easier to use.

Exit Ticket

After the Home Screen Mock-Up, students draw one button for their lost-item app, write a sentence explaining its function, and circle one word describing how easy their app is to use (e.g., simple, clear, confusing).

Extensions & Scaffolding

• Challenge early finishers to design a second screen that appears after pressing the first button, adding a new problem to solve.
• Scaffolding for students who struggle: Provide pre-printed screen outlines with labeled boxes for buttons and text to reduce cognitive load while they focus on content.
• Deeper exploration: Have students test their mock-ups with a classmate, then revise their design based on feedback before sharing with the whole class.

Key Vocabulary

Prototype	A simple, early version of a digital product, often a drawing or mock-up, used to test ideas before building the final version.
User Interface (UI)	The visual elements of a digital product that a person interacts with, such as buttons, icons, and screens.
Mock-up	A static, visual representation of a digital interface, showing how it will look but without interactive functionality.
Usability	How easy and intuitive a digital product is for people to use and understand.
Feedback	Information given about a product or idea, used to make improvements.