Technologies · Year 10 · User Experience and Human Centered Design · Term 4

Information Architecture and Navigation

Organizing content and designing intuitive navigation structures to help users find information easily.

• ACARA Content Descriptions
• AC9DT10P03

About This Topic

Information architecture organizes website content into clear, logical structures that match user expectations, making navigation intuitive and efficient. Year 10 students create sitemaps, label taxonomies, and design elements like global menus, local links, and breadcrumbs. They learn to prioritize content hierarchies and anticipate user paths through complex sites, such as e-commerce platforms or informational portals.

This topic supports AC9DT10P03 by focusing on human-centered design processes. Students evaluate navigation patterns for accessibility and usability, using techniques like card sorting to gather evidence on structure effectiveness. These skills promote systems thinking, user empathy, and iterative refinement, preparing students for real-world digital projects.

Active learning excels with this content because students test ideas through collaborative prototyping and peer feedback. Card sorting reveals mismatched assumptions quickly, while building wireframes shows navigation flaws in action. Such approaches turn theoretical planning into tangible user experiences, boosting retention and design confidence.

Key Questions

1. Design an information architecture for a complex website.
2. Evaluate the effectiveness of different navigation patterns (e.g., global, local).
3. Explain how card sorting can inform information architecture decisions.

Learning Objectives

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

Before You Start

Digital Systems and User Interface Design

Why: Students need a foundational understanding of how digital systems work and basic principles of user interface design to grasp the importance of organized content.

Planning and Designing Digital Solutions

Why: Prior experience in planning digital projects helps students understand the structured approach required for information architecture.

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.

Watch Out for These Misconceptions

Common Misconception

More links and menus always improve navigation.

What to Teach Instead

Effective navigation prioritizes key paths and reduces cognitive load. Active card sorting shows students how overload confuses users, while prototyping reveals that fewer, well-placed options speed task completion.

Common Misconception

Information architecture is only about visual appeal.

What to Teach Instead

IA focuses on underlying structure, not aesthetics. Group evaluations of hidden hierarchies in sites help students see usability issues, with peer testing confirming that logical flow trumps looks.

Common Misconception

Users think like designers, so expert structures work for everyone.

What to Teach Instead

User mental models differ from designers'. Collaborative activities like open card sorts expose these gaps, allowing students to adjust hierarchies based on real peer input.

Active Learning Ideas

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.

45 min·Small Groups

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.

35 min·Pairs

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.

50 min·Whole Class

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.

30 min·Individual

Real-World Connections

• UX designers at Amazon use information architecture principles to organize product categories and create intuitive search filters, ensuring customers can easily find desired items among millions of products.
• Librarians at large public libraries, like the New York Public Library, develop taxonomies and navigation systems for their digital catalogs and websites to help patrons locate books, articles, and research materials efficiently.
• Content strategists for government websites, such as the Australian Taxation Office (ATO), design information architectures that guide citizens through complex forms and information, making essential services accessible.

Assessment Ideas

Exit Ticket

Provide students with a list of 10 common website pages for a fictional online store (e.g., 'About Us', 'Contact', 'Product A', 'Product B', 'Cart', 'Checkout', 'Returns Policy'). Ask them to group these into 3-4 logical categories and create a simple navigation label for each category. Collect and review for logical grouping.

Quick Check

Display a screenshot of a website's main navigation menu. Ask students to identify whether it is primarily global or local navigation and explain in one sentence why. Discuss responses as a class to check understanding of navigation types.

Peer Assessment

Students work in pairs to sketch a basic sitemap for a website they are familiar with. They then 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?'

Frequently Asked Questions

What is card sorting in information architecture?

Card sorting lets users group and label content cards to reveal their mental models. For Year 10, provide 20-30 cards from a site brief; students sort independently, then compare in groups to build consensus taxonomies. This informs sitemaps directly, ensuring navigation aligns with user expectations over designer assumptions. Follow with tree testing for validation.

How can active learning help students understand information architecture?

Active methods like hands-on card sorting and wireframe prototyping make IA concrete. Students experience user frustration when sorting mismatched cards or navigating flawed mockups, leading to better designs. Group critiques build consensus on hierarchies, while timing tasks quantifies improvements. These steps deepen empathy and iteration skills beyond lectures.

What navigation patterns work best for complex websites?

Global navigation provides consistent top-level access, local navigation adds context-specific links, and breadcrumbs show user paths. Year 10 students evaluate these via site audits, noting mega-menus suit broad sites while faceted search fits e-commerce. Balance with mobile considerations; test with peers to confirm patterns reduce clicks to goals.

How do you evaluate information architecture effectiveness?

Use metrics like task success rates, time on task, and error counts from user testing. Students simulate with peers on prototypes, applying rubrics for findability and intuitiveness. Heuristic reviews against Nielsen principles spot issues early. Iterate based on data, ensuring designs meet ACARA standards for stakeholder-focused solutions.