不要为你的数据表格使用单一的通用空状态
大多数数据表格只带有一种单一的消息：“暂无数据。”
在设计评审时它看起来没问题，但在生产环境中它会产生大量的支持工单。
空表格意味着三种不同的情况。每种情况都需要特定的设计、特定的文本和特定的操作。
以下是你必须分别进行设计的三个场景：
首次使用（尚无数据） 用户是新用户。他们想知道这个表格的作用以及如何开始。 • 目标：引导用户上手。 • 文本：解释表格的用途。 • 操作：提供一个创建首个条目或导入数据的按钮。 • 避免：使用像“暂无数据”这样令人感到无路可走的提示。
筛选后为空（数据存在但被过滤器隐藏了） 用户应用了返回结果为零的过滤器。他们通常会认为工具出故障了。 • 目标：帮助用户找到他们的数据。 • 文本：明确说明哪些过滤器处于激活状态。 • 操作：提供一个清除所有过滤器或编辑过滤器的按钮。 • 避免：使用忽略了当前激活过滤器的通用消息。
加载失败（请求失败） 服务器返回了错误或网络中断。 • 目标：帮助用户恢复。 • 文本：解释加载失败，并显示时间戳或错误代码。 • 操作：提供一个重试按钮。 • 避免：当问题实际上是技术错误时，却告诉用户“暂无数据”。
团队为何在这方面失败：
- 他们在流程的太后期才设计空状态。
- 他们只使用演示数据进行测试，因此从未见过空状态。
- 他们将空状态视为边缘情况。
实际上，空状态是高杠杆时刻。一个好的空状态能在几分钟内引导用户从零实现价值。一个糟糕的空状态则会让用户感到困惑和沮丧。
构建你的表格组件以分别处理这些情况。现在设计它们成本很低，但以后可以节省大量的支持时间。