说明价值,主操作把用户送进产品;点完列表长出第一张卡。
产品方法 · 产品方法
产品空状态Empty State
产品空状态是空列表上的入口:先说为什么空,再给匹配的下一步,不要和错误混在一起。
先认出空列表,再按原因点匹配的下一步
下面就是还没有内容时的项目工作区。默认是首次使用;点「创建第一个项目」看列表长出卡片。再切筛选无结果或加载失败,下一步会写在工作区上。
还没有项目
创建第一个项目后,就能组织任务、邀请队友开始协作。
还没有项目:列表真的是空的。原因:空状态要说明价值,并给出匹配的下一步。
下一步:点列表上的「创建第一个项目」,看第一张项目卡长出来。
知识点:空状态是入口,不是终点
上面的工作区已经演示了核心关系,这里只给可复用的命名。
- 先说为什么空,再给匹配的下一步:创建、清筛选或重试。
- 错误不是空状态,不能写成「暂无内容」。
- 结果长在列表、筛选条或失败块上,不靠底部一句说明。
- 引导可关闭、可恢复,关闭不能丢掉数据和入口。
什么时候用、怎么用
空状态是「还没有内容」时的过渡入口,不是所有没数据的统一兜底。
- 信号:新工作区、新列表、必须做一个最小动作才能拿到价值。
- 适用:首次进入、还没有内容。
- 不适用:把筛选无结果、加载失败、权限不足混成一句「暂无内容」。
- 最短路径:判断原因 → 写清价值 → 给匹配主操作 → 让结果长在物件上。
正反例:同一空列表,只换下一步
目标都是「工作区看起来是空的」。差别只在原因和下一步是否匹配。
用户会以为数据不存在;正确下一步是清除筛选,恢复已有项目。
快速自测
用户打开项目列表什么都没有,筛选条还挂着「负责人:张三」。最该先做什么?
继续查证
术语的技术定义和行为以这些一手或权威资料为准。
下一步学
和本知识点经常一起出现的概念。