Information architecture guide

Information architecture for UX designers

Information architecture is how content is organized in a digital product. Learn IA fundamentals — sitemaps, navigation structures, card sorting, and tree testing.

What is information architecture?

The structural design of digital spaces — how content is organized, labeled, and navigated.

Information architecture (IA) is the structural design of digital spaces — how content is organized, labeled, and navigated. Good IA means users always know where they are, where they can go, and what they will find.

Why IA matters

Poor IA is invisible when done right — users find what they need without thinking. When done wrong, users get lost, frustrated, and leave.

Most navigation problems are IA problems.

Core IA components

Every digital product has four structural layers. Get all four right and users never feel lost.

Sitemap

A diagram of all pages and their hierarchy. The blueprint before you wireframe.

Navigation

How users move between sections (top nav, sidebar, bottom nav, breadcrumbs).

Labels

What you call things matters — use language your users use, not internal jargon.

The escape valve when navigation fails.

IA patterns

Four structural patterns cover almost every digital product. Choose the one that matches how users need to move through your content.

Hierarchical

Most common

Home → Category → Item. Best for e-commerce and content sites where content fits into clear parent-child relationships.

Hub and spoke

Mobile apps

Central home with spokes to features. No navigation between spokes. Users always return to the hub before moving to a different section.

Sequential

Onboarding / checkout

Linear path through content. Forces users through a defined order. Best for onboarding flows, checkouts, and multi-step forms.

Matrix

Job boards / marketplaces

Users navigate using multiple axes — search, filter, and browse simultaneously. Best for large content sets with many dimensions.

IA research methods

Use these three methods to validate structure before committing to a design direction.

Card sorting (open)

Give users cards with content labels. Ask them to group and name the groups. Reveals mental models — what users expect to live together.

Card sorting (closed)

Give users pre-defined categories. Ask them to sort cards into them. Tests existing navigation — does your structure match how users think?

Tree testing

Give users the navigation structure without visual design. Ask them to find specific content. Tests findability before you invest in high-fidelity UI.

Common IA mistakes

Most navigation problems trace back to one of these four errors.

Using internal team jargon as navigation labels — users do not think in org chart terms

Too many top-level categories — cognitive overload. Aim for 5–7 items maximum

Hiding important features 3+ levels deep

Inconsistent naming — calling the same thing different things in different places

Tools

Use Optimal Workshop for research, FigJam or Whimsical for documentation.

Optimal Workshop

Paid, free trial

The go-to for card sorting and tree testing. Purpose-built for IA research. Generates automatic reports showing where users succeed and where they get lost.

FigJam

Free with Figma

Fast and collaborative for drawing sitemap diagrams. Drag-and-drop shapes, easy to share, and already in your Figma workflow.

Miro

Free tier available

Good for large, complex sitemaps and journey maps. Infinite canvas and strong multiplayer make it easy for teams to collaborate on IA in real time.

Whimsical

Free tier available

Simple and fast for sitemaps and flowcharts. Lower learning curve than Miro. Good when you need to get a structure documented quickly.

Next step

Go deep on UX design skills

IA is one pillar of a strong UX practice. See the full skill set, career path, and portfolio requirements for UX designers.

Explore UX designer skills