空状态、加载态和错误态设计

很多页面只设计了“有数据”的样子，却忽略空状态、加载态和错误态。结果就是接口慢时页面空白，数据为空时用户不知道是否正常，失败时只看到一个泛泛的错误提示。业务页面真正可用，必须把状态补齐。

一、空状态要说明原因和下一步

空状态不是简单写“暂无数据”。用户需要知道为什么没有数据，以及是否可以做什么。新用户没有内容，可以引导创建；筛选后没有结果，可以提示调整条件；权限不足没有数据，则要说明需要联系管理员。不同空状态不能用同一句话覆盖。

二、加载态要匹配等待成本

短时间加载可以用按钮 loading 或局部骨架；长时间加载需要更明确的进度或说明。首屏加载和局部刷新也应该区分，不能每次小刷新都让整个页面闪烁。加载态还要配合禁用状态，避免重复提交。

三、错误态要能恢复

错误态应该告诉用户失败发生在哪里，是否可以重试，是否需要刷新或联系支持。对于局部失败，不要让整个页面不可用；对于全局失败，要保留返回、重试或重新登录入口。错误态如果没有恢复路径，用户只能离开。

• 空状态按真实原因区分文案和动作。
• 加载态分首屏、局部和提交操作。
• 错误态要提供重试、刷新或返回路径。
• 禁用态要说明不可操作原因。

把 UI 状态补齐，页面会更像一个可靠工具，而不是只有正常情况能工作的静态稿。