Progressive Disclosure Without the Trap Doors
Hiding complexity is easy. Hiding it well is hard. How to layer information so users never feel lost, even when the surface is minimal.
The trap door problem
Progressive disclosure is a pattern where information is revealed in stages as the user needs it. The idea is sound: do not overwhelm people with everything at once. But in practice, teams implement it as a series of trap doors. The user clicks something, a panel opens, and they have no idea how to get back. They fall through the floor and cannot find the stairs.
The difference between good progressive disclosure and a trap door is reversibility. A well-designed disclosure lets the user open and close, expand and collapse, without losing their place. A trap door is one-way: once you open it, you are in a new context with no clear path back.
Designing for reversibility
Every disclosure should have an obvious way to undo it. If clicking a chevron opens a panel, clicking it again should close it. If a modal opens, the close button should be in the same position every time. If a tab is selected, switching back to the previous tab should be one click. These sound trivial, but they are the difference between a pattern that feels natural and one that feels like a maze.
The second principle is context preservation. When a user opens a disclosure, they should not lose their scroll position, their selection, or their mental model of where they are. Inline disclosures are almost always better than navigational ones for this reason. If you can reveal the detail without leaving the page, do it.
When not to use progressive disclosure
Progressive disclosure is not a license to hide everything. If a piece of information is needed by more than 30% of users on their first visit, it should probably be on the surface. Hiding high-frequency information behind a toggle creates a tax on the majority to benefit the minority. The right approach is often to show the common case and disclose the edge cases.
The other time not to use it is when the disclosure itself is the decision. If the user needs to compare two options side by side, do not make them toggle between them. Progressive disclosure is for depth, not for choice. For choice, show both options at once.
