1. 任务与场景定义

PDA 页面以简洁、实用、操作清楚为目标。先明确谁在什么环境下完成什么工作，再决定页面需要展示哪些信息、提供哪些操作。

设计原则与最佳实践

1. 围绕任务设计。 每个页面解决一个主要问题，优先展示当前订单、物料、数量和下一步操作。
2. 界面简洁易读。 用清楚的分组、文字和按钮组织内容，减少装饰、复杂布局和无关信息。
3. 操作直接。 通过筛选、扫码和数量加减减少手工输入，在当前订单内完成物料处理，减少页面往返。
4. 结果明确。 保存后更新数量，异常说明原因；状态配合文字和图标，不能只靠颜色区分。
5. 适应现场网络。 弱网时保留输入，无信号时支持约定范围内的离线录入，恢复在线后同步并反馈结果。

案例：工厂仓库采购入库

某工厂位于偏远园区，仓库管理员需要在卸货区和库位之间核对供应商送来的物料。现场使用 PDA 作业，移动网络信号较弱，部分位置无信号。

管理员的任务是：选择采购订单 → 核对物料 → 录入数量 → 检查接收结果 → 继续下一项。采购审批、供应商维护和财务处理不放入这条现场流程。

这意味着页面既要方便查找和录入，也要支持离线数量记录，避免管理员为了网络连接反复离开作业位置。以下用这个模拟场景解释 Demo 的设计。

测试设备与运行环境

页面以以下环境作为适配与测试基线：

设备详细参数

项目	参数
CPU	八核，2.0 GHz
内存与存储	4GB + 64GB，兼容 6GB + 64GB；测试机实际配置待确认
屏幕	5.0 英寸，电容式触摸，1280（H）× 720（W）物理像素
通知方式	声音、振动器、LED 灯指示
摄像头	前置 500 万像素，后置 1300 万像素

页面可用宽度以 HAC 内实际视口为准，不能直接使用屏幕的 720 物理像素。WebView 版本、扫码模式和手套操作效果在真机测试时补充。

从场景到页面设计

这些页面使用一致的布局、少量状态颜色和明确按钮，让管理员能看清当前对象并直接操作。

操作流程与效果

下面是最终视频中的主要操作：

1. 登录并选择订单。 登录后进入采购入库，切换订单状态筛选，打开扫码等待界面，随后进入订单详情。
2. 在线修改数量。 将一项物料的数量从 50/100 调整为 55/100，点击“保存修改”，原卡片显示更新后的数量。
3. 查看接收结果。 点击“接收货品”，数量为 0/100 的物料提示不足；另一项已为 100/100 的物料显示已完成提示。
4. 离线录入并同步。 确认切换到离线模式，将数量为 0/100 的物料调整并保存为 10/100；切回在线后出现“同步物料Quantity数据成功！”提示，数量仍显示为 10/100。

完整操作视频约 1 分 18 秒：

查看完整操作视频

下一步：信息架构，进一步安排订单、物料、数量和操作的位置。