核心结论:后台管理系统只画“有数据且操作成功”的正常页,无法支撑评审和开发。至少要区分加载中、首次无数据、筛选无结果、请求失败、局部失败、无权限、处理中和成功结果8类状态;每种状态都要写清触发条件、用户看见的反馈、可执行动作和返回路径。
本文适合产品经理、B端设计师、研发和测试共同使用。若项目还在确定整体页面范围,可先参考后台管理系统常见页面结构建立列表、详情、表单、权限和审批骨架,再用本文补全状态。

为什么正常页通过,产品上线仍然会卡住
正常页假设数据存在、接口成功、用户有权限、操作一次完成。但真实系统会遇到首次进入无数据、筛选条件过严、接口超时、部分模块失败、权限变更、重复提交和异步处理。若原型没有表达,研发只能临时决定反馈方式,测试也无法提前编写完整用例。
状态设计不是“补几张空白页面”。它要回答业务问题:这个状态为什么发生;用户已经完成的输入是否保留;现在还能做什么;谁能解决;恢复后回到哪里。尤其是交易、审批和批量处理,状态不清会直接造成误操作或重复操作。
先建立8类状态地图

“首次无数据”与“筛选无结果”必须分开。首次无数据通常需要解释模块价值并提供创建入口;筛选无结果应展示已生效条件,允许清空或调整。整页失败与局部失败也不同:局部失败时,应保留可用区域,避免一个图表请求失败导致整页不可用。
| 状态 | 典型触发 | 页面反馈 | 主要动作 |
|---|---|---|---|
| 加载中 | 首次请求或切换条件 | 骨架、进度、范围 | 等待或取消 |
| 首次空 | 尚未创建数据 | 说明价值和前置条件 | 创建第一条 |
| 筛选无结果 | 条件没有匹配项 | 展示生效条件 | 清除或调整 |
| 请求失败 | 网络、接口、服务异常 | 说明影响与保留内容 | 重试或稍后处理 |
| 无权限 | 角色或数据范围不足 | 说明缺少哪类权限 | 申请或联系负责人 |
加载状态:让用户知道系统还在工作
短暂加载可以使用骨架屏,长任务应显示进度、预计时间或后台处理说明。切换筛选时尽量保留旧数据并标注正在刷新,避免页面闪空。加载范围要与实际请求一致:只有列表刷新,就不要遮住导航和筛选区。
处理中为什么必须防重复提交
保存、审批、导出等操作提交后,应立即进入处理中状态,禁用重复点击,并保留任务标识。异步任务可以允许用户离开页面,但要提供结果入口。失败时说明是否已创建任务,避免用户再次点击造成重复数据。
空状态:区分“还没有”和“没有找到”
首次空状态回答“这里将出现什么、为什么现在为空、如何开始”;筛选无结果回答“当前哪些条件生效、如何扩大范围”。权限或系统错误造成的空白不能伪装成无数据,否则用户会误以为业务记录不存在。
搭建具体中后台场景时,可参考ERP系统表单与后台原型设计中的字段和流程做法,但空状态文案仍应针对真实业务对象编写。
错误状态:不要只写“出错了,请重试”
有效错误反馈由四部分组成:发生原因、影响范围、系统保留了什么、用户可以做什么。无法公开技术原因时,也要提供可理解的业务说明和错误编号。输入错误应靠近字段;整页服务失败才使用页面级反馈;危险操作失败时还要说明结果是否已经生效。

无权限状态:隐藏、禁用还是允许申请
用户根本不应知道某功能存在时可以隐藏;功能可见但当前角色不能操作时,禁用并解释原因;权限可申请时提供流程、审批人和预计时效。仅显示“403”或“无权限”没有行动价值。设计权限系统时,还应明确菜单权限、操作权限和数据范围权限。
复杂角色与数据范围可以结合用户权限系统的角色、资源与操作设计梳理,避免同一按钮在不同页面出现互相矛盾的权限规则。
每个异常都要形成恢复闭环
恢复闭环可以按“触发异常 → 解释原因 → 保留现场 → 提供动作 → 确认结果 → 返回任务”检查。重试不是唯一出口:用户还可能修改条件、保存草稿、切换人工、申请权限、取消退出或稍后查看。恢复动作必须符合异常原因。

如何把状态写进原型和交互说明
不必为每个状态都新建完整页面。全局状态可以建独立页面,局部状态用组件变体或注释表达;交互说明中写明触发条件、展示范围、文案、按钮、数据保留和退出条件。使用AI生成可编辑后台原型起稿时,要在提示词里明确要求输出状态清单,而不是只要求“页面完整”。
状态补全提示词:保持现有页面结构和字段不变,为订单列表补齐首次空、筛选无结果、加载中、列表请求失败、单行操作失败、无数据权限、批量处理中和提交成功状态。逐项说明触发条件、用户反馈、数据是否保留、恢复动作和返回位置。
后台状态评审清单
- 首次空、筛选无结果、权限不足和请求失败是否被正确区分?
- 加载和处理中是否说明范围,并防止重复提交?
- 失败后用户输入、筛选和已选数据是否保留?
- 错误反馈是否包含影响范围、可执行动作和结果状态?
- 无权限是否说明缺少什么、由谁解决、如何返回?
- 局部失败是否保留其他可用内容?
- 异常恢复后是否能回到原任务,而不是回到首页重新开始?
流程较长时,还可以用AI流程图分支与异常闭环检查清单核对每条异常路径是否有明确出口。
常见问题
后台每个页面都要画8种状态吗?
不需要机械复制。先识别页面会发生哪些事件,再分配相关状态;公共加载、错误和权限反馈可用组件规范复用,但业务文案与恢复动作必须针对当前任务。
空状态一定要放插画吗?
不一定。插画不能替代原因和行动。高频办公系统更重要的是清楚说明为什么为空、下一步能做什么,以及创建或调整条件的入口。
错误信息应该展示技术详情吗?
面向普通业务用户,优先展示可理解的原因、影响与动作;错误编号可用于支持排查。面向运维人员的内部系统可以提供更多技术证据,但仍要区分用户动作和系统诊断。
后台状态设计的完成标准不是“看起来都画过”,而是每条关键任务在等待、无数据、失败、权限不足和处理完成时都能继续。把状态、触发条件、反馈、恢复和责任人连成闭环,产品、研发与测试才能围绕同一份原型交付。