交互模式 · 信息架构
渐进式披露
Progressive Disclosure
也叫:逐步展示、高级选项折叠、按需展开
先只展示最常用的内容和选项,更多细节或高级功能等用户需要时再展开,避免一次塞太多。
详细解释
渐进式披露是一种设计思路,不是某个具体组件。核心想法是:大多数用户只用到一小部分功能,把这部分放在明面上,其余的先收起来。常见的落地形式有:「高级设置」折叠区、「查看更多」展开长文、分步向导、点击才出现的详情气泡。
好处是界面清爽,新手不被吓到,熟练用户也能找到全部功能。风险是藏得太深导致找不到,所以展开入口要明显,文字要说清楚里面有什么(「高级设置:代理、超时、重试」比「更多」好)。
给 AI 提需求时,与其说「页面太复杂了」,不如直接指明哪些选项默认显示、哪些收进折叠区。
开发者信息术语 ID、DOM 线索、识别优先级
- 术语 ID
interaction-progressive-disclosure- DOM 选择器
- 没有 DOM 线索,这个概念不在页面上直接识别。
- 优先级
- 1 · 同一层有多条命中时,优先级高的胜出
- 版本
- v1 · 更新于 2026/09/29