项目概述
运力调度系统
「运输任务管理」交互重构
异常埋在位置列小红字里
5 固定列 · 异常红条置顶
项目背景与设计挑战
产品定位
面向物流企业调度员的运力调度系统。「运输任务管理」承担录单、派单、在途监控、回单结算四大职责，是调度员日活最高的核心模块。
调度员
主要用户职责：录单、派车、跟踪在途、处理异常
核心诉求：快录单 · 快派车 · 异常早知道
运营 / 财务
次要用户职责：审核运费、结算、对账
核心诉求：数据准确 · 批量处理 · 可追溯
三个核心痛点：慢、错、瞎
修改任务链路长。改运费/改卸货地：翻找任务 → 进独立修改页 → 40+ 字段滚 2-3 屏定位 → 滚到底保存 → 返回核对。关键字段在中下部，保存按钮不吸底。
建单错误率高。7 分区 40+ 字段平铺无折叠，必填标记不统一、校验提交才触发；保证金选 0 元才弹原因。新人平均每单返工 1.8 次。
异常发现延迟。同时监控 133 个在途单，「预计送达超时 20 小时 58 分」只是位置列里一行小红字，无独立扫描通道。
用户研究：典型任务流与 5 条关键发现
典型任务流
🧑✈️ 张调度 · 主力调度员
3 年经验日均处理 80-120 单，操作熟练、追求效率，负责在途监控与异常处置。
「133 个在途我眼睛都看花」
痛点：高频重复操作耗时、异常发现靠肉眼扫表
期望：字段可快速定位 · 异常主动推送 · 批量操作
🧑💼 小李 · 新入职运营
入职 1 个月日均处理 20-30 单，对业务和系统都不熟悉，录单依赖模板与提示。
「保证金选 0 元怎么还要填原因？」
痛点：字段含义不清、校验反馈滞后、条件字段不可预期
期望：必填项清晰 · 实时校验 · 有模板可复用
| # | 发现 | 代表性原话 / 观察 |
|---|---|---|
| F1 | 修改链路冗长 | 「改个运费，光找字段就花半分钟，保存按钮还在最底下」— 张调度 |
| F2 | 建单认知负担重 | 「第一次建单我提交了 3 次才过，每次都提示漏填，也不早说」— 小李 |
| F3 | 异常发现靠扫表 | 「我得一行行扒位置那列的小红字，看多了就漏了」— 张调度 |
| F4 | 操作列过载 | 一行 6 个操作，观察到误把「删除」点成「修改」 |
| F5 | 详情信息冗余 | 「详情里好多空的，网点部门都没填，还占一大块」— 现场观察 |
现状分析：7 个问题点
一行堆叠 详情/修改/记录/删除/再来一单/杂费支出 6 个操作，点击目标小、易误触。
「预计送达超时 20 小时 58 分」「轨迹停留 1 小时」只是位置列里的小红字，与地址、里程等 7 项混在一起，无独立扫描通道。
创建/派车/约定到场/发车/约定送达 5 个时间纵向堆叠，真正关心的「约定送达」被淹没。
「待派车 0 / 已结算 0」等 0 值 Tab 与 7 个有数据 Tab 平铺无分组，占导航空间、无主次。
7 个分区（运输任务信息→承运信息→保证金→结算→保障服务→运作费→其他信息）全部平铺，一屏无法呈现；必填项标记不统一，运作费收入/支出嵌套深。
「取消 / 新建」固定在表单最底部，长表单必须滚动到底才能提交；条件字段（保证金 0 元原因）突兀出现，页面跳动。
修改页与新建页完全同构，运输单号等不可改字段未只读置灰，调度员不确定哪些能改；保存后无明确反馈，需自行刷新核对。
信息架构：一张大表 → 场景导航 + 三层页面
运输任务管理
├ 筛选区（7 项藏在「展开」里）
├ 状态 Tab（全部+8态共9个平铺，含0值）
├ 操作栏（4 个按钮常显）
├ 汇总条
└ 列表（23 列横滚；时间列堆5项、
位置列堆7项；操作列 6 动作）
├ 新建（独立页，39+字段平铺，无闭环）
├ 修改（独立页，只读/可改不分）
└ 详情（抽屉，全字段平铺，空值占位）① 列表工作台
├ 场景导航：派车 / 在途 / 收尾 三组（8态）
│ ·在途：仅看异常(N) 开关
├ 筛选：搜索+常用常驻+更多(记忆)
├ 汇总条 / 批量条(勾选浮现)+新建
└ 列表：5固定列+关键节点场景列
+在途「异常预警」独立列
├ ② 详情抽屉（23 列字段的档案归宿）
└ ③ 编辑抽屉（新建/修改同构·7分区）
└ ④ 建单成功层（3 组动作并列）
├ 催接单：好运宝海报二维码 + 三渠道
│ （复制图片 → 复制文案）
├ 处置预警：北斗定位异常卡 → 外呼催用导航
└ 离开：再来一单（复制上一单）／ 返回列表待派车 133 · 待到场 1 · 待发车 9
盯接单：关键节点列看接单进度
运输中 133
盯超时：异常红条置顶 + 预警独立列
运输完成 4 · 支付中 2 · 已结算 0 · 已取消 2
盯回单与钱：节点列切为回单/运费
① 导航按生命周期分组
派车→在途→收尾贴合一天工作节奏；数量引导注意力，0 值收入「更多状态」。
② 字段按决策深度分层
列表只放行动字段，档案字段归详情；状态与风险正交，预警独立成列。
③ 表单按单据生命周期分区
7 分区折叠，任务/承运/结算默认展开，折叠标题回显摘要，条件字段原位展开。
核心流程 · 修改：7 步 120 秒 → 4 步 45 秒
| 1 | 23 列宽表逐行扫描单号 | 20s |
| 2 | 6 个操作中误触风险高点「修改」 | 5s |
| 3 | 滚 2-3 屏定位字段 | 25s |
| 4 | 修改字段 | 10s |
| 5 | 处理保证金原因等联动字段 | 20s |
| 6 | 滚回底部点保存 | 15s |
| 7 | 返回列表手动核对 | 25s |
| 1 | 全局搜索「70007」→ 目标行高亮 | 8s |
| 2 | 行悬停「改运费」→ 抽屉定位结算锚点 | 3s |
| 3 | 分区折叠改值，失焦校验，脏字段橙点 | 20s |
| 4 | 吸底保存 → 变更 diff 确认 → Toast 刷新 | 14s |
修改抽屉：40+ 字段全保留 · 7 分区默认展开高频三段
| 分区 | 字段（*必填） | 修改态处理 |
|---|---|---|
| 运输任务信息 | 单号 / 客户* / 装卸货地* / 货物*数量* / 现场员* / 约定到场* / 时效* / 回单邮寄地址 / 实际出厂 / 实际卸货 / 服务要求 / 备注（14） | 单号只读置灰，余可改，默认展开 |
| 承运信息 | 车牌* / 手机* / 司机姓名* / 身份证* / 用车需求* / 车牌颜色* / 运力类型* / 挂车牌（8，含粘贴识别） | 改车牌司机属改派，强提示 |
| 履约保证金 | 金额 0/100/200/300/500/自定义 + 0 元原因（短途） | 条件字段原位内联展开 |
| 结算信息 | 合作模式* / 运费金额* / 收款人 6 项（姓名/身份证/卡号/银行/手机/开户行）（8） | 高频默认展开，改运费直达 |
| 保障服务 / 运作费 / 其他 | 是否购买+风险确认书；收入(压车/咨询/过路费)支出(驳装/加油/装车) 各含金额+凭证+备注；网点部门计费 5 项 | 默认折叠，标题回显摘要 |
核心流程 · 建单：7 分区折叠卡片承载 39 个主字段
| 分区 | 字段（*必填） | 数量 | 默认状态 |
|---|---|---|---|
| 运输任务信息 | 单号(自动生成) / 客户* / 装货地* / 卸货地* / 货物名称* / 数量*吨 / 现场员* / 约定到场* / 时效(H)* / 回单邮寄地址 / 实际出厂 / 实际卸货 / 服务要求 / 备注 | 14 | 展开 |
| 承运信息（粘贴识别） | 车牌* / 手机* / 司机姓名* / 身份证* / 用车需求* / 车牌颜色* / 运力类型* / 挂车牌号 | 8 | 展开 |
| 履约保证金 | 金额六档单选 + 选 0 元时出现原因* | 2 | 折叠·回显 |
| 结算信息 | 合作模式* / 运费金额*+费用类型 / 收款人 6 项（可折叠） | 8 | 展开 |
| 保障服务 | 是否购买* +《运输风险确认书》（选否条件出现） | 2 | 折叠·回显 |
| 运作费 | 收入：压车费(增)/咨询费(减)/过路费(不计)；支出：驳装费/加油费/装车费；每项 金额+凭证上传+备注100字 | 6×3 | 收入/支出可折叠 |
| 其他信息 | 装货网点 / 卸货网点 / 出发部门 / 到达部门 / 是否计费 | 5 | 折叠 |
实时校验：把返工消灭在提交前
- 失焦校验：17 个必填项未填即红框 + 提示，不等提交
- 格式校验：手机 11 位 / 身份证 18 位 / 运费>0 / 装卸地不可相同
- 条件字段原位展开：保证金 0 元 → 原因下拉；保障选否 → 风险确认书
- 司机联想回填：输车牌/手机命中车队库，自动带出姓名/身份证/车型
- 粘贴识别：解析司机信息文本 → 车牌 / 手机 / 姓名 / 身份证逐字段确认填入
- 提交拦截：吸顶「还有 3 项未完成 ▾」自动定位首个错误项并展开分区
连续建单优化
- 吸底操作栏：取消 ｜ 保存并新建下一单 ｜ 新建，任意位置可提交
- 保存并新建：保留装卸货地/客户/现场员/合作模式，标签列出可逐个取消
- 历史运单模板：顶部模板卡整单填充，字段标「模板」可单字段撤销
新增「建单成功层」：一张海报串起接单闭环
列表重构：列表做决策，详情查档案
按业务场景留字段
派车盯接单（待派车 133 · 待到场 1 · 待发车 9）· 在途盯超时（运输中 133）· 收尾盯回单和钱（完成 4 · 支付 2），每阶段只呈现决策字段。
行动字段留列表
主表只回答：找谁、送哪、何时到、是否异常、怎么操作；对账审批等查档字段进详情。
字段只搬家不消失
23 列在 主表 / 详情 / 轨迹弹层 / 列设置 四处都有归宿，财务可一键召回。
现状 · 23 列结构（截图①）
标识：任务ID / 单号 ｜ 状态时间：状态 / 5 个时间堆叠 ｜ 承运：已分发 / 承运信息 / 车辆 / 运力类型 / 结算账期 / 会员认证 ｜ 在途位置：1 格塞 7 项（定位地址 / 轨迹 / 停留 / 定位失败 / 时效 / 剩余里程 / 超时）｜ 货物线路：货物 / 客户 / 线路里程 ｜ 费用结算：运费3项 / 收款人 / 回单 / 纸质回单 / 支付 / 审批 / 派车人 / 结算司机状态 ｜ 操作：6 动作
主表精简：5 列固定 + 「关键节点」随场景切换（同一列位置，不同阶段呈现不同决策信息）
| 固定列 | 呈现 | 合并的原列 |
|---|---|---|
| 运输任务 | 单号（可复制）+ 灰字任务ID | 运输任务单号、运输任务ID |
| 状态 | 8 态生命周期标签（不承载预警） | 运输任务状态 |
| 运输线路 | 绿点装货地 → 橙点卸货地 + 里程，如「袁州区环城西路 271 号 → 金堂县成金大道 852 号 1235.50KM」；副文本「客户 · 货物 · 吨位」 | 线路、货物信息、客户名称 |
| 司机/车辆 | 司机姓名 + 手机号 / 车牌，如「彭师傅 137****1119 / 赣CC5153」；带「认证」标 | 承运信息、车辆信息、会员认证 |
| 操作 | 详情 / 修改 / 更多；悬停浮现 改运费·改派 | 6 动作全保留 |
异常预警独立成列：状态与风险正交（状态互斥，预警可叠加）
| 方案 | 问题 | 结论 |
|---|---|---|
| A. 挂在「状态」列 | 重蹈旧版 P2「蓝点+超时红字」覆辙；一单可同时超时+停留，无法表达叠加 | 否决 |
| B. 挂在「关键节点」列 | 该列已有时刻+倒计时+里程+轨迹，长文案标签会重新变成「1 格 7 项」；预警无法独立筛选排序 | 否决 |
| C. 独立「异常预警」列 | 垂直红色扫描带：一眼看清异常数量/类型/时长；可筛选、可置顶、可挂处置动作 | 采纳 |
列设计
⏱ 超时 20小时58分 红=时效违约 ｜ ⚠ 轨迹停留 1小时 橙=静止风险（可能正常休息）
仅「运输中/全部」Tab 出现，无预警留空不画「正常」；双预警叠放+行左红条+置顶；列头 仅超时/仅停留 筛选 + 「仅看异常(N)」开关。
行内处置闭环
超时标签 hover → 联系司机 / 改派（点击直达轨迹弹层当前位置）
停留标签 hover → 看轨迹 / 联系司机（定位停留点）
关键节点列只陈述事实，预警列只做风险判断，职责不重叠。
23 列归宿映射（档案字段全部进详情抽屉，列设置可召回）
- 运作过程：5 节点时间线 + 5 个完整时间 + 轨迹定位地址/回放/时效
- 运输任务/承运信息：运力类型、已分发、派车人员、认证
- 结算信息：运费 3 项金额、收款人、支付状态、结算账期、结算司机状态、审批上报入口
- 回单凭证：回单上传、纸质回单、邮寄地址时效
- 保障/保证金/其他/随车清单：空态保留「暂无数据」
轨迹弹层完整保留位置列 7 项原始信息；⚙ 列设置列出全部 23 列可勾选常驻、拖拽排序、按人记忆。
排序与筛选策略（字段不减）
- 默认排序（分场景）：在途——异常置顶（双预警最先），其余剩余时效升序；派车——约定到场升序；收尾——完成时间倒序
- 常驻筛选：全局搜索（车牌/手机/姓名）、运输单号（逗号批量）、装货地、卸货地、约定送达时间
- 更多筛选：生成/派车/接单时间、货物名称、运输类型、单据状态——记忆并可存方案
- 汇总条随筛选与勾选联动：全部「100 笔运输任务 · 货物总吨数 1861 吨 · 应付总金额 168,116.51 元 · 运费总额 174,948.00 元」；筛选后「当前筛选 5 笔 · 88 吨 · 应付 23,369.60」+ 清除筛选 ✕；勾选后橙色「已选 3 笔 · 51 吨 · 应付 11,896.60」
状态矩阵与异常态设计
| 状态 | 场景分组（Tab） | 正常流转 | 关键动作（设计稿落地） |
|---|---|---|---|
| 待派车 | 派车 | → 待到场 | 派车 / 取消派车（支持勾选批量） |
| 待到场 | 派车 | → 待发车 | 关键节点列盯「约定到场 + 接单进度」 |
| 待发车 | 派车 | → 运输中 | 联系司机 / 改派 |
| 运输中 | 在途 | → 运输完成 | 盯预警：联系司机 / 看轨迹 / 改派 |
| 运输完成 | 收尾 | → 支付中 | 催回单；回单缺失将拦截批量支付（设计稿⑮） |
| 支付中 | 收尾 | → 已结算 | 批量申请支付（风险二次确认） |
| 已结算 | 收尾 | — 终态 | 查看 / 对账（列设置可召回全部结算字段） |
| 已取消 | 收尾 | — 终态（旧版标签「已删除」语义修正） | 再来一单复用单据 |
预警体系：3 类在途/回单风险 × 1 类录入风险，全部有独立呈现位与处置出口
| 预警 | 级别 | 呈现位置（设计稿） | 处置动作 |
|---|---|---|---|
| ⏱ 送达超时 | 红 | 列表「异常预警」列 / 详情顶部横幅 / 轨迹弹层「预计送达超时 20 h 58 min」 | 联系司机 / 看轨迹 / 改派 |
| ⚠ 轨迹停留 | 橙 | 列表「异常预警」列 / 轨迹弹层「轨迹停留 1h · 停留风险」 | 看轨迹（定位停留点）/ 联系司机 |
| 北斗定位异常 | 红 | 建单成功层预警卡（设计稿⑪） | 外呼催用导航 |
| 回单风险 | 红 | 批量申请支付弹窗红色提示行与拦截文案（设计稿⑮） | 先运输完成 / 催回单，再申请支付 |
① 独立扫描通道
「异常预警」独立列 + 仅看异常 (N) 红色开关；双预警叠放、行左红条、自动置顶，133 单在途一眼扫完。
② 事实与判断分离
关键节点列只陈述倒计时 / 里程等事实，风险判断全部归预警列，职责不重叠、不互相挤占。
③ 不影响状态流转
详情横幅明示「预警与任务状态正交展示、不影响状态流转」——状态 8 态互斥，风险可叠加。
四类异常态的界面处理（高保真设计稿）：风险能处置 · 批量有拦截 · 高危有确认 · 变更有留痕
设计验证：走查发现 4 个问题，全部闭环修复
验证方法
- 任务走查：建单 / 修改运费 / 处理超时 / 批量派车 / 查看详情 5 个核心任务，记录步数耗时
- 启发式评估：Nielsen 10 大原则逐项走查
- 可用性测试：3 名调度员（含 1 名新人），记录完成率与 SUS
问题 → 修复
| V1 快速修改入口不明显 | 改为行悬停工具条（改运费/改派） |
| V2 条件字段展开跳动 | 高度过渡动画 + 固定分区标题 |
| V3 133 行动画刺眼 | 脉冲 3 次后停止，保留红标签 |
| V4 空字段折叠心里没底 | 空值显「—」+ 标题计数其他信息(2/5) |