Art, design & a little curiosity
Interaction design ↗

Use progressive disclosure without hiding necessary information

Apply progressive disclosure to workshop booking by separating essential terms, optional detail, conditional questions, and advanced controls while keeping consequential information available before commitment.

An original ink study study exploring progressive disclosure.
Ink study / Original digital study

Reveal detail when it becomes relevant

Progressive disclosure shows information when it becomes useful rather than presenting every possible detail at once. It can make a workshop booking easier to scan, but hiding required materials or cancellation terms until after payment undermines an informed choice. Sort information by when it matters to the person's decision.

Keep essential conditions visible before commitment. Put optional explanation behind a clearly named disclosure, and reveal conditional questions only when the preceding answer makes them relevant. Do not use disclosure merely to force a dense page into a small visual area. The organization still needs a meaningful hierarchy. Separate what the system knows from what the person has actually been told. A technically valid operation can still look unsuccessful when its confirmation is delayed or ambiguous. Describe the state before the action, while work is pending, and after it completes. Then name the information that remains available if the person leaves and returns. These notes become concrete requirements for the eventual implementation.

Organize a textile-class booking

Design a booking page for a textile class. Keep experience level, materials, price, and access information available in the main flow. Reveal dietary details only when refreshments are selected, and offer a separate explanation of equipment. Write the closed labels so someone can predict the information inside. Work through the example once without a pointer, once on a narrow screen, and once after an interruption. These passes examine different assumptions; none replaces research with people who use the finished service. Preserve the same task and content across passes so that changes reveal weaknesses in the design rather than unrelated differences in the scenario. Capture each weakness as a specific revision, not a general impression.

Handle stale conditional answers

A hidden field can retain a stale value after the answer that revealed it changes. Decide whether that value remains relevant and explain any consequential removal. If the person must open every disclosure to judge suitability, the page is hiding too much. Move the common decision information into the visible content. Distinguish a missing cue from a missing capability. Copy can explain an available recovery path, but it cannot create a recovery path the system lacks. Annotate where the interface needs a different state, a preserved value, or an operational response. Give each case a visible outcome. Otherwise an apparently helpful message may simply send someone around the same unsuccessful loop with more words to read.

Check suitability before personal details

Review by making a suitability decision before entering any personal details. Then change the conditional answers and inspect the resulting data. The visible interface and the submitted information should agree. Progressive disclosure is useful when it reduces irrelevant work while protecting the information people need to make a deliberate, informed choice. Write the revealed questions in their final order to expose any dependency that the collapsed sketch currently conceals.

A worked example

Worked decision

If refreshments changes from Yes to No, decide whether dietary information is removed and make any consequential removal understandable before submission.

References & further reading

Examples and exercises in this guide are original teaching scenarios.

Keep following the thread.

More interaction design ↗