大厂案例 | 如何设计智能化工厂，看这一篇就够了-技术圈

▲点击"三分设"关注，回复"社群"加入我们

欢迎来到专业设计师学习交流社区

三分设｜连接知识，帮助全球 1 亿设计师成长

转自：淘宝设计

编辑：韩平平

共 2418 字，预计阅读 7 分钟

新制造团队在杭州正式公开“犀牛智造”工厂之际，提出了“成为全球最大的数字化柔性制造基础设施”的愿景 | 详情>。当我们面对这么一座顶尖智能化工厂的时候，大家都有同一个问题：该怎么做这个“大家伙”的产品体验设计？今天就想跟大家聊聊，我们的一些理解。

01 标准化是我们迈出的第一步

工欲善其事，必先利其器。作为专业性极强的系统，建立符合新制造特性的标准化组件体系是我们最先解决的问题。新制造组件体系基于 Atomic Design 体系，分为元素及符号、基础组件、业务组件、业务模版、页面呈现五个部分。

▲ 组件体系

其次我们注意到新制造场景下，不同角色使用的设备差别很大。由于这种多端特性，在完善标准化体系的时候，我们追求多端标准的「和而不同」，即保持基础风格及交互一致的前提下，充分考虑多端特性，进行定制化调整。

▲ 多端组件

为了保证设计输出的一致性，我们针对不同的端沉淀了四个工具化组件库。设计师们可以直接是在 Sketch 中拖动不同组件来搭建页面。这样一来，一些标准程度高的页面都能够轻松搞定。

▲ 使用组件库快速搭建产品框架

▲ 使用组件库搭建工厂仿真地图

我们也将组件库分享给前端和产品同学，他们也能使用组件库快速搭建产品原型。这样一来，既保证了全链路设计输出一致性，又大大提升了协同及落地效率。

02 差异化制造场景设计是灵魂所在

如果说标准化体系的建立是搭建「料理台」及「食材库」，那么差异化场景的设计则是「精致料理的制作」。这些场景的设计真切影响着小二的操作体验与工作效率。

▲ 标准化组件体系 vs 差异化场景设计

（Photo by ja ma & Carla Martinesi on Unsplash）

所谓的差异化制造场景的设计，其实是对时间，进度，程度，效率，动作，状态等制造特性进行提炼及设计表达。

比如，为了对生产计划的时间，进度及状态进行可视化表达，我们使用了「甘特图」来构建交互，小二可以直接拖动甘特图来进行计划时间的调整。

▲ 全域计划智能自动优化

而为了表现产线小二的生产效率，进度等信息，我们采用「赛马」，即排行榜的设计来对这些信息进行显性化透出。

▲ 工人 Pad 上效率显性化设计

另外一个例子是仓储应用。在对仓储小二进行人群调研后，我们发现大多数小二没有太多互联网应用使用经验，对复杂的手机操作不太熟悉。所以在项目中，在需要对任务，状态及进度进行透出的时候，我们采用「强调区域」来突出重点信息，并按照语义理解顺序对内容进行了重新编排，让小二能够看一眼就了解任务内容并开始行动。