本章进度 2 / 18
11%
正文已完成
L223用层级而不是装饰组织信息
从任务频率、错误成本和信息依赖三个维度判断内容应该常驻、折叠还是延后。
把“信息层级”从听懂变成会判断，避免遇到真实任务时仍靠感觉选择。
建议先理解同主题上一课的核心概念，再完成本课判断练习。
- 无需安装新工具
- 准备一个可对照的真实问题或样本
判断信息层级时，不要先选颜色。先问它多久用一次、错过会怎样、是否依赖前面的信息。
能说明一个页面中每个区块的层级依据，并识别把装饰误当结构的设计。
核心概念
先把关键判断说清楚
频率决定可达性
高频操作应少走一步，低频设置可以收纳，但不能让高风险操作因低频而消失。
错误成本决定显著度
权限、金额、覆盖与发送等不可逆信息，即使不常见也应在决策点清楚出现。
依赖关系决定阅读顺序
只有理解 A 才能判断 B 时，页面必须先建立 A，而不是按数据库字段顺序输出。
案例拆解
同样醒目的三个按钮
生成邮件页面把复制、重新生成和立即发送做成同样醒目的主按钮，用户容易在未检查收件人时直接发送。
- 01
按可逆性区分三个操作
- 02
保留复制为常用操作，将发送放在检查步骤之后
- 03
发送前再次显示收件人和附件
案例结果
页面既保持效率，也把不可逆操作放到了正确的决策层。
提交前练习
现在轮到你
为一个包含生成、编辑、导出和发送的页面制作层级决策表。
完成本课需要：完成以下内容用于本课收口。
内容会自动保存在当前设备
查看参考答案与评分标准
参考答案
发送邮件，低频但不可逆，放在检查收件人与附件后的确认步骤；复制草稿，高频且可逆，常驻结果区。
评分标准
- 同时考虑频率和错误成本
- 不可逆操作有确认上下文
- 位置选择能说明依赖关系
本课收口 · 应用检查
完成一次应用，再检查理解
完成一次必填练习，再通过理解检查；阅读标记和总结不设硬门槛。
你现在更接近哪一种状态？
尚有必填项未完成，请补齐后再继续。
资料来源
继续核对与延伸阅读
本课内容最近更新于 。
- Web Content Accessibility Guidelines (WCAG) 2.2↗standard · 核对日期 2026-08-23
- MDN Web Docs↗reference · 核对日期 2026-08-23