Information Architecture

Information Architecture

Organizes, structures, and labels content so people can find and manage information: content audits, card sorting, taxonomy and facet design, navigation depth, labeling systems, and tree-testing validation. It produces sitemaps, taxonomies, and test scripts backed by user research rather than stakeholder opinion. It does not design the visual layer or write the copy; it decides where things live and what they are called.

When to Use

• The user mentions information architecture, IA, sitemap, navigation design, content structure, card sorting, tree testing, taxonomy, or findability.
• Organizing content for a digital product, designing a navigation system, or restructuring an existing information hierarchy.
• Improving findability: users cannot locate content, search logs show failed queries, or bounce rates are high.
• Creating taxonomies, facets, or metadata schemas that must still work when the content grows tenfold.
• Validating a proposed structure with tree testing before design and development spend begins.

Load any reference file with skill_view("information-architecture", file_path="references/<file>.md"); the paths below are relative to this skill.

Common Patterns

Pattern 1: Content Audit → Card Sort → Sitemap

When: Redesigning existing site/app with lots of content

Process:

1. Content audit: Inventory all existing content (URLs, titles, metadata)
2. Card sorting: Users group content cards into categories
3. Analyze patterns: What categories emerge? What's grouped together?
4. Create sitemap: Translate patterns into hierarchical structure
5. Validate with tree testing: Can users find content in new structure?

Example: E-commerce site with 500 products. Audit products → Card sort with 15 users → Patterns show users group by "occasion" not "product type" → New navigation: "Daily Essentials", "Special Occasions", "Gifts" instead of "Electronics", "Clothing", "Home Goods"

Pattern 2: Taxonomy Design (Faceted Navigation)

When: Users need multiple ways to slice/filter information

Structure: Orthogonal facets (dimensions) that combine

• Facet 1: Category (e.g., "Shoes", "Shirts", "Pants")
• Facet 2: Brand (e.g., "Nike", "Adidas", "Puma")
• Facet 3: Price range (e.g., "$0-50", "$50-100", "$100+")
• Facet 4: Color, Size, etc.

Principle: Facets are independent. Users can filter by any combination.

Example: Amazon product browse. Filter by Category AND Brand AND Price simultaneously. Each facet narrows results without breaking others.

Pattern 3: Progressive Disclosure (Hub-and-Spoke)

When: Content hierarchy is deep, users need overview before details

Structure:

• Hub page: High-level overview with clear labels
• Spoke pages: Detailed content, linked from hub
• Breadcrumbs: Show path back to hub

Principle: Don't overwhelm with everything at once. Start simple, reveal complexity on-demand.

Example: Documentation site. Hub: "Getting Started" with 5 clear options (Install, Configure, First App, Tutorials, Troubleshooting). Each option links to detailed spoke. Users scan hub, pick entry point, dive deep, return to hub if stuck.

Pattern 4: Flat vs. Deep Navigation

When: Deciding navigation depth (breadth vs. depth tradeoff)

Flat navigation (broad, shallow):

• Structure: Many top-level categories, few sub-levels (e.g., 10 categories, 2 levels deep)
• Pros: Less clicking, everything visible
• Cons: Overwhelming choice, hard to scan 10+ options

Deep navigation (narrow, tall):

• Structure: Few top-level categories, many sub-levels (e.g., 5 categories, 5 levels deep)
• Pros: Manageable choices at each level (5-7 items)
• Cons: Many clicks to reach content, users get lost in depth

Optimal: 3-4 levels deep, 5-9 items per level (Hick's Law: more choices = longer decision time)

Example: Software docs. Flat: All 50 API methods visible at once (overwhelming). Deep: APIs → Authentication → Methods → JWT → jwt.sign() (5 clicks, frustrating). Optimal: APIs (8 categories) → Authentication (6 methods) → jwt.sign() (3 clicks).

Pattern 5: Mental Model Alignment (Card Sorting)

When: You don't know how users think about content

Process:

1. Open card sort: Users create their own categories (exploratory)
2. Closed card sort: Users fit content into your categories (validation)
3. Hybrid card sort: Users use your categories OR create new ones (refinement)
4. Analyze: What labels do users use? What groupings emerge? What's confusing?

Example: SaaS product features. Company calls them "Widgets", "Modules", "Components" (technical terms). Card sort reveals users think "Reports", "Dashboards", "Alerts" (task-based terms). Insight: Label by user tasks, not internal architecture.

Pattern 6: Tree Testing (Reverse Card Sort)

When: Validating navigation structure before building

Process:

1. Create text-based tree (sitemap without visuals)
2. Give users tasks: "Where would you find X?"
3. Track paths: What route did they take? Did they succeed?
4. Measure: Success rate, directness (fewest clicks), time

Example: Navigation tree with "Services → Web Development → E-commerce". Task: "Find information about building an online store". 80% success = good. 40% success = users don't understand "E-commerce" label or "Services" category. Iterate.

Workflow

Use this structured approach when designing or auditing information architecture:

□ Step 1: Understand context and users
□ Step 2: Audit existing content (if any)
□ Step 3: Conduct user research (card sorting, interviews)
□ Step 4: Design taxonomy and navigation
□ Step 5: Create sitemap and wireframes
□ Step 6: Validate with tree testing
□ Step 7: Implement and iterate
□ Step 8: Monitor findability metrics

Step 1: Understand context and users (details) Identify content volume, user goals, mental models, and success metrics (time to find, search queries, bounce rate).

Step 2: Audit existing content (details) Inventory all content (URLs, titles, metadata). Identify duplicates, gaps, outdated items. Measure current performance (analytics, heatmaps).

Step 3: Conduct user research (details) Run card sorting (open, closed, or hybrid) with 15-30 users. Analyze clustering patterns, category labels, outliers. Conduct user interviews to understand mental models.

Step 4: Design taxonomy and navigation (details) Create hierarchical structure (3-4 levels, 5-9 items per level). Design facets for filtering. Choose labeling system (task-based, audience-based, or alphabetical). Define metadata schema.

Step 5: Create sitemap and wireframes (details) Document structure visually (sitemap diagram). Create low-fidelity wireframes showing navigation, breadcrumbs, filters. Get stakeholder feedback.

Step 6: Validate with tree testing (details) Test navigation with text-based tree (no visuals). Measure success rate (≥70%), directness (≤1.5× optimal path), time. Identify problem areas, iterate.

Step 7: Implement and iterate (details) Build high-fidelity designs and implement. Launch incrementally (pilot → rollout). Gather feedback from real users.

Step 8: Monitor findability metrics (details) Track time to find, search success rate, navigation abandonment, bounce rate, user feedback. Refine taxonomy based on data.

Guardrails

1. Test with Real Users, Not Assumptions

Danger: Designing based on stakeholder opinions or personal preferences

Guardrail: Always validate with user research (card sorting, tree testing, usability testing). Minimum 15 participants for statistical significance.

Red flag: "I think users will understand 'Synergistic Solutions'..." — If you're guessing, you're wrong.

2. Avoid Org Chart Navigation

Danger: Structuring navigation by internal org structure (Sales, Marketing, Engineering)

Guardrail: Structure by user mental models and tasks, not company departments

Example: Bad: "About Us → Departments → Engineering → APIs". Good: "For Developers → APIs"

3. Keep Navigation Shallow (3-4 Levels Max)

Danger: Deep hierarchies (5+ levels) where users get lost

Guardrail: Aim for 3-4 levels deep, 5-9 items per level. If deeper needed, add search, filtering, or multiple entry points.

Rule of thumb: If users need >4 clicks from homepage to content, rethink structure.

4. Use Clear, Specific Labels (Not Jargon)

Danger: Vague labels ("Resources", "Solutions") or internal jargon ("SKU Management")

Guardrail: Labels must be specific, action-oriented, and match user vocabulary. Test labels in card sorts and tree tests.

Test: Could a new user predict what's under this label? If not, clarify.

5. Ensure Single, Predictable Location

Danger: Content lives in multiple places, or users can't predict location

Guardrail: Each content type should have ONE canonical location. If cross-category, use clear primary location + links from secondary.

Principle: "Principle of least astonishment" — content is where users expect it.

6. Design for Scale

Danger: Structure works for 50 items but breaks at 500

Guardrail: Think ahead. If you have 50 products now but expect 500, design faceted navigation from start. Don't force retrofitting later.

Test: What happens if this category grows 10×? Will structure still work?

7. Provide Multiple Access Paths

Danger: Only one way to find content (e.g., only browse, no search)

Guardrail: Offer browse (navigation), search, filters, related links, breadcrumbs, tags. Different users have different strategies.

Principle: Some users are "searchers" (know what they want), others are "browsers" (exploring). Support both.

8. Validate Before Building

Danger: Building full site/app before testing structure

Guardrail: Use tree testing (text-based navigation) to validate structure before expensive design/dev work

ROI: 1 day of tree testing saves weeks of rework after launch.

Quick Reference

IA Methods Comparison

Navigation Depth Guidelines

Labeling Systems

Success Metrics

Verification

An IA is done when it survives contact with users, not when the sitemap looks tidy:

• Tree test success rate of 70% or higher and directness of 1.5x the optimal path or better on the top tasks (see Success Metrics).
• Score the structure against assets/evaluators/rubric_information_architecture.json: ten criteria on a 1-5 scale, minimum average 3.5, target 4.0. Any criterion below 3 (most often User Research Validation or Tree Testing Validation) means the structure is still a hypothesis.

Reference Files

• Templates: content audit template, card sorting template, sitemap template, tree testing script
• Methodology: card sorting analysis, taxonomy design, navigation patterns, findability optimization
• Rubric: evaluation criteria for IA quality (10 criteria)

Related Skills

• cognitive-design: the chunking, recognition-over-recall, and Hick's Law reasoning behind the depth and breadth limits here
• design-evaluation-audit: reviewing the finished navigation against the 8-dimension cognitive checklist
• visual-storytelling-design: presenting the IA decisions and test results to stakeholders

Examples in Context

Example 1: E-commerce Navigation Redesign

Context: Bookstore with 10,000 books organized by publisher (internal logic)

Approach: Content audit → Open card sort (20 users: genre-based, not publisher) → Faceted navigation: Genre × Format × Price × Rating → Tree test (75% success) → Result: Time to find -40%, conversion +15%

Example 2: SaaS Documentation IA

Context: Developer docs, high abandonment after 2 pages

Approach: User interviews (mental model = tasks not features) → Taxonomy shift: feature-based to task-based ("Get Started", "Store Data") → Progressive disclosure (hub-and-spoke) → Tree test (68% → 82% success) → Result: Engagement +50%, support tickets -25%

Example 3: Internal Knowledge Base

Context: Company wiki with 2,000 articles, employees can't find policies

Approach: Content audit (40% outdated, 15% duplicates) → Closed card sort (25 employees) → Hybrid: browse (known needs) + search (unknown) + metadata schema → Search best bets → Result: Search success 45% → 72%, time to find 5min → 1.5min