Skip to content
tezvyn:

Progressive Disclosure: Show Less, Reveal More

Source: nngroup.comMediumHow cards are made

Progressive Disclosure: Show Less, Reveal More

Progressive disclosure manages complexity by showing only essential features upfront, like a "Read More" button for your UI. It's used in print dialogs and e-commerce specs to avoid overwhelming users.

Why it exists

Users want both powerful features to handle their special needs and extreme simplicity for ease of use. These are conflicting requirements. Progressive disclosure was developed to satisfy both demands without overwhelming the user with options they may never need.

The mental model

Think of it as a conversation that starts with the main point and offers details only if asked. You initially show users the few most important options, and provide a clear path (like an "Advanced" button) to reveal more specialized settings upon request. This respects the user's time and attention by not forcing them to parse irrelevant information.

How it works

An interface first presents a minimal view containing only the core functionality for the most common tasks. This initial display also contains a control, such as a button or link labeled "Advanced," "More Options," or "Details." When a user interacts with this control, the system discloses the secondary, more complex features. This keeps the initial experience simple for novices while still providing power for experts when they need it.

When to use it

Use progressive disclosure when an application has many features, but only a few are used by most people, most of the time. It is especially critical in mobile design where screen real estate is limited. It's also effective for information-rich websites, like an e-commerce product page that shows key attributes first and links to a full specification sheet.

When not to use it

The main risk is getting the split wrong. If you hide a feature that users frequently need, you are not simplifying their task; you are adding an extra click and creating frustration. What you choose to show on the initial screen signals its importance. If that signal is wrong, the design fails. Avoid this pattern if all features have roughly equal importance or frequency of use.

One canonical example

The classic print dialog box is the textbook case. When you command a document to print, the initial dialog shows the most common choices: which printer to use and how many copies to make. It also includes a button for "Advanced Options" or "Show Details." Clicking this reveals a secondary set of controls for rarely used settings like page scaling or printing in reverse order, keeping the common path simple and fast.

Interview question

What is the main benefit of implementing progressive disclosure in a user interface?

  • a.It ensures all application features are visible and immediately available to users.
  • b.It reduces development time by deferring the implementation of less common features.
  • c.It allows users to customize the interface by hiding features they don't use.
  • d.It simplifies the initial user experience while still offering access to advanced functionality.Correct
Why?

Progressive disclosure's core purpose is to simplify the initial user experience for novices by showing only essential features, while still providing access to powerful, advanced options for experts when they need them. Option A is incorrect because it explicitly hides less common features initially, rather than making all visible.

Just read this? Test yourself on what you have been reading.

Read the original → nngroup.com

You just looked this up. Could you explain it out loud?

That is the part interviews actually test. Tezvyn takes questions like this one and gives you what the interviewer is really checking, the answer that lands, and the mistake that ends the conversation, in the four minutes before your next meeting.

The iPhone app is on the way

We are building it. Until it lands, nothing here is held back from you: every interview card, your saved cards, streaks and the job board all work in Safari, plus hundreds of free practice quizzes of thirty questions each. Sign in and it all carries over to the app the day it arrives.

Want it as an icon? Tap Share at the bottom of Safari, then Add to Home Screen. It opens full screen and the cards you have read stay available offline.

Get it on Google PlayiPhone app coming soon

We are hiring for this. Every open role lists the topics its interview covers, so you can prepare for the real thing rather than guessing.

See open roles