Information Architecture: Organizing ContentActivities & Teaching Strategies
Active learning works for organizing content because students need to experience the consequences of design choices firsthand. When they test menus, sketch sitemaps, and role-play navigation paths, they see how structure affects real users, not just abstract rules.
Learning Objectives
- 1Analyze how the placement of navigation elements affects user task completion time on a given website.
- 2Design a clear and logical navigation structure for a simple digital product, such as a class blog.
- 3Evaluate the effectiveness of different website navigation patterns, like hierarchical versus linear, for a specific user goal.
- 4Identify common information architecture patterns used in popular apps and websites.
- 5Create a sitemap that visually represents the content hierarchy of a proposed website.
Want a complete lesson plan with these objectives? Generate a Mission →
Think-Pair-Share: Website Navigation Critique
Pairs examine two websites on tablets, one well-organized and one cluttered. They list pros and cons of each navigation structure, then share with the class. Conclude with a whole-class vote on most user-friendly features.
Prepare & details
Analyze how content organization impacts user navigation.
Facilitation Tip: For the Think-Pair-Share critique, assign each pair a different real website so they compare structures rather than duplicate ideas.
Setup: Standard classroom seating; students turn to a neighbor
Materials: Discussion prompt (projected or printed), Optional: recording sheet for pairs
Small Groups: Sitemap Sketch Challenge
Groups brainstorm content for a fictional pet care app, then draw a hierarchical sitemap on paper. They label main categories, subpages, and links. Present and get peer feedback on clarity.
Prepare & details
Design a simple site map or navigation flow for a website.
Facilitation Tip: During the Sitemap Sketch Challenge, provide large paper and colored markers to encourage spatial thinking and group collaboration.
Setup: Tables with large paper, or wall space
Materials: Concept cards or sticky notes, Large paper, Markers, Example concept map
Pairs: Navigation Flow Prototyping
Pairs use paper and markers to create a flowchart for a school events site. Test by role-playing users following the flow. Revise based on where peers get stuck.
Prepare & details
Evaluate the effectiveness of different information structures.
Facilitation Tip: In the Navigation Flow Prototyping activity, give pairs a fixed list of tasks to test so they focus on user paths instead of creative distractions.
Setup: Tables with large paper, or wall space
Materials: Concept cards or sticky notes, Large paper, Markers, Example concept map
Whole Class: Usability Walkthrough
Project a sample site map. Class calls out navigation paths aloud for tasks like 'find homework.' Discuss improvements as a group, noting bottlenecks.
Prepare & details
Analyze how content organization impacts user navigation.
Facilitation Tip: For the Usability Walkthrough, ask students to simulate a specific user role, like a new student or a game fan, to highlight perspective-taking in design.
Setup: Tables with large paper, or wall space
Materials: Concept cards or sticky notes, Large paper, Markers, Example concept map
Teaching This Topic
Teach this by framing information architecture as a problem-solving skill, not a set of rules. Use real-world examples students already know, then ask them to analyze why those designs work or fail. Avoid lecturing on terms like ‘breadcrumbs’ or ‘sitemaps’ upfront—instead, let students discover these ideas organically as they test and revise their own structures. Research shows that students grasp design concepts faster when they see immediate consequences of their choices, so prioritize hands-on testing over abstract explanations.
What to Expect
Students show success when they explain why one layout works better than another, connect user needs to design decisions, and revise their work based on feedback. They move from noticing problems to proposing solutions with clear reasoning.
These activities are a starting point. A full mission is the experience.
- Complete facilitation script with teacher dialogue
- Printable student materials, ready for class
- Differentiation strategies for every learner
Watch Out for These Misconceptions
Common MisconceptionDuring Think-Pair-Share Website Navigation Critique, watch for students who assume all websites need identical menus.
What to Teach Instead
Have pairs compare two different sites (e.g., a news site and a game app) and explain how each menu fits its purpose, using sticky notes to label purpose and audience.
Common MisconceptionDuring Small Groups Sitemap Sketch Challenge, watch for students who add more links to make navigation ‘better’.
What to Teach Instead
Challenge groups to count clicks needed for a task and remove links that don’t serve a clear purpose, then explain their choices in a gallery walk.
Common MisconceptionDuring Pairs Navigation Flow Prototyping, watch for students who assume users will always know the right search terms.
What to Teach Instead
Ask pairs to role-play a novice user searching for a specific item, then revise their labels based on mismatches they observe.
Assessment Ideas
After the Think-Pair-Share Website Navigation Critique, give students a new website screenshot and ask them to sketch an improved menu, explaining their changes in 2 sentences.
During the Sitemap Sketch Challenge, circulate and ask groups to explain the top-level categories they chose and how these help a user find the main purpose of the site.
After the Usability Walkthrough, have students swap sitemaps and use a checklist to evaluate clarity, grouping, and path length, then discuss one improvement with their partner.
Extensions & Scaffolding
- Challenge: Ask students to redesign a school library catalog interface for a younger grade level, using simpler labels and fewer clicks.
- Scaffolding: Provide pre-labeled sticky notes for students to rearrange on a whiteboard before sketching sitemaps.
- Deeper exploration: Let students interview a librarian or app designer about how they organize information, then compare their insights to classroom designs.
Key Vocabulary
| Information Architecture | The practice of organizing and structuring content in websites and applications to make it findable and understandable for users. |
| Sitemap | A visual representation or list of all the pages on a website and how they are connected, showing the hierarchy of content. |
| Navigation | The system of links, menus, and pathways that users follow to move through a website or app and find information. |
| Hierarchy | The arrangement of content in order of importance or scope, typically from broader categories to more specific details. |
| User Flow | The path a user takes through a website or app to complete a specific task, often visualized as a diagram. |
Suggested Methodologies
More in Designing for Users
Principles of User Interface (UI) Design
Students will study how layout, color, and navigation affect how people interact with websites and apps.
2 methodologies
User Experience (UX) Fundamentals
Students will explore the overall experience of a user interacting with a product, focusing on usability and satisfaction.
2 methodologies
Accessibility in Technology Design
Students will design technology that works for people with different abilities and needs.
2 methodologies
Prototyping Solutions: Wireframes and Paper Models
Students will create low-fidelity wireframes and paper prototypes to test design ideas quickly.
2 methodologies
User Testing and Feedback Integration
Students will conduct simple user tests on their prototypes and integrate feedback for improvements.
2 methodologies
Ready to teach Information Architecture: Organizing Content?
Generate a full mission with everything you need
Generate a Mission