空状态

空状态是当没有内容/数据可显示给用户时，为防止混淆出现的系统反馈。

使用场景

任何内容区域（页面、区块、组件、单数据）没有内容/数据显示给用户时使用。

类型

用户主动触发

主要分为「内容被清空/已完成」和「搜索结果为空」两种情况。

内容被清空/已完成

这种空状态是用户自主删除所有数据或完成了所有任务的情况。一般此类场景不需要进行操作引导，只需要用「插图+正文」或「仅正文」的形式说明情况即可。

搜索结果为空

当用户搜索关键字后没有对应的结果显示时出现的空状态。此场景需要用「插图+正文」的形式说明情况，并视情况增加行动连接引导用户进行下一步操作，例如：换个关键词试试，添加一条新数据等。

用户被动接受

主要分为「暂无消息/内容」、「初始状态（新手指引）」两种情况。

暂无内容/消息

这种情况表示页面暂时无数据的状态，一般情况下使用「插图+正文」的形式，必要时可增加行动连接来引导用户进行下一步操作。

初始状态（新手指引）

对于首次使用复杂流程功能的用户来说，一个新手指引可以帮助用户快速上手，也可以填充原本为空的界面。

设计建议

1. 空状态附带的文案应该是一到两个可以快速阅读的短句；

2. 如果配图无法助于用户对当下场景的理解，请跳过它；

3. 空状态后可视具体场景添加一些示例操作包括创建记录、向列表中添加项等。确保该操作补充了用户在页面处于非空状态时向其添加数据的方式；

4. 设计时需考虑交互上下文的连续性、用户相关的信息以及基于权限的潜在边缘情况。例如，对于没有编辑或创建权限的用户，按钮（或行动链接）将不可见，但空状态仍然存在；

5. 文案提示用户可以如何进行下一步操作，例如：搜索结果显示无符合的项目，文案可以提示用户搜索相近词；

6. 在使用按钮时，应当首选用户最有可能的下一个最佳操作，需考虑当前用户是更需要一个教学指导还是立即快速行动。