空白看起来像故障
面对空白页面，人们会怀疑是加载中、坏了还是自己出错，这破坏了尼尔森（1994）强调的系统状态可见性。Material Design区分多种空状态；加载中应改用骨架屏。
好空状态的三要素
卡普兰（2021）建议告知状态、提供学习线索、给出行动路径。按福格（2009）的模型，按钮就是触发。空状态也是新手引导最自然的位置。
分类型文案
无结果时回显关键词并建议检查拼写或清除筛选；全部完成时庆祝成就；出错时给出原因与重试且不责怪用户。这是把尼尔森可用性启发式用在空页面上。
常见问题
- 空状态应包含什么？
- 为何为空、将显示什么、下一步按钮。
- 加载与空状态有何区别？
- 加载时用骨架屏，真正无数据时才显示空状态。
来源核查日期：2026-10-27
参考文献
- Kaplan, K. (2021, September 19). Designing empty states in complex applications: 3 guidelines. Nielsen Norman Group. 三条准则：告知状态、提供学习线索、给出行动路径。
- Google. (n.d.). Empty states. Material Design 2. 区分首次使用、用户清空等空状态类型。
- Tidwell, J., Brewer, C., & Valencia, A. (2020). Designing interfaces: Patterns for effective interaction design (3rd ed.). O'Reilly Media. 交互设计模式合集。
- Hoober, S., & Berkman, E. (2011). Designing mobile interfaces. O'Reilly Media. 广泛介绍移动界面模式。
- Nielsen, J. (1994). Usability engineering. Morgan Kaufmann. 涵盖系统状态可见性等基本原则。
- Fogg, B. J. (2009). A behavior model for persuasive design. In Proceedings of the 4th International Conference on Persuasive Technology (Article 40). ACM. 把空状态按钮视为行为触发。
- Norman, D. A. (2013). The design of everyday things (Revised and expanded ed.). Basic Books. 阐述意符与反馈概念。