仓储调度页面常常同时放着库存、订单、车辆和异常提醒,信息很多,使用者打开页面却未必知道先处理哪一项。10月6日,dpopstudio用WareApp设计套件介绍了仓储与发运界面的组织方式。这次借它的真实UI配图,分享我们对任务、状态和上下文的观察,并补充一张AI调度界面示意。文中的仓库任务均为说明设计判断而设想的场景,不是对这套模板或已上线系统的实测。
在一个假设的发运班次里,调度员可能先关心哪些订单还缺资料、哪辆车已到场、哪个装卸口出现等待。相比平均展示很多总量,首页更适合把这些需要动作的信息集中起来。经营趋势仍然有价值,但它与此刻要推进的工作可以采用不同的区域和视觉权重。
原文配图:WareApp仓储工作台展示,关注概况、列表和业务区域的分工。
判断一张概览图是否有用,可以顺着它追问下一步。一个待发运数字被注意到以后,能否进入对应任务?进入后是否保留时间、仓库与承运方条件?如果数字和明细之间没有明确关系,使用者就需要重新找一遍。把概况与工作列表连接起来,数据才更容易进入实际操作。
任务的优先次序也需要有可解释的依据。临近截止时间、缺少交接材料和设备暂不可用,分别对应不同处理方法。界面可以保留异常原因和负责人,让人知道紧急从何而来。仅把一条记录涂成红色,却不告诉人该联系谁或查看哪里,会把判断留给经验和口头沟通。
同一张单据在仓储、运输和财务页面可能分别被读取,状态如果在不同页面换了含义,就容易造成误会。可以先把业务状态的边界说清楚,例如待备货、待核对、待交接各自意味着什么,再决定它们使用哪种文字、图标和颜色。状态名称应尽量贴近日常工作语言。
AI概念示意:调度任务列表与缺失资料的详情区,展示业务阶段、异常原因与处理责任,不属于WareApp原作。
一个常见的设计取舍是,状态标签里究竟放结果还是原因。比如待处理只告诉人还有工作;资料缺失则补充了为什么没有往下走。两者可以在同一行形成主次,让人先定位阶段,再查看阻碍。与任务无关的系统错误码可以留到详情,避免每一行都被技术文字打断。
页面还需要说明这些信息的时间范围。库存数量、到场状态与队列排序可能并非同时刷新。显示最近更新时间,必要时标明同步中或等待确认,可以帮助使用者理解屏幕上的数字。没有取得新数据时,不应把上一次结果继续表现得像刚刚更新的实时状态。
调度工作经常是连续处理多条记录。查看一项异常之后,使用者还要回到刚才的队列继续下一项,因此详情的展开方式需要照顾这个来回。宽屏工作台可以考虑列表与详情并排;信息较多时进入独立页面,也应保留返回后的筛选条件、排序和滚动位置。返回后能认出刚才处理的那一行,也是维持连续工作的一个细节。
原文配图:WareApp深色移动端与浅色库存页面的组合,观察不同工作区的层级关系。
并排显示并不意味着所有内容都同时展开。假设当前只是在核对承运方信息,车辆历史与完整附件可以放在次级区域,把当前判断需要的信息留在眼前。侧边区域太窄而内容又很长时,则需要允许进入更完整的工作空间,避免把复杂任务压成不断滚动的小窗。
处理结束以后,列表也应及时表达变化。状态已更新的记录是否还留在当前筛选结果,处理完一条会不会突然跳到另一条,都需要保持可预期。如果任务离开当前队列,可以先给出结果和去向,再让使用者继续处理,而不是让一行数据无声消失。
异常提示适合围绕具体对象组织。例如某张发运单缺少附件,提示可以直接关联到相应单据,而不是只停留在右上角的消息中心。进入以后,需要看清缺失项、处理责任与当前进度。让提示能带人到达处理位置,比增加更多闪烁和提醒声音更接近工作上的帮助。
原文配图:WareApp桌面看板与移动端展示,作为跨屏信息组织的视觉参考。
补充材料或重新提交以后,系统还要说明接下来由谁接手。可以让处理记录、最新状态与负责岗位出现在同一段内容中,便于交接。如果系统暂时无法确认提交结果,应给出可核对的记录,避免使用者为了求稳重复操作。重试与重新创建一项任务,也应当在文案上区分。
这类界面的设计讨论,适合用一个班次的连续任务来走查。先看一条正常任务怎样完成,再看资料缺失、网络迟缓和多人同时处理时页面怎样变化。设计师、业务人员与开发可以围绕同一组模拟数据核对规则,讨论也会比只对着一张漂亮首页更具体。
仓储后台的清楚,来自任务之间有次序、状态之间有边界、页面之间有连续的上下文。参考国外套件时,可以积累它的视觉表达,同时把具体操作放回自己的业务现场。真正值得带走的,是让人看完一条信息后知道下一步往哪里走。