学习
渐进披露 · 交互设计growing

渐进披露

Progressive Disclosure · 渐进披露

最后更新
2026年7月17日
概念连接
6

一句心智模型

复杂度不要被删除,而要按用户意图分期支付。

视觉记忆卡

用一张图记住这个 Pattern。

把解释压缩成一个视觉模型,下一次在不同例子中遇到它时,也能更快识别出来。

下载原尺寸卡片
三层纸艺界面分别标注“必要”“情境”和“专家”,表示选项随着用户意图加深而逐层显露。

01 · 复杂度时机实验室

同一组能力,可以显得轻,也可以显得重。

对比同一个导出任务:所有控件一次出现,和选项随着用户表达更深意图逐层出现,会带来怎样不同的开始成本。

导出报告季度复盘
1
文件名quarterly-review

识别结果所必需。

1
格式PDF(Portable Document Format,便携式文档格式)

看得见的默认值让结果可以预测。

1
保存到Downloads

目标位置属于常见任务。

渐进披露模式:当前显示 3 个决定,共 1 层。

02 · 分层量表

频率只是其中一个信号。

把任务必要性、使用频率、选项依赖与行为后果放在一起判断。一个很少出现的风险,仍然可能必须始终可见。

01

必要性

没有它,当前任务还能完成吗?

任务必需的信息通常留在第一层。

02

频率

这个决定实际出现得有多频繁?

高频控制获得可见性,低频控制可以等待。

03

依赖

它是否只有在另一个选择后才有意义?

当条件成立时,再显露依赖控制。

04

后果

隐藏它会不会改变费用、权限或可恢复性?

高后果事实不能消失在“高级设置”里。

03 · 放置判断

什么应该首先可见?

切换情境。只按使用频率分层会产生坏设计,因为后果和任务含义同样重要。

拥有安全默认值、熟悉并且可恢复的任务。

保持可见文件名与格式

它们定义了常见结果。

稍后显露颜色配置

它只在专业生产意图中变得重要。

绝不隐藏覆盖文件警告

破坏性后果必须出现在决定发生的位置。

安全默认值让导出任务非常适合渐进披露。

04 · 失败信号

层级什么时候不再帮忙?

01

点击隧道

用户每次都打开 More → Advanced → Customize。

提升这条高频路径,或记住专家的展开状态。
02

神秘入口

功能存在,但用户从未发现那个图标。

使用描述性标签,并预告将出现什么。
03

隐藏后果

费用、权限或破坏性效果住在折叠面板里。

即使低频,也要把后果放回决定发生的位置。
04

隐形默认值

可见选择依赖一个用户无法预测的隐藏值。

用摘要或第一层状态暴露当前默认值。

05 · 概念邻居

策略、机制、结构与访问,分别做不同的工作。

记住关系类型,才能避免把每一个折叠界面都误认为渐进披露。

披露控件实现机制
Disclosure Widget · 披露控件

一个控件怎样显示或隐藏一块区域?

情境披露触发变体
Contextual Disclosure · 情境披露

状态或选择改变后,什么内容才变得相关?

分阶段披露流程变体
Staged Disclosure · 分阶段披露

信息怎样分布在多个步骤或页面中?

信息架构结构基础
Information Architecture · 信息架构

信息怎样分类、命名和连接?

默认值决策捷径
Defaults · 默认值

更多选项出现前,哪个答案可以安全工作?

功能门控访问策略
Feature Gating · 功能门控

功能究竟不可用,还是仅仅暂时没显示?

渐进披露

一个功能丰富的产品很容易把所有能力同时倒在用户面前。每一项设置都可能合理,但它们一起出现时,最常见的任务反而更难开始。

Progressive Disclosure(渐进披露)提供了另一种安排复杂度的方法:先给用户完成当前目标所需的最小完整界面,再随着意图和上下文逐层显露次要或高级选项。

它不是删除复杂度,而是决定复杂度什么时候出现。

相机的 Auto 与 Pro

拿起相机时,大多数人只需要构图和按快门。Auto 模式先替用户处理曝光、对焦和白平衡,因此第一秒就能完成拍照。

需要控制运动模糊时,可以进入更深一层调整快门速度;需要精确掌控时,再进入 Pro 模式控制光圈、快门与感光度。

专业能力没有消失,只是没有在第一次拍照之前向所有人收费。

但“这张照片会被永久删除”不能被藏进高级层。低频不等于低重要性;风险和后果必须参与分层。

第一层要最小,但必须完整

假设用户只想导出一份报告。第一层可以是:

文件名       quarterly-report
格式         PDF(Portable Document Format,便携式文档格式)
保存到       Downloads
             [ 高级选项 ] [ 导出 ]

用户不展开任何内容,也能完成最常见任务,并且知道结果是什么。第二层再放页面范围、图像质量与元数据;第三层放颜色配置、字体嵌入与压缩算法。

这三层分别回答:

  1. 我要完成什么?
  2. 结果需要怎样调整?
  3. 我要怎样控制底层实现?

如果第一层只有一个模糊按钮,而重要默认值全藏在后面,那不是渐进披露,而是隐藏决策。

怎样决定什么先出现?

不要从“哪些控件可以折叠”开始。先为每项信息判断四个维度:

维度要问的问题
必要性没有它,当前任务还能完成吗?
频率有多少用户、多少次任务会用到?
风险隐藏它会不会改变费用、权限、安全或不可逆后果?
依赖它是否只有在另一个选择出现后才有意义?

频繁、必需或高风险的信息通常留在第一层;低频、低风险且依赖特定意图的信息适合后置。

一个 Artificial Intelligence(AI,人工智能)Agent 例子

AI Agent 的设置很容易堆满模型、工具、上下文、预算、记忆、运行环境和审批策略。

一个合理起点可能是:

  • 第一层:目标、输入和输出;
  • 第二层:受众、语气、长度和允许使用的来源;
  • 第三层:模型、重试、预算和工具配置。

但 Tool access(工具权限)、外部写入、费用上限和破坏性操作属于高风险后果。即使低频,也应该在执行前明确显示或确认,不能因为“这是高级设置”就藏起来。

所以真实的分层不只是新手对专家,而是:

披露层级 = 任务相关性 × 使用频率 × 选项依赖 × 行为后果

入口本身也是设计

“显示格式设置”比孤立的 + 或三点图标更容易形成正确预期。披露入口应该靠近它控制的内容,并说明将出现什么。

在网页里,Disclosure(披露控件)通常由一个按钮和一块受控内容组成。WAI-ARIA(Web Accessibility Initiative – Accessible Rich Internet Applications,Web 无障碍倡议—无障碍富互联网应用)Authoring Practices Guide 建议使用真正的按钮,用 aria-expanded 暴露状态,让 Enter 与 Space 都能切换,并且不要只靠 hover。

什么时候适合?

  • 功能很多,但常见任务只需要一个稳定子集;
  • 选项有自然依赖,例如打开“自定义压缩”后才需要压缩率;
  • 新手需要快速进入,专家仍需要完整控制;
  • 移动端、侧栏或属性面板的空间有限;
  • 详细信息有价值,但不是每个人每次都要读。

什么时候会变坏?

  • 用户需要同时比较价格、权限或方案,却必须逐个展开;
  • 总价、自动续费、删除后果或公开范围被藏起来;
  • 两行说明也做成折叠区,白白增加一次操作;
  • 专家每次都要打开相同区域;
  • 隐藏内容无法被快速扫描、查找或打印;
  • 入口标签含糊,用户根本不知道功能存在。

常见失败包括:

  • 点击隧道: More → Advanced → Customize → Details 才找到常用设置;
  • 神秘入口: 只有一个不知道会打开什么的图标;
  • 隐藏风险: 用视觉简洁掩盖费用、权限或不可逆后果;
  • 状态失忆: 每次都忘记专家的展开选择,或折叠时清空输入;
  • 隐藏依赖: 第一层结果受隐藏默认值影响,却没有任何摘要。

看清概念邻居

  • Disclosure Widget(披露控件)是实现机制。 按钮、三角形、details/summary 或 Accordion(手风琴)负责显示和隐藏;渐进披露是决定为什么、何时、披露什么的策略。
  • Contextual Disclosure(情境披露)是触发变体。 勾选 “Schedule” 后出现日期与时区,内容随着状态变得相关。
  • Staged Disclosure(分阶段披露)是流程变体。 把内容放进连续步骤或 Wizard(向导),更强调任务顺序。
  • Information Architecture(信息架构)是结构基础。 它负责分类、命名与连接;错误分类不会因为折叠动画而变好。
  • Defaults(默认值)是决策捷径。 它让第一层可以直接工作,但隐藏默认值也可能制造意外。
  • Feature Gating(功能门控)是访问策略。 它决定能不能用;渐进披露通常只改变什么时候看见。

记住这六件事

  1. 复杂度不要被删除,而要按用户意图分期支付。
  2. 第一层必须最小但完整:任务能完成,结果看得见。
  3. 分层同时考虑必要性、频率、依赖与后果。
  4. 低频风险不能为了简洁被藏起来。
  5. 披露控件是机制,渐进披露是策略。
  6. 如果用户总在找、总在展开或总被隐藏默认值惊讶,分层就失败了。

自测

  1. 用户不展开任何内容,能否完成最常见任务并预测结果?
  2. 哪些信息虽然低频,却因为费用、权限或不可逆性必须一直可见?
  3. 触发器是否说明将出现什么?
  4. 第二层是否增加新的决策价值?
  5. 键盘和辅助技术能否感知展开状态?
  6. 专家是否总在重复打开同一层?

Further reading

概念连接

概念邻居

Disclosure Widget

实现机制

Disclosure Widget · 披露控件

负责显示或隐藏内容;渐进披露则决定什么内容应该在什么时候出现。

Contextual Disclosure

触发变体

Contextual Disclosure · 情境披露

当用户选择或环境变化使某项内容相关时,才在原地显露它。

Staged Disclosure

流程变体

Staged Disclosure · 分阶段披露

把信息分布在连续步骤或页面中,更强调顺序和阶段转换。

Information Architecture

结构基础

Information Architecture · 信息架构

决定信息怎样分类与连接;渐进披露决定一次交互中哪一层先出现。

Defaults

决策捷径

Defaults · 默认值

预先选择常见答案,让第一层可以完整工作;隐藏默认值也可能制造意外。

Feature Gating

访问策略

Feature Gating · 功能门控

决定用户是否有权使用功能;渐进披露通常只改变功能何时可见。

证据路径

一手资料

订阅我的邮件通讯

用 AI 构建,分享真正有效的方法。订阅即可在新文章发布时收到通知。

无追踪。无垃圾邮件。纯粹内容。

© 2020-2026 Aaron Guo