返回知识库

产品方法 · 产品方法

产品空状态Empty State

产品空状态是空列表上的入口:先说为什么空,再给匹配的下一步,不要和错误混在一起。

先认出空列表,再按原因点匹配的下一步

下面就是还没有内容时的项目工作区。默认是首次使用;点「创建第一个项目」看列表长出卡片。再切筛选无结果或加载失败,下一步会写在工作区上。

项目工作区还没有项目
还没有项目

创建第一个项目后,就能组织任务、邀请队友开始协作。

还没有项目列表真的是空的。原因:空状态要说明价值,并给出匹配的下一步。

下一步:点列表上的「创建第一个项目」,看第一张项目卡长出来。

知识点:空状态是入口,不是终点

上面的工作区已经演示了核心关系,这里只给可复用的命名。

  • 先说为什么空,再给匹配的下一步:创建、清筛选或重试。
  • 错误不是空状态,不能写成「暂无内容」。
  • 结果长在列表、筛选条或失败块上,不靠底部一句说明。
  • 引导可关闭、可恢复,关闭不能丢掉数据和入口。

什么时候用、怎么用

空状态是「还没有内容」时的过渡入口,不是所有没数据的统一兜底。

  • 信号:新工作区、新列表、必须做一个最小动作才能拿到价值。
  • 适用:首次进入、还没有内容。
  • 不适用:把筛选无结果、加载失败、权限不足混成一句「暂无内容」。
  • 最短路径:判断原因 → 写清价值 → 给匹配主操作 → 让结果长在物件上。

正反例:同一空列表,只换下一步

目标都是「工作区看起来是空的」。差别只在原因和下一步是否匹配。

正例首次使用 → 创建第一个项目

说明价值,主操作把用户送进产品;点完列表长出第一张卡。

反例筛选无结果也写「暂无内容,去创建」

用户会以为数据不存在;正确下一步是清除筛选,恢复已有项目。

快速自测

用户打开项目列表什么都没有,筛选条还挂着「负责人:张三」。最该先做什么?

继续查证

术语的技术定义和行为以这些一手或权威资料为准。

下一步学

和本知识点经常一起出现的概念。