通知中心交互设计的重点,是让用户分清“没看过、需要处理、已经处理”。先确定通知类型和处理动作,再设计未读、筛选、批量操作、详情与异常反馈。打开通知只代表已读,不应自动等同于完成审批或解决告警。
先用墨刀原型设计把通知列表、详情和处理后的反馈连起来,再让业务人员沿着待办任务评审,能及早发现状态含义不一致。

先给每类通知明确一个任务
以企业工作台为例,评论回复让用户回到讨论,待审批提醒让用户处理申请,系统告警让负责人确认问题。三类通知的动作和优先级不同,不适合全部放进只有标题和时间的同一种卡片。
| 类型 | 列表必要信息 | 主要动作 | 完成判断 |
|---|---|---|---|
| 评论回复 | 对象名称、回复摘要、时间 | 查看讨论 | 已阅读不代表已回复 |
| 待审批 | 申请对象、提交人、当前状态 | 去审批 | 业务端返回审批结果 |
| 系统告警 | 级别、影响对象、发生时间 | 查看并处理 | 告警状态已恢复或处理人确认 |
每条通知至少要关联稳定的通知 ID、业务对象和当前可执行动作。权限变化、对象被删除或申请已撤回时,详情页应解释当前情况,不能继续显示已经失效的“立即处理”按钮。
未读、处理状态和优先级分别表达
未读标记回答“是否看过”,业务标签回答“是否处理”,告警级别回答“有多紧急”。不要让同一个红点同时承担三种含义。文字标签应与颜色一起表达状态,列表摘要也要能让用户在不开详情的情况下判断是否需要处理。
已读何时更新要有固定规则:例如打开详情并加载成功后标记已读;仅在列表滚动到该项,不自动改变状态。批量“标记已读”可以清除未读标记,但不应批准申请或关闭告警。这个边界要同时写进原型和接口约定。

筛选与批量操作怎样避免误操作
- 常用筛选围绕任务设置,例如全部、未读、待处理,再按通知类型细分。
- 筛选条件显示在列表上方,无结果时说明是“当前条件无结果”,并提供清除筛选。
- 进入选择模式后显示已选数量,说明操作范围是当前页还是全部筛选结果。
- 批量操作完成后分别反馈成功与失败项;失败项保持选中或提供查看入口。
- 清空或删除前说明是否可恢复,避免把“标记已读”设计成不可逆删除。
例如用户在“待处理”中选择当前页的 8 条提醒,按钮应写明操作对象或显示已选数量;切换筛选时,应清除选择或明确保留范围,不能让屏幕外的项目被悄悄纳入。
加载、空、失败与过期通知的状态表
| 场景 | 反馈 | 恢复动作 |
|---|---|---|
| 首次加载 | 骨架或进度反馈,不显示“没有通知” | 加载完成后进入列表或空状态 |
| 没有通知 | 说明通知会出现在哪里 | 返回工作台或继续当前任务 |
| 列表请求失败 | 保留筛选条件和已显示内容 | 用相同条件重试 |
| 详情已过期 | 说明关联对象已撤回、删除或无权限 | 返回列表,必要时联系对应负责人 |
| 处理期间状态变化 | 展示最新状态,停止旧操作 | 刷新详情或查看处理记录 |
重复投递的通知可按业务事件标识去重;合并多条提醒时保留数量和关联对象列表。是否合并由业务规则决定,例如普通评论可以汇总,独立安全告警则需要分别追踪。
把一条审批提醒写成完整规格
例如“采购申请待审批”通知,列表标题包含申请对象,摘要给出提交人和提交时间;详情展示当前审批状态,主要按钮进入审批页面。打开详情标记已读,审批完成才更新业务状态。若申请已撤回,保留消息上下文并改为“申请已撤回”,关闭原审批动作。
规格可以复制为:触发事件|接收角色|业务对象ID|列表文案|详情动作|已读时机|过期规则|去重规则|权限变化处理。每项都写具体值或待确认负责人,研发不必从一张列表截图推断整个生命周期。
多设备和动态列表的边界
用户在手机读过通知,再打开网页时应如何同步,是需要明确的数据规则。页面刷新前暂时显示旧未读数时,不应又推送一条相同通知。用户正在阅读列表时有新消息到达,可以提示有新通知并由用户刷新,避免把当前项目挤走。
批量已读请求尚未返回时又收到新通知,要定义批量范围以哪个时刻为准。对于分页列表,“全选”默认选当前页还是所有结果也必须明确;有跨页操作时显示范围和总量,让用户能预期后果。
这些边界可以先在原型旁写成规则卡:设计展示反馈,研发确认状态来源和更新时机,测试按同一条规则复现。
用任务验证,而不是只看静态列表
在原型里检查三个任务:找出尚未处理的审批、把普通消息批量标记已读、从已失效通知返回可用页面。记录用户是否把未读当待办、是否清楚批量范围、是否找得到原业务入口。
手机端需检查长标题换行、筛选区占用、选择模式和返回位置;键盘操作需能到达筛选、通知项和主要动作,未读状态也应有文字或可访问名称。交付时保留通知类型表、状态矩阵、文案、批量规则与任务验收记录,新增通知类型时沿用同一套规则。
先在墨刀原型中制作一条“待审批”通知的列表、详情和已撤回状态,让同事完成“找到提醒并处理申请”的任务。确认已读与已处理不会混淆后,再扩展批量操作和其他通知类型。