Information Architecture and Navigation

Active learning works for Information Architecture because students must physically organize and test structures rather than passively observe them. Moving cards, sketching menus, and rebuilding sitemaps make abstract hierarchies concrete.

• Year 10
• Technologies
• 4 activities
• 30 min–50 min

Learning Objectives

1. Design a functional sitemap for a complex website, categorizing content logically.
2. Evaluate the usability of different navigation patterns, such as global menus and breadcrumbs, for a given user scenario.
3. Explain how the results of a card sorting activity can inform the labeling and organization of website content.
4. Critique an existing website's information architecture, identifying areas for improvement in user flow and content discoverability.

Collaborative Problem-Solving

⏱ 45 min·Small Groups

Collaborative Problem-Solving: Card Sorting Challenge

Print content labels on cards representing a school website's pages. In small groups, students sort cards into categories, label groups, and draw a sitemap. Groups then swap sitemaps for peer critique on intuitiveness.

Prepare & details

Design an information architecture for a complex website.

Facilitation Tip: During the Card Sorting Challenge, circulate and ask each group to explain their sorting logic before moving to the next round to surface differences in mental models.

Setup: Groups at tables with problem materials

Materials: Problem packet, Role cards (facilitator, recorder, timekeeper, reporter), Problem-solving protocol sheet, Solution evaluation rubric

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

Concept Mapping

⏱ 35 min·Pairs

Pairs: Navigation Pattern Evaluation

Pairs select two websites with different navigation styles, such as hamburger menus versus tab bars. They time task completion, like finding contact info, and score usability on a rubric. Discuss findings as a class.

Prepare & details

Evaluate the effectiveness of different navigation patterns (e.g., global, local).

Facilitation Tip: For the Navigation Pattern Evaluation, provide screenshots with no visible labels first, forcing students to infer structure from visual cues alone.

Setup: Tables with large paper, or wall space

Materials: Concept cards or sticky notes, Large paper, Markers, Example concept map

• Understand
• Analyze
• Create
• Self-Awareness
• Self-Management

Concept Mapping

⏱ 50 min·Whole Class

Whole Class: Wireframe Build-Off

Project a complex site brief on the board. As a class, brainstorm content hierarchy, then individuals sketch wireframes with navigation. Vote on best designs and refine the winner collaboratively.

Prepare & details

Explain how card sorting can inform information architecture decisions.

Facilitation Tip: In the Wireframe Build-Off, set a strict five-minute timer for each round to keep energy high and prevent over-editing.

Setup: Tables with large paper, or wall space

Materials: Concept cards or sticky notes, Large paper, Markers, Example concept map

• Understand
• Analyze
• Create
• Self-Awareness
• Self-Management

Concept Mapping

⏱ 30 min·Individual

Individual: Sitemap Redesign

Students analyze a poorly structured real website, list content, and create a new sitemap with navigation mockups. They justify choices based on user scenarios and share digitally for feedback.

Prepare & details

Design an information architecture for a complex website.

Setup: Tables with large paper, or wall space

Materials: Concept cards or sticky notes, Large paper, Markers, Example concept map

• Understand
• Analyze
• Create
• Self-Awareness
• Self-Management

Teaching This Topic

Teach Information Architecture by alternating between design thinking and usability testing. Start with hands-on activities to reveal gaps in student mental models, then use peer feedback to refine their structures. Avoid lecturing on theory first—students learn best when they experience the frustration of poorly organized content and the clarity of well-structured systems. Research shows that students retain IA concepts better when they test their own designs with real users rather than receiving top-down instruction.

What to Expect

Students will demonstrate understanding by creating clear content groupings, labeling menus that reflect user needs, and designing navigation that reduces cognitive load. Their work should show logical flow and prioritization of key paths.

Watch Out for These Misconceptions

Common Misconception

During Card Sorting Challenge, students may believe adding more categories improves navigation.

What to Teach Instead

During Card Sorting Challenge, circulate and ask groups to test their groupings by timing how long it takes peers to locate a sample page. This reveals that too many categories slow users down rather than help them.

Common Misconception

During Navigation Pattern Evaluation, students may assume visual styling determines navigation quality.

What to Teach Instead

During Navigation Pattern Evaluation, provide screenshots without visible design elements first. Ask students to focus on menu placement and labeling, then discuss how aesthetics can distract from usability.

Common Misconception

During Wireframe Build-Off, students may think following expert patterns guarantees user success.

What to Teach Instead

During Wireframe Build-Off, have students test their menus with peers using a simple task, such as finding a specific page. This shows that user mental models often differ from designer assumptions.

Assessment Ideas

Exit Ticket

After Card Sorting Challenge, provide students with a list of 10 pages for a fictional school website. Ask them to group these into 3-4 logical categories and create navigation labels. Collect and review for logical grouping and clarity.

Quick Check

After Navigation Pattern Evaluation, display two navigation menus side by side. Ask students to identify which one prioritizes key paths and explain their choice in one sentence.

Peer Assessment

During Sitemap Redesign, students work in pairs to sketch a basic sitemap for a website they use often. They swap sitemaps and provide feedback using these prompts: 'Is the hierarchy clear?', 'Are there at least three levels of depth?', 'What is one suggestion to improve the organization?' Collect feedback sheets to assess understanding.

Extensions & Scaffolding

• Challenge: Have students redesign a poorly structured site they find online, documenting improvements in a short reflection.
• Scaffolding: Provide pre-labeled categories for reluctant students in card sorting to help them focus on hierarchy rather than naming.
• Deeper exploration: Ask students to compare their sitemap designs with peers, identifying which structures support faster task completion in a timed usability test.

Key Vocabulary

Information Architecture (IA)	The structural design of shared information environments. It is the art and science of organizing and labeling websites, intranets, online tools, and other digital spaces to support usability and findability.
Sitemap	A hierarchical diagram or list that shows the structure and organization of pages on a website, helping users and search engines understand its layout.
Navigation Patterns	Standardized ways of presenting links and pathways for users to move through a website, such as global navigation, local navigation, and breadcrumbs.
Card Sorting	A user research method where participants organize topics into categories that make sense to them, helping to inform content grouping and labeling.
Taxonomy	A system of classification or naming used to organize content, often seen in website labels, menus, and metadata.