Technologies · Year 7

Active learning ideas

Introduction to User Interface (UI) Design

Active learning works for UI design because students need to experience the gap between intention and outcome firsthand. By sketching, testing, and iterating, they confront real user frustrations that lectures alone cannot convey. This hands-on cycle builds both empathy and technical skill in equal measure.

• ACARA Content Descriptions
• AC9TDI8P04

• 20–40 min
• Pairs → Whole Class
• 4 activities

Activity 01

• Think-Pair-Share
• 20 min · Pairs

Think-Pair-Share: UI Sketch Challenge

Students think individually for 3 minutes about a simple app interface, like a quiz game menu. They pair up to sketch and share designs, then discuss one strength and one improvement. Share top ideas with the class on a shared board.

Design a simple user interface for a given application.

Facilitation Tip

During Think-Pair-Share, circulate to push students beyond 'it looks nice' by asking, 'How does this help someone find the button quickly?'

What to look for

Provide students with a simple scenario, such as designing controls for a basic drawing app. Ask them to sketch a wireframe on paper or using a digital tool, labeling at least three key UI elements and briefly explaining their purpose.

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

Activity 02

• Stations Rotation
• 40 min · Small Groups

Stations Rotation: UI Principles Stations

Set up stations for clarity (labeling sketches), consistency (matching buttons), feedback (simulating clicks), and hierarchy (organizing elements). Groups rotate every 7 minutes, applying one principle to a template interface and noting examples. Debrief as a class.

Evaluate the usability of different UI elements.

Facilitation Tip

In Station Rotation, assign clear roles at each station (e.g., recorder, tester) to ensure every student contributes to the principle cards.

What to look for

Students work in pairs to critique each other's wireframes for a shared task. Prompt questions: 'Is the main function easy to find?', 'Are the buttons clearly labeled?', 'What could be confusing about this layout?' Partners provide one specific suggestion for improvement.

• Remember
• Understand
• Apply
• Analyze
• Self-Management
• Relationship Skills

Activity 03

• Gallery Walk
• 30 min · Pairs

Peer Testing Circuit: Usability Walkthrough

Pairs create a digital prototype in Scratch. They swap with another pair for a 5-minute think-aloud test, noting confusions. Designers revise based on feedback and report changes to the whole class.

Justify design choices based on principles of user experience.

Facilitation Tip

For the Peer Testing Circuit, provide a simple task script so testers observe the same behaviors and can compare notes afterward.

What to look for

Ask students to write down two UI elements they encountered today that made an application easy to use and one element that made it difficult. They should briefly explain why each element had that effect.

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

Activity 04

• Gallery Walk
• 25 min · Small Groups

Gallery Walk: Design Critique

Display printed or projected student interfaces around the room. Students walk in small groups, leaving sticky-note feedback on usability. Hosts respond to notes and select one change to implement immediately.

Design a simple user interface for a given application.

Facilitation Tip

During Gallery Walk, require students to leave sticky notes with both praise and one specific question, modeling constructive critique.

What to look for

Provide students with a simple scenario, such as designing controls for a basic drawing app. Ask them to sketch a wireframe on paper or using a digital tool, labeling at least three key UI elements and briefly explaining their purpose.

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

A few notes on teaching this unit

Teach UI design by framing it as a problem-solving process, not a creativity contest. Research shows that novices focus on decoration until forced to confront user behavior, so prioritize testing early. Avoid letting students spend too long perfecting visuals before validating function. Use real-world examples to anchor abstract principles like hierarchy and feedback, but keep tasks small enough to iterate within one lesson.

Successful learning looks like students confidently balancing aesthetics and function, justifying choices with user needs rather than personal preference. They should critique designs by identifying specific usability issues and propose clear improvements based on peer feedback.

---

Watch Out for These Misconceptions

• During Think-Pair-Share: UI design is only about colours and images looking attractive.

  During Think-Pair-Share, circulate with a simple checklist: 'Is the main action labeled clearly? Can a peer find it without asking?' Redirect students to focus on labeling and placement before they choose colors or fonts.

• During Station Rotation: All users interact with interfaces the same way.

  During Station Rotation, provide role cards (e.g., 'grandparent,' 'child,' 'expert gamer') and ask testers to observe how each user navigates the prototype. Students will notice different paths and should adjust button sizes or labels to accommodate them.

• During Gallery Walk: The first design idea is always the best.

  During Gallery Walk, post a sign that reads, 'What’s one thing you’d change to make this easier?' This forces students to compare multiple solutions and recognize that iteration improves every design.

---

Methods used in this brief

• Think-Pair-Share
• Stations Rotation
• Gallery Walk