跳转到内容

设计与体验 · DEFINED TERM

Empty State 空状态设计

当没有数据时解释原因,并提供合理的下一步。

你可能会这样说“没有项目时显示“创建第一个项目”,而不是一片空白。”

VISUAL EXAMPLE

先看懂它怎么工作

INPUT没有项目时显示“创建第一个项目”,而不是一片空白。
判断空数据原因
选择说明
提供可行动入口或等待信息
CHECK能区分未创建、无权限、筛选无结果和加载失败,并给正确行动

MECHANISM

运行机制

  1. 判断空数据原因
  2. 选择说明
  3. 提供可行动入口或等待信息

USE WHEN

适合这样用

首次使用、筛选无结果和数据被清空

NOT FOR

不要这样理解

不同空状态不能都写成“暂无数据”

TELL YOUR AGENT

可直接发给 Agent

请按“Empty State 空状态设计”的概念处理这个需求:没有项目时显示“创建第一个项目”,而不是一片空白。。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

能区分未创建、无权限、筛选无结果和加载失败,并给正确行动

OFFICIAL SOURCES

官方来源