Technologies · Year 8

Active learning ideas

Navigation Design Patterns

Active learning turns abstract navigation concepts into concrete experiences students can analyze, test, and revise. When students audit live interfaces or compare patterns side by side, they see how design choices affect real users, making theory stick. These hands-on activities build both technical vocabulary and user-centered thinking.

• ACARA Content Descriptions
• AC9TDI8P05

• 25–50 min
• Pairs → Whole Class
• 4 activities

Activity 01

• Decision Matrix
• 30 min · Pairs

Pairs: Navigation Audit Challenge

Pairs select three websites or apps, one mobile and two desktop. They document navigation patterns used, such as menus or tabs, and note how each supports user flow. Pairs share one insight with the class via a shared digital board.

Explain how effective navigation reduces cognitive load for users.

Facilitation Tip

During the Navigation Audit Challenge, provide a timer so pairs must work efficiently and discuss trade-offs within a set period.

What to look for

Present students with screenshots of three different websites or apps. Ask them to identify the primary navigation pattern used in each and write one sentence explaining why that pattern might be effective for that specific product.

• Analyze
• Evaluate
• Create
• Decision-Making
• Self-Management

Activity 02

• Decision Matrix
• 45 min · Small Groups

Small Groups: Pattern Comparison Matrix

Groups create a matrix comparing four patterns (e.g., menus, tabs, breadcrumbs, pagination) across criteria like cognitive load and device suitability. They justify choices with examples from real sites. Groups present matrices for class vote on best uses.

Compare different navigation patterns and their suitability for various applications.

Facilitation Tip

For the Pattern Comparison Matrix, give groups colored markers to highlight strengths and weaknesses in each pattern’s column.

What to look for

Pose the question: 'Imagine you are designing a simple online library. Which navigation patterns would you choose for browsing books and accessing your account, and why?' Facilitate a class discussion where students justify their choices based on user experience.

• Analyze
• Evaluate
• Create
• Decision-Making
• Self-Management

Activity 03

• Decision Matrix
• 50 min · Whole Class

Whole Class: Prototype Testing Relay

Class divides into design and test teams that rotate. Designers build paper prototypes of navigation flows; testers navigate tasks and provide timed feedback. Teams switch roles twice to iterate designs.

Design a navigation system for a multi-page website or app.

Facilitation Tip

In the Prototype Testing Relay, assign specific user personas to each tester to focus feedback on real user needs.

What to look for

Students create a simple wireframe for a four-page website. They then swap wireframes with a partner. Each partner checks: Is the navigation clear? Can I easily move between all pages? Partners provide one specific suggestion for improvement on the wireframe.

• Analyze
• Evaluate
• Create
• Decision-Making
• Self-Management

Activity 04

• Decision Matrix
• 25 min · Individual

Individual: Wireframe Navigation Sketch

Students individually sketch navigation for a multi-page school event app, selecting and labeling patterns. They self-assess against cognitive load criteria before peer review.

Explain how effective navigation reduces cognitive load for users.

Facilitation Tip

When students sketch wireframes, limit them to four pages so the navigation challenge remains focused but meaningful.

What to look for

Present students with screenshots of three different websites or apps. Ask them to identify the primary navigation pattern used in each and write one sentence explaining why that pattern might be effective for that specific product.

• Analyze
• Evaluate
• Create
• Decision-Making
• Self-Management

A few notes on teaching this unit

Teach this topic by alternating between concrete analysis and abstract reflection. Start with real websites and apps students know, then name the patterns and why they work. Avoid lecturing on theory upfront; instead, let patterns emerge from their observations. Research shows students learn navigation best when they repeatedly test designs and iterate based on evidence.

Students will confidently label navigation patterns, explain their fit for different devices, and revise designs based on feedback. Successful work shows clear links between pattern choice, device context, and user effort. Artifacts like annotated wireframes and tested prototypes demonstrate this understanding.

---

Watch Out for These Misconceptions

• During the Navigation Audit Challenge, students may assume that websites with many menu items are more usable.

  During the Navigation Audit Challenge, give each pair a stopwatch and ask them to time how long it takes a user to find a target page. The pairs will see that extra options slow users down and should revise their audit notes accordingly.

• During the Pattern Comparison Matrix, students may think hamburger menus and sidebars serve identical purposes.

  During the Pattern Comparison Matrix, assign half the groups to compare desktop interfaces and the other half mobile interfaces. Require them to measure thumb reach and screen space, which will highlight why context matters.

• During the Prototype Testing Relay, students may overlook the value of breadcrumbs in deep sites.

  During the Prototype Testing Relay, give each tester a scenario that requires navigating three levels deep. Ask testers to note when users feel lost and suggest adding breadcrumbs, then revise the prototype between rounds.

---

Methods used in this brief

• Decision Matrix