Designing a Simple Solution

Active learning works for this topic because students must practice communicating technical solutions to real audiences, which builds confidence and clarity. Role-playing and peer feedback mirror workplace presentations where technical teams explain their work to managers and clients.

• JC 2
• Computing
• 3 activities
• 20 min–50 min

Learning Objectives

1. Design a user interface sketch for a digital project, incorporating user experience principles.
2. Identify the core components of a digital project and illustrate their interconnections.
3. Create a simple prototype or wireframe to represent the project's visual layout and flow.
4. Explain the rationale behind design choices, linking them to the project's intended functionality.

Simulation Game

⏱ 20 min·Pairs

Simulation Game: The Elevator Pitch

Students have exactly 90 seconds to explain their project to a 'non-technical investor' (a peer). They must focus on the 'why' and the 'how' without using overly dense jargon, followed by a quick Q&A session.

Prepare & details

How will our project look and feel to the user?

Facilitation Tip: During the Elevator Pitch simulation, circulate and listen for students to connect their technical decisions to the user’s needs, not just the code.

Setup: Flexible space for group stations

Materials: Role cards with goals/resources, Game currency or tokens, Round tracker

• Apply
• Analyze
• Evaluate
• Create
• Social Awareness
• Decision-Making

Gallery Walk

⏱ 50 min·Whole Class

Gallery Walk: Project Showcase

Students set up their projects at 'stations' around the room. Half the class acts as 'visitors' who move around to see the demos and ask questions, while the other half 'presents'. Then they swap roles.

Prepare & details

What are the main parts of our project and how will they connect?

Facilitation Tip: For the Gallery Walk, assign student roles like 'user advocate' or 'technical reviewer' to guide their feedback.

Setup: Wall space or tables arranged around room perimeter

Materials: Large paper/poster boards, Markers, Sticky notes for feedback

• Understand
• Apply
• Analyze
• Create
• Relationship Skills
• Social Awareness

Think-Pair-Share

⏱ 25 min·Pairs

Think-Pair-Share: The Scaling Challenge

Students individually consider how their project would need to change if it had 1 million users instead of 10. They pair up to discuss changes to database design, server architecture, and security, then share one 'big change' with the class.

Prepare & details

Draw a sketch or create a simple prototype of your project's interface.

Facilitation Tip: In Think-Pair-Share, interrupt pairs after two minutes to have them share one key insight they gained from discussing scaling challenges.

Setup: Standard classroom seating; students turn to a neighbor

Materials: Discussion prompt (projected or printed), Optional: recording sheet for pairs

• Understand
• Apply
• Analyze
• Self-Awareness
• Relationship Skills

Teaching This Topic

Experienced teachers approach this by modeling how to tell a story with data, not just show it. They avoid letting students present raw code or unfiltered errors, instead coaching them to explain the 'why' behind their choices. Research shows that peer-critique sessions improve student reflection more than teacher-led feedback alone.

What to Expect

Successful learning looks like students confidently explaining their project’s purpose, design choices, and challenges without relying on code details alone. They should use visuals, analogies, and clear language to engage listeners.

Watch Out for These Misconceptions

Common Misconception

During the Elevator Pitch simulation, watch for students listing all the code they wrote without connecting it to the problem or user experience.

What to Teach Instead

Guide them to focus on the logic and user impact by asking, 'How does this code improve the user’s experience?' after their pitch.

Common Misconception

During the Gallery Walk, students may believe that hiding bugs in their demo will lead to a better review.

What to Teach Instead

Encourage honesty by framing bugs as learning opportunities. Have peers ask, 'What did you learn from this bug?' and 'How would you fix it next time?'

Assessment Ideas

Quick Check

After the Elevator Pitch simulation, provide a scenario about a smart thermostat app. Ask students to sketch one UI screen with three labeled interactive elements and explain their purpose in one sentence each.

Peer Assessment

During the Gallery Walk, have students exchange their project posters or demo screenshots and use the prompts 'Is it clear what this feature does?' and 'What is one change to improve usability?' to give written feedback.

Exit Ticket

After the Think-Pair-Share activity, have students list the two most important components of their project on an index card and draw a simple arrow diagram showing how they connect, then submit it as they leave.

Extensions & Scaffolding

• Challenge: Ask students to prepare a 30-second pitch that could be used in a job interview, focusing on their problem-solving process.
• Scaffolding: Provide sentence starters like 'The biggest challenge we faced was...' or 'We chose this design because...' for students who struggle with articulation.
• Deeper exploration: Invite a guest speaker from industry to give feedback on student presentations and discuss real-world expectations.

Key Vocabulary

User Interface (UI)	The visual elements and controls a user interacts with when using a digital product, such as buttons, menus, and screens.
User Experience (UX)	The overall feeling and satisfaction a user has when interacting with a product, focusing on ease of use and efficiency.
Wireframe	A basic visual guide representing the skeletal framework of a webpage or application, showing layout and content placement without visual design details.
Prototype	An early model or sample of a product that demonstrates its functionality and design, allowing for testing and feedback before full development.
Component	A distinct, modular part of a larger system or project, such as a specific function, module, or feature.