2. 信息架构

信息架构要解决三个问题：先看什么、在哪里操作、下一步去哪里。页面内容围绕当前任务安排，用简单分组保持清楚。

设计原则与最佳实践

1. 一个页面一个重点。 入口页选择业务，列表页查找记录，详情页查看或处理选中的对象。
2. 重要信息优先。 先显示当前任务、操作对象、关键数据、状态和主要操作；备注、历史等内容按需要查看，不靠缩小字号塞入首屏。
3. 按核对顺序排列。 先识别对象，再核对条件，最后执行操作。相关字段和按钮放在一起。
4. 操作对象与结果对应。 编辑时保留当前操作对象的名称或编号，让用户清楚正在修改哪条记录；保存后在对应记录处显示更新结果。
5. 进入和返回清楚。 返回列表时按需要保留筛选与位置；切换页面前处理未保存内容。

案例：从订单到物料

沿用工厂仓库采购入库场景，管理员需要先找到到货订单，再逐项核对物料。页面按这个顺序分工：

详情页可以按以下顺序组织：

订单与模式 → 物料查找 → 物料信息与数量 → 对应操作和结果

物料名称、EAN、数量和“接收货品”放在同一物料区域；数量编辑面板继续保留物料信息。管理员不必退出订单重新查找当前对象。

Demo 对照

订单列表先展示搜索和状态筛选，再展示订单号、状态、供应商、仓库等核对信息。管理员先缩小范围，再进入详情。

数量编辑通过点击数量进入，“接收货品”是另一项操作。最终视频中，在线编辑后原物料卡片由 50/100 更新为 55/100，结果仍对应当前物料。

查看订单列表截图

查看完整操作流程

下一步：交互行为，明确扫码、编辑、保存和模式切换后的行为。