Stop 04 · Information Architecture & UX StrategyTopics · 7/8

Progressive Disclosure

Part of the UI/UX Design Roadmap

In short

Showing every option at once makes simple tasks feel scary. Progressive disclosure shows the basics first and keeps advanced options one tap away for the people who need them.

Showing only the most essential options upfront, revealing more detail or advanced options as needed — preventing overwhelming a user with every possible choice at once.

The jaadu presses a big button on a friendly ATM machine with a blank screen.

Think of it like this

The ATM screen

An ATM doesn't show every banking service at once. First: withdraw, balance or more. Pick withdraw, then the amount. Rarely used options sit under 'More'. One question at a time keeps you calm in a queue.

Watch it happen

A 'Send money' screen opening up

To: Riya
0
Amount
1
Send
2

1/4Most people just want to send money to someone. Only three things show: who, how much, send.

The big ideas

What you need to know

Basics up front

Show what most users need most of the time. Research and data tell you what that is.

Advanced on demand

Accordions, 'More options' links and step-by-step forms reveal extra choices when asked.

Don't hide the essentials

If many users need something, hiding it adds frustration. Only tuck away genuinely occasional options.

Save yourself the pain

Common mistakes

Oops

Hiding important settings three levels deep to keep screens 'clean'.

Do this instead

Keep frequently needed options visible. Clean is good; hidden essentials are not.

Oops

Using vague labels like 'More' for very different things.

Do this instead

Use specific labels like 'Schedule or split' so people know what they'll find.

Your mission

Simplify a busy form

~30 min

Quick check

Which is a good use of progressive disclosure?

Go deeper

  1. 1Redesign a cluttered settings screen using progressive disclosure (collapsing advanced options).
  2. 2Learn why this technique balances simplicity for beginners with power for advanced users.
  3. 3Identify a real example of good progressive disclosure in an app you use.

More topics at this stop

Stuck on this topic? Ask an Insider

Get 1:1 guidance from people who've walked this exact path — on the InsideEdge app.

Download
InsideEdge