Skip to content
    Flow-alerta.cab

    Progressive Disclosure

    UX & accessibilityProgressive disclosuresStaggered presentation of information
    Editorially reviewed on: 1 source
    Your reading view

    The short answer · 17 words

    In short

    UX design pattern, in which information is gradually disclosed as needed by the user to avoid overburdening.

    Flow-alerta.cab (2026): Progressive Disclosure. https://flow-alerta.cab/en/glossar/progressive-disclosure. Editorially reviewed on: 09 October 2026.

    How much detail would you like?

    Practical

    Relevant for clear interfaces; keep important information accessible and test with users.

    Possible example: A configurator shows the most important selection fields first and offers additional technical details in foldable areas.

    Design of clear customer portals, B2B forms, checkout processes and interactive tables.

    At a glance

    Core
    Important core information is prominently displayed, while in-depth details, settings or explanations only become visible during interaction (for example by clicking on 'Learn more' or accordion). This simplifies the user guidance.
    Use
    Relevant for clear interfaces; keep important information accessible and test with users.
    Example
    Possible example: A configurator shows the most important selection fields first and offers additional technical details in foldable areas.
    Limits
    Hiding decision-relevant information; not making controls usable with a keyboard; unclear labels; loading content only after an unreliably readable interaction.

    In context

    User Experience (UX)

    User Experience describes the entire experience of using a product or service.

    Questions about this term

    When does the pattern make sense?

    If rarely needed details would overload a surface without being required for the main task.

    Is it automatically accessible and SEO-suitable?

    No. Operation, semantic structure and technical readability must be checked separately.

    All details and background

    Important core information is prominently displayed, while in-depth details, settings or explanations only become visible during interaction (for example by clicking on 'Learn more' or accordion). This simplifies the user guidance.

    ELI5 – Explained simply

    Like a book with a table of contents: You first see the most important things and only open up the details if you really want to know them.

    Why it matters in practice

    Relevant for clear interfaces; keep important information accessible and test with users.

    Example

    Possible example: A configurator shows the most important selection fields first and offers additional technical details in foldable areas.

    Pitfalls and limits

    • Hiding decision-relevant information; not making controls usable with a keyboard; unclear labels; loading content only after an unreliably readable interaction.

    Origin & history

    Jakob Nielsen explained the established UX principle at the Nielsen Norman Group in 2006. This post does not prove that he invented the term in the 1990s.

    Use in mid-sized companies

    • Design of clear customer portals, B2B forms, checkout processes and interactive tables.

    Related terms

    Matching Flow-alerta service

    Websites & web applicationsWebsites & web applications – clear and accessible user guidance

    Matching tool / use case

    View use casesUse Case: Make additional details available in a form if necessary.

    Sources

    • www.nngroup.comNielsen (03.12.2006), Progressive Disclosure, Nielsen Norman Group

    Quellen geprüft am 09.10.2026.

    Editorially reviewed on:

    Next step

    Put knowledge into practice

    Discuss your projectView use cases