technine.io

管理后台与仪表盘 · 设计概念

运营仪表盘

运营工作台设计研究,涵盖工单分流、筛选和详情查看,以及建议采用的状态提示与操作规则。

以下是概念设计,并非客户项目。展示内容为静态效果图,名称和数据均为虚构。

运营仪表盘

设计概念

运营仪表盘: 结构清晰的工作台 · 工单与任务详情
查看设计 ↗
结构清晰的工作台 · 工单与任务详情

设计出发点

让调度人员既能查看整体工作量,也能进入单张工单处理细节。需要关注的异常单独展示,避免整张表格都充满警示。

面向谁
负责查看工单、分配人员和跟进待办工作的运营协调人员及主管。
需要考虑的限制
优先级、处理进度和负责人是不同信息,不能合并成含义不清的标记。实际应用还需定义访问权限与并发编辑规则。

建议的操作流程

  1. 01

    查看工作概况

    工作量图表与待关注事项分别展示,提供不同的任务查找入口。

  2. 02

    缩小查询范围

    筛选器位于工单表格上方,任务、位置、负责人和状态按固定列排列。

  3. 03

    打开工单详情

    详情面板汇总检查项和活动记录,旁边保留任务队列,方便对照。

转派时保留任务信息

转派时保留任务信息

设计概念

补充画面展示更换负责人时,如何同时查看工单信息与交接备注。这是静态概念,不能实际分配任务。
查看设计 ↗
补充画面展示更换负责人时,如何同时查看工单信息与交接备注。这是静态概念,不能实际分配任务。

为什么这样设计?

区分提醒含义

待处理异常集中在专门区域。表格中的标签保持克制,优先级不与完成状态使用相同的视觉表达。

连接队列与详情

查看单项任务时保留队列,便于理解当前工作的位置。在窄屏中,需要另行设计明确的返回入口。

细看视觉设计

以下为建议的设计样式,均为静态示例,不是可操作功能或正式开发规范。

配色用途

  • 工作区背景

    #F3F6FA

  • 选中与操作

    #075BCC

  • 导航

    #092239

字体与间距

信息清楚,下一步明确。

使用数字辨识度较高的无衬线字体。突出任务名称,编号、日期及补充说明采用较弱层级。

表格行保持紧凑且等距,筛选器和操作区则预留足够间隔。详情内容按任务信息分组,避免沿用表格的高密度排版。

正常流程之外的状态

筛选无结果

没有符合筛选条件的工单。请取消部分条件后重试。

分配已保存

负责人已更新,工单尚未完成。

编辑冲突

编辑期间,这张工单已被更新。请查看最新版本后再保存。

工单优先级与处理进度为什么需要分开?

优先级表示任务的紧急程度,进度表示处理到了哪一步。两者独立展示,已经开始处理的紧急任务仍然能被识别。