FG—01AI Design Field Guide

Search the field guide

Search chapters, principles, patterns, worksheets, and glossary terms

PTN—18

Progressive Disclosure

Lead with the answer at skimmable depth and put reasoning, sources, and detail one deliberate step away.

Models are verbose by default, and verbosity taxes the reader on every single response. Progressive disclosure is the discipline of layering: the answer first, at the depth most people need, with reasoning chains, full source excerpts, methodology, and edge cases behind explicit expansion points. The person who wants the number gets the number; the person who wants to audit it can, without either paying for the other’s preference.

This is an information hierarchy problem before it is a UI problem. The collapsed layer has to be genuinely sufficient — a real answer, not a teaser engineered to force a click. And the expanded layer has to be genuinely deeper — the actual chain of reasoning or the actual source text, not a restatement. When both layers hold, disclosure becomes a trust instrument: the detail is verifiable precisely because it is optional.

Reasoning models made this pattern load-bearing. Extended thinking can run to thousands of words that almost nobody should read linearly, yet hiding it entirely would violate the contract of showing your work. The shipped consensus — thought process collapsed under a labeled toggle, answer front and center — is progressive disclosure doing exactly its job: full transparency at zero default cost.

The tradeoff is editorial nerve. Every layering decision is a claim about what most readers need, and teams that lack the nerve hedge by promoting everything to the surface — which is just verbosity with extra chrome. Maturity means instrumenting the toggles: a disclosure opened on most responses belongs in the default layer; one that is never opened should justify its existence. Perplexity’s evolution is the model case — citations moved from footnote lists toward inline markers as usage proved verification was a primary behavior, not an expert one. The layers should follow the readers, not the org chart.

When to use

Design considerations

Pitfalls

In the wild

Claude
Extended thinking collapses the reasoning trace under a toggle, keeping the answer primary while the full chain stays inspectable.
Perplexity
Answers lead with synthesized prose; numbered citations expand to source context only when invoked.
Gemini
Thinking-model responses tuck the reasoning into a collapsible section above the final answer.
GitHub Copilot
Inline completions show a single suggestion; alternatives and explanations sit behind explicit controls rather than crowding the editor.

Principles served

Discussed in the guide