The Explanation LabAll 20 lessons

13 STRUCTURE · Information shaped like the task

Reveal it in layers.

You will learn how to explain something complex in layers, so each new piece lands on one the reader already has. It takes 4 minutes.

In one sentence

Show what people need now, and let them open the rest in layers. That's the whole idea. Everything below is a deeper layer. Open only what you want.

Watch the clip

It starts with a whole heating system at once. Then it starts over with one part and adds a layer at a time. Watch when the full picture becomes readable.

30 seconds · lesson 13 of 20 from the full video

The name for it

THE NAME FOR IT

Progressive disclosure

Interaction design · reveal complexity in layers

Show what is needed now. Reveal the rest in layers, each built on the one before.

Try it: a home heating system, in layers

Open each layer in order. Each one adds one idea to the one before.

Layer 1: one thing

A thermostat on the wall. It knows the temperature you want.

Layer 2: one relationship

When the room is too cold, the thermostat calls for heat. That's a signal to the boiler: start heating.

Layer 3: the heat loop

The boiler heats water. A pump pushes the hot water through the radiators, which warm the rooms. The cooled water comes back to the boiler to be heated again.

Layer 4: fuel and exhaust

A gas valve feeds the burner, and the flame heats the water. The fumes leave through the flue.

Layer 5: control and safety

A control board runs the sequence. A flame sensor shuts off the gas if the flame goes out. A high-limit sensor stops the burner if the water gets too hot. A relief valve lets out pressure, and an expansion tank gives the heated water room to expand.

You now know the main parts and how they connect. You saw them all at once at the start of the clip. This time each part had a place to go.

Go deeper: how to build the layers

How do I pick the first layer?

Ask what the reader needs to start, not what's most important to you. For a heating system, that's the thing they touch: the thermostat. For software, it's the one task most people come to do.

How big is each layer?

One new idea per layer, connected to something already shown. If a layer needs two new ideas, split it.

Where does progressive disclosure go wrong?
  • Hiding what people need. If most readers have to open a layer, it belongs on the surface.
  • Too many clicks. Deep nesting makes people hunt. Two or three levels is usually enough.
  • No way to see everything. Experts want the whole picture. Give them a way to open it all, like the full diagram at the end of the clip.

TAKEAWAY

Layers turn noise
into structure.

Ask your agent

PROMPT
Explain the topic below in layers.
Layer 1: one sentence a newcomer can use right away.
Each following layer adds exactly one new idea, and connects it to something from an earlier layer.
Label each layer with what it adds. Stop at five layers.
End with a "full picture" layer that names every part and how they connect.
Format it so each layer can be collapsed (HTML <details> or headings).

Topic:
[paste here]

What good output looks like: a first line you could stop at, layers that each add one thing, and a full picture at the end that now reads easily.

Sources