Get AI summaries of any video or article — Sign up free
Write the Docs Portland 2017: Building navigation for your doc site: 5 best practices by Tom Johnson thumbnail

Write the Docs Portland 2017: Building navigation for your doc site: 5 best practices by Tom Johnson

Write the Docs·
5 min read

Based on Write the Docs's video on YouTube. If you like this content, support the original creators by watching, liking and subscribing to their content.

TL;DR

Treat documentation findability as a navigation and information-design problem, not only a writing-quality problem.

Briefing

Finding the right help page is often the real bottleneck in documentation—not writing clarity. Usability testing in a controlled lab setting showed that users frequently “flounder around” in help systems: they skim, click, watch videos, and still fail to recognize answers even when the correct information sits on the screen. Designers also get blindsided because workflows that feel intuitive internally don’t translate into navigation paths users actually take. A later round of third-party usability testing echoed the same theme—documentation that feels redundant, circular, and poorly organized—leading to a central goal: improve “findability” so users can locate what they need.

A practical response starts with treating navigation as an information-design problem, drawing on universal design principles such as hierarchy, progressive disclosure, immersion, desire lines, modularity, and wayfinding. The first fix is building a real hierarchy in product sidebars. Instead of flat lists that only show a product name, the sidebar should reveal scope—how many pages exist and how they group—so users can grasp complexity at a glance. Hierarchies help users understand both “the list of parts” and “the sense of the whole,” but they must avoid deep nesting (folders inside folders inside folders), which first paralyzes users with too many choices and then overloads them with too much information. A well-scoped sidebar also helps users realize what they didn’t know was available.

Next comes progressive disclosure: show only the necessary options at each level. Documentation portals can mirror a path-finding experience—portal homepage for choosing a product, product page for narrowing scope, and section/page levels for details—so users aren’t forced to choose from everything at once. Examples cited include Microsoft Azure’s approach to presenting options early, and AWS’s more scan-friendly link lists that keep choices visible above the fold.

Navigation shouldn’t stop at the sidebar. Users tend to click inline links while reading, so navigation within content matters. This aligns with “immersion”—keeping attention on the page—and with bottom-up navigation, where links connect actions, descriptions, and concepts directly to what the reader is already processing. The tradeoff is maintenance: dense inline linking can create decision overload and becomes hard to keep valid as page names and locations change.

The remaining best practices focus on surfacing what people already want and reducing fragmentation. Popular topics should be elevated based on metrics—moving high-traffic pages higher in navigation and featuring them on index pages. Desire lines also matter: documentation should make the most common user paths obvious, similar to how people’s real-world walking routes can be observed and then formalized. Finally, modularity reduces information fragmentation by consolidating small, disconnected chunks into longer, self-contained topics, supported by on-page tables of contents. When workflows are complex, wayfinding elements—process maps, contextual links, next-step links, and breadcrumbs—help users contextualize where they are and where to go next.

The takeaway is straightforward: documentation success depends on guiding users to content, not just producing accurate content. When these principles are applied, even basic navigation choices take on new meaning for real users trying to find answers fast.

Cornell Notes

Usability testing repeatedly shows that users struggle to locate help content even when answers exist on the page. The remedy is to treat documentation navigation as an information-design system built for “findability,” not just clarity of writing. Key moves include creating a clear hierarchy in product sidebars, using progressive disclosure to limit choices at each level, and supporting inline navigation so readers can follow links while staying focused on the page. Popular topics should be surfaced using real usage metrics, and modularity should prevent fragmented “pinball” experiences by consolidating content into self-contained topics. For complex flows, wayfinding tools like process maps, next-step links, and breadcrumbs help users understand where they are and what comes next.

Why do users fail to find answers even when the correct content is visible?

In lab-style usability testing, users often start by poking around rather than landing on the intended page. They skim, click, watch videos, and still miss the right information—sometimes even when it’s on the page they’re staring at. The underlying issue is navigation and recognition: users can’t reliably map their goal to the documentation’s structure, so they don’t know what’s “nearby” or how to move from one topic to the next.

What makes a documentation sidebar helpful instead of overwhelming?

A sidebar works best when it communicates scope and grouping, not just a product name. Hierarchy helps users understand complexity by showing both the “list of parts” and the “sense of the whole.” The sidebar should avoid deep nesting (folders inside folders inside folders), which can paralyze users with too many options and then overload them with too much information. A well-scoped sidebar also reveals what users didn’t know existed.

How does progressive disclosure reduce choice overload in docs?

Progressive disclosure limits what users see at each step. A portal homepage can act as a path-finding layer where users choose a product, then product pages narrow to smaller scopes, then sections/pages provide details. This staged exposure mirrors how users make decisions: they don’t want every possible option at once. The examples cited include Microsoft Azure’s early option display and AWS’s scan-friendly link lists that keep choices above the fold.

Why emphasize inline links and “immersion” in documentation navigation?

Users often read a page and click links within the content rather than using the sidebar. Inline navigation supports immersion—keeping mental focus on the page—because the reader’s attention is already on the relevant text. The approach is described as bottom-up navigation: links connect actions, descriptions, and concepts to what the reader is currently processing. The cost is higher maintenance: many inline links create more decision points and are harder to keep valid as pages move.

How do desire lines and metrics improve “findability” for common tasks?

Desire lines reflect the natural paths people want to walk. Documentation should make the most common routes obvious—like highlighting top tasks such as “sign up” or “password” at the top. Metrics then guide which topics deserve that prominence: high-traffic pages should be moved higher in navigation, featured on index pages, and linked from other places so users encounter what they’re already searching for.

What does modularity change about how users experience documentation?

Modularity reduces information fragmentation by consolidating related content into longer, self-contained topics. Instead of bouncing between many tiny pages to assemble an answer, users can read a complete section that contains what they need. This supports non-linear behavior—users jump in at any point—especially when paired with an on-page table of contents that provides a micro-level sense of the whole.

Review Questions

  1. Which navigation change would most directly address your users’ current failure mode: missing the right page, missing the right section on the page, or getting lost between topics?
  2. Where in your docs do you currently rely on deep nesting, and what would progressive disclosure look like if you limited choices at each level?
  3. What inline-link strategy could you adopt to support bottom-up navigation without creating an unmanageable number of broken or confusing links?

Key Points

  1. 1

    Treat documentation findability as a navigation and information-design problem, not only a writing-quality problem.

  2. 2

    Build a real hierarchy in product sidebars so users can understand both scope and the overall structure at a glance.

  3. 3

    Avoid deep nesting in navigation; it tends to paralyze users with too many choices and then overload them with too much information.

  4. 4

    Use progressive disclosure so each documentation level shows only the options users need at that moment.

  5. 5

    Support inline navigation inside content because readers often click links while staying immersed in the page.

  6. 6

    Surface popular topics based on usage metrics and align them with desire lines—make the most common paths easy to see.

  7. 7

    Reduce fragmentation by consolidating content into modular, self-contained topics and add on-page tables of contents for orientation.

Highlights

Usability testing showed that users can miss answers even when the information is on the page, pointing to navigation and recognition failures rather than content accuracy.
Hierarchies help users grasp complexity, but deep nesting (folders within folders within folders) can paralyze and then overwhelm.
Inline links often outperform sidebars because readers stay focused on the page; this supports bottom-up navigation but increases maintenance demands.
Desire lines and metrics should drive what gets elevated—top tasks belong near the top, not buried in secondary navigation.
Modularity reduces “pinball” experiences by turning many tiny chunks into longer, self-contained topics supported by on-page TOCs.

Topics

Mentioned

  • Tom Johnson