Information Architecture (IA)

Information Architecture (IA) is the practice of organizing, structuring, and labeling content so that users can find information and complete tasks efficiently. It is the blueprint for content navigation and hierarchy.

Category: UX (also: Design)

Author: Atomic Glue Editorial Team

## Definition

Information Architecture (IA) is the discipline of structuring and organizing information in digital products to support usability and findability. Coined by Richard Saul Wurman in the 1970s and formalized for the web by Louis Rosenfeld, Peter Morville, and Jorge Arango, IA sits at the intersection of users, content, and context. It defines how content is categorized, labeled, and interconnected through navigation, search, and sitemaps. Good IA is invisible: users find what they need without thinking about why it is organized that way. Bad IA is unmistakable: users cannot find anything and blame themselves.

## The Three Circles of IA

According to Rosenfeld, Morville, and Arango, IA is shaped by three interdependent factors. Users: their needs, behaviors, and how they seek information. Content: the volume, format, structure, and metadata of the information being organized. Context: the business goals, technology constraints, and cultural factors that define the environment. Good IA balances all three. Too much focus on content structure without considering user behavior produces a logical but unusable system.

## IA Methods and Deliverables

Card sorting (users group content topics into categories that make sense to them) reveals mental models. Tree testing (users find items in a text-based hierarchy) validates navigation structures. Sitemaps (visual or text-based diagrams of content hierarchy) document the structure. User flows map how users move through the IA to complete tasks. Content inventories and audits catalog existing content. Labeling research identifies terminology that users understand. Each method reduces guesswork in IA decisions.

## IA vs Navigation vs UX

Navigation is the UI component that exposes the IA. IA is the underlying structure. UX encompasses both IA and navigation plus everything else about the user's experience. Think of IA as the library's filing system, navigation as the signs and maps, and UX as the entire library experience including the lighting, the librarian's helpfulness, and the checkout process. You can have beautiful navigation over a broken IA, and users will still get lost.

## In code

<!-- Semantic HTML structure mirrors IA -->
<nav aria-label="Main">
  <ul>
    <li><a href="/products">Products</a>
      <ul>
        <li><a href="/products/saas">SaaS</a></li>
        <li><a href="/products/api">API</a></li>
      </ul>
    </li>
    <li><a href="/services">Services</a>
      <ul>
        <li><a href="/services/consulting">Consulting</a></li>
        <li><a href="/services/support">Support</a></li>
      </ul>
    </li>
  </ul>
</nav>

## Common questions

Q: At what stage should IA be designed?

A: Early. IA should be one of the first things defined after user research, before wireframes or visual design. Content structure determines layout and navigation. Trying to retrofit IA into an existing visual design is painful and often requires redesigning screens that were built on the wrong structure.

Q: What is the difference between IA and a sitemap?

A: IA is the broader discipline of organizing content, of which a sitemap is one deliverable. A sitemap is a visual representation of the IA hierarchy. IA also includes labeling, categorization logic, metadata strategy, search configuration, and cross-linking relationships.

## Key takeaways

• Information Architecture is the practice of organizing and labeling content to support findability and usability.
• IA balances three factors: users, content, and context.
• Methods: card sorting, tree testing, sitemapping, content audit, labeling research.
• IA is the underlying structure. Navigation is the UI that exposes it.
• Design IA early, before wireframes or visual design.

## Related entries

• [UX (User Experience)](atomicglue.co/glossary/ux-user-experience)
• [Wireframe](atomicglue.co/glossary/wireframe)
• [User Persona](atomicglue.co/glossary/user-persona)

Last updated July 2026. Permalink: atomicglue.co/glossary/information-architecture