智能仓储管理系统，支持密集存储、异地调拨、共享库存、动态盘点、缺货预警等功能
复杂业务逻辑 / 用户体验 2019
做仓储界面时，我会先想象一个人站在工位前：手里拿着货，视线只短暂回到屏幕。界面需要让他很快找到当前商品、目标位置和数量。我的重点，是把复杂的信息关系整理成一眼能认出的作业区域。
品连云仓 WMS 面向跨境电商仓储场景，涉及密集存储、异地调拨、共享库存、动态盘点和缺货预警。我将设计重点放在到货、退货质检、拣货、复核、集包与客户资料等日常任务，关注每次操作如何从单据走向实物，再留下可追溯的记录。
我把任务拆成三类情境：主管寻找积压与异常，现场人员连续扫描，资料维护人员处理客户与货主关系。三类工作分别需要总览、及时反馈和完整上下文，不能只用一张通用表格承载。
| 使用情境 | 信息特点 | 我的组织方式 | 视觉重点 |
|---|---|---|---|
| 主管查看任务 | 需要兼顾整体概况与具体入口 | 将常用功能、任务徽标和作业统计分区 | 摘要与入口形成不同尺度 |
| 现场扫描作业 | 需要在实物和屏幕之间快速切换 | 当前商品、播种位、数量和记录各自成组 | 放大关键目标，固定操作位置 |
| 客户资料维护 | 资料项较多，阅读与编辑交替发生 | 基本资料、审核信息、货主列表分别组织 | 标签对齐，组内紧凑、组间留白 |
我把工作台看作进入系统的第一层地图。顶部导航建立业务分区，侧边与快捷区承接常用入口，正文再呈现统计信息。几种信息并不需要相同的视觉重量，我更希望它们形成从全局到局部的阅读顺序。
我把业务导航、常用功能、作业统计和账号消息放在不同区域。顶部建立全局方向，侧边保持入口的连续性，正文承载更大的信息面。徽标与数字摘要采用不同的视觉强度，帮助视线在入口和概况之间切换。
我用“已添加”和“未添加”两组内容组织快捷功能，拖动、移除与排序围绕同一组条目展开。弹窗保持统一的图标尺度和项目间距，让功能数量变化时，整体仍然整齐。
到货通知列表、通知详情与创建卡板共同回答“这一批货从哪里来、归属谁、当前接收了多少”。我按定位单据、核对差异、接收归组和后续交接组织任务，让来源关系在质检与上架之前保持清楚。
我把列表、详情和扫描页看成三种阅读速度。列表适合快速比较，详情适合逐组展开，扫描页则突出当前动作。同一套字号、输入框和状态组件，随着任务改变组合方式，而不是每页重新建立一套视觉规则。
我让状态和数量沿表格各自成列，上方筛选与批量动作保持稳定位置。状态适合快速扫描，数量适合横向比较，工具栏则与整个列表形成一个完整单元。这是高密度表格里我比较看重的分工。
我把客户、仓库、来源与时间作为摘要放在上方，再按运单和 SKU 展开数量明细。标题的尺度和区域间距承担主要层级，读者可以先认清整单，再向下查看具体商品。
我让卡板号、运单号和重量集中在主要输入区，接收记录放在下方持续积累。输入区与列表采用不同的密度：前者便于操作，后者便于回查。重复使用时，操作位置保持稳定。
销退场景多了“收到以后能否继续使用”的判断。页面按客户和运单分组，再把商品的计划、QC 完成、封箱与本次良品/次品分开。重点是让本次操作在历史进度中有明确位置。
我将仓库、质检台与来源信息放在页面开头，再把商品图片、SKU、良品、次品和备注组织在行内。相关内容靠近同一商品，批次资料则保持在上方，让两种尺度的信息各有位置。
我把拣货单生成组织为“先选择，再看汇总”的布局。仓库、包裹类型、渠道与时间等条件负责收拢范围，统计区负责呈现选择结果。这样的左右分工，也让筛选组件与数字摘要有了各自的位置。
我把运输方式树放在左侧，选择结果和工作量汇总放在右侧。树形组件适合逐层选择，数字摘要适合快速读取；已选标签把这两个区域连接起来，让选择与结果形成直观的呼应。
多品播种要把一批拣回的商品分配到对应容器。页面把“当前正在扫的商品”“应该放入的格位”“整批完成情况”分成三个区域。格位图负责空间定位，列表负责记录追溯，两者服务于不同的判断。
我在开始扫描之前就保留商品区、编号格位和记录列表的完整结构。内容随后填入这些固定区域，页面的重心不需要跟着每次扫描改变。对连续作业界面来说，这种稳定感很重要。
我把当前商品与目标格位放在更强的视觉层级，用橙、蓝、绿和数量符号区分不同状态。右侧列表保留包裹与进度，网格和列表分别承担空间定位与文字核对，信息相互补充。
单品复核页进一步收窄任务：先识别容器或拣货单，再扫描商品。右侧大状态区让人员在短暂抬头时确认工作状态，F1 完成与 F2 异常上报则将两个结果出口并列放置。
我让容器与商品条码输入保持相邻，完成和异常入口固定在右侧，并标出快捷键。大面积状态区与紧凑输入区形成对比，让页面同时适合近距离操作和短暂抬头确认。
我用商品图片和规格确认当前对象，再通过右侧的大字状态强调正在进行的工作。订购、已检与差异数量留在表格里，主状态和细项分工明确，页面就能同时承接快看与细读。
完成单件或订单层面的复核后，集包界面需要建立另一种粒度：哪些包裹属于当前集包、采用什么渠道、重量如何汇总。页面的左右分区将正在处理的袋与集包列表分开，有助于持续扫码时保留当前任务。
我把渠道、袋型、重量与扫描输入集中在左侧，集包列表和打印相关内容放在右侧。开始前也保持这套分区，让页面进入有数据状态时，仍沿用相同的阅读路线。
我让当前集包在左侧连续展开，历史列表在右侧保持独立。渠道标签、包裹明细与集包摘要由近及远组织信息，用不同区域的密度区分“正在做的事”和“可以回看的事”。
仓储作业离不开客户、货主和仓库的对应关系。客户详情页保留三类信息，并分别设置操作入口：基本信息用于日常维护，审核信息用于判断资料状态，货主列表用于管理关联主体。
我将基本信息、审核资料与货主列表拆成清楚的区块。审核结果和相关说明放在一起，关联主体则使用列表展开。这张页面更侧重阅读，所以标题、标签与留白比大面积强调色更重要。
我让编辑状态沿用查看时的分组结构，用输入框、必填标记和局部按钮表达可操作范围。查看与编辑之间有外观变化，但内容顺序和对齐规则保持联系，切换时更容易保持位置感。
回看这些作业页，我发现统一感主要来自三个重复元素：固定的扫描区、放大的当前状态，以及持续积累的记录列表。每个任务可以有不同布局，但这些元素的层级与位置关系保持相近，连续使用时就更容易形成方向感。
| 组件层次 | 承载的信息 | 我的视觉处理 | 适用场景 |
|---|---|---|---|
| 当前操作 | 扫描输入、正在处理的商品 | 保持清楚的输入边界，相关资料就近展开 | 卡板接收、播种与复核 |
| 即时状态 | 当前格位、进度和完成提示 | 用较大文字、颜色与符号共同强调 | 需要短暂抬头确认的工位 |
| 累计记录 | 已处理商品、数量与集包列表 | 使用稳定表头、行距与数字对齐 | 持续扫描后的回查与比较 |
我并不想把仓储后台做成只有几个大卡片的展示页。这里需要承载大量信息，所以我更在意密度是否有层次：当前目标醒目，操作区集中，历史记录安静地留在旁边。该紧凑的地方紧凑，该放大的地方放大。
| 设计对象 | 保持一致的规则 | 随场景调整的部分 |
|---|---|---|
| 扫描工作区 | 标签、输入边界与主动作层级 | 容器、商品或运单等输入对象 |
| 状态提示 | 文字与辅助色共同表达，位置稳定 | 当前格位、作业阶段与完成进度 |
| 明细列表 | 表头层级、数量对齐与行间节奏 | 商品、包裹、客户等内容密度 |
| 资料表单 | 分组标题、标签基线与按钮距离 | 字段数量、编辑方式与补充说明 |
这个项目让我更关注“连续使用时的秩序”。单张页面的精致感当然重要，但一套后台真正的整体感，还来自切换任务以后依然熟悉的输入方式、状态表达和信息位置。这也是我整理组件规则时最想保留的部分。