progressive-disclosure

Define design patterns and hierarchy levels for progressive information disclosure.

Updated Nov 8, 2022
One-click install
npx skills add https://github.com/abhilash-nandkumar/dot_config --skill progressive-disclosure-abhilash-nandkumar
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: progressive-disclosure
Source: https://github.com/abhilash-nandkumar/dot_config/tree/main/opencode/skills/progressive-disclosure
Command: npx skills add https://github.com/abhilash-nandkumar/dot_config --skill progressive-disclosure-abhilash-nandkumar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Progressive disclosure reduces cognitive load by presenting only essential information up front and revealing additional details as the user engages.

Core Features & Use Cases

  • Sequentially reveal information across time to manage complexity in onboarding, forms, and complex UI.
  • Support multiple disclosure patterns such as click-to-reveal, hover-to-reveal, scroll-to-reveal, time-based, and role-based access.
  • Use cases include onboarding for complex products, simplifying feature-rich interfaces, multi-step forms, admin settings, and gradually introducing new features to users.

Quick Start

Design a multi-step form that reveals the next section only after the user completes the current step.

Frequently Asked Questions about progressive-disclosure

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I reduce cognitive load in complex forms and onboarding flows?

Reduce cognitive load in complex forms by applying progressive disclosure patterns that sequentially reveal information across time, presenting only essential details up front and exposing additional sections as the user engages with the interface.

What UX patterns help simplify feature-rich interfaces and admin panels?

UX patterns that simplify feature-rich interfaces include click-to-reveal, hover-to-reveal, scroll-to-reveal, time-based, and role-based access disclosure. These patterns control information density by gradually introducing new features to users.

How do I design a multi-step form that reveals the next section only after completion?

Design a multi-step form with progressive disclosure by defining design patterns, hierarchy levels, and evaluation criteria that implement controlled reveal sequences, triggering the next section to appear only after the current step is completed.

When should I use progressive disclosure in UI design?

Use progressive disclosure in UI design when managing complexity in onboarding for complex products, simplifying feature-rich interfaces, building multi-step forms, structuring admin settings, and gradually introducing new features to users.

Does progressive disclosure work for role-based access control in admin settings?

Progressive disclosure supports role-based access patterns in admin settings, allowing you to define hierarchy levels and evaluation criteria that control which information is revealed based on user permissions and engagement context.