Methods · Information architecture

Information Architecture

Information architecture is the structure behind a product: how its content and features are grouped, what those groups are called, and how they connect so people can find what they need.

You see that structure in menus, tabs, links and search. A sitemap records how the pieces fit together.

By UXbeam · Information architecture tools since 2021

Six stages of information architecture work

  1. Entry 01Decide & scope
    Crop from the UXbeam IA deliverables map: the structure specification and what feeds it

    Find out whether the problem is structural, who it affects and what the team can actually change.

    Preview

    If the evidence shows that the structure isn't the problem, stop here. If nothing can change, don't launch a study that cannot affect the decision.Information architecture assessment

    A small greenfield site may need only a sitemap and simple navigation rules; an existing site may also need an inventory.Information architecture deliverables

    Evidence

  2. Entry 02Discover & assess
    Crop from the UXbeam content inventory and audit template: inventory columns for a city library website

    Look at the tasks people come to complete, the content you already have and the places where the two don't meet.

    Preview
    Stakeholder interviews, user research, support tickets, top tasks, analytics and site-search logs.Information architecture deliverables

    List each page or content item in one row. The inventory captures what's there; the audit adds a decision about what to keep, change or remove.Information architecture deliverables

    Does the structure cover content required for priority tasks?Information architecture assessment
  3. Entry 03Organize & label
    Crop from the UXbeam card-sorting figure: a Find category card with its coded organizing principle

    Look for patterns in how people group items and what they call those groups before you draw the hierarchy.

    Preview

    An organizing principle determines which kinds of content belong together. Common choices include topic, task, audience, object, workflow stage and life event.Organizing principles

    In a card sort, the groups people create suggest possible sections. The names they choose offer label ideas. Neither tells you whether someone will find an item in the hierarchy you build.Card Sorting Guide

    Evidence

  4. Entry 04Test & refine
    Crop from the UXbeam path volume ribbons: participant paths from Home through Help to Track a delivery

    Use realistic tasks to check findability, then investigate detours and wrong destinations.

    Preview

    In a tree test, people navigate a text-only hierarchy to complete realistic tasks. Their routes show where they take a wrong turn or reach the wrong destination.Tree Testing Guide

    Start with the success rate: the share of participants who reached a correct destination, direct or indirect.Tree Testing Guide

    Evidence

  5. Entry 05Translate into design
    UXbeam grey-box wireframe of a listings screen

    Turn the hierarchy into menus and screen sketches. Then test the interface choices the sitemap couldn't show.

    Preview

    A sitemap tells you where destinations belong. Wireframes show how people might reach them through menus, links and screens. Use the IA evidence when sketching those routes, then test whether the interface supports the task.From sitemap to wireframe

    Which groups appear in each menu or navigation control, and what those controls do.Information architecture deliverables

    Evidence

  6. Entry 06Measure & maintain
    Crop from the UXbeam task outcome ladder: per-task tracks with before and after markers

    Record decisions and ownership, and revisit the structure as content and needs change.

    Preview

    Every new page needs a home. Someone must be responsible for deciding when it fits an existing section and when the structure itself should change.Information architecture assessment

    Keep the reasons for major structure changes in a decision log, and specify who can add a section or rename a category.Information architecture deliverables

What an information architecture includes

For example, a city library site: Home has sections for Borrow, Visit, Events, Learn, Kids and teens, and About. These mix tasks, events, an audience and information about the organization. See the structure sheet

Four information architecture systems

Organization
what belongs together and how groups relate
Labeling
the words used for groups, links and other choices
Navigation
the paths and controls people use to move through information
Search
how queries, metadata and matching rules help people retrieve relevant content

Case studies

Go deeper

Explore card sorting and tree testing

Use card sorting to explore how people group information, or tree testing to evaluate the findability of a proposed structure.