新制造团队在杭州正式公开“犀牛智造”工厂之际，提出了“成为全球最大的数字化柔性制造基础设施”的愿景。当我们面对这么一座顶尖智能化工厂的时候，大家都有同一个问题：该怎么做这个“大家伙”的产品体验设计？今天就想跟大家聊聊，我们的一些理解。
01、标准化是我们迈出的第一步
工欲善其事，必先利其器。作为专业性极强的系统，建立符合新制造特性的标准化组件体系是我们最先解决的问题。新制造组件体系基于 Atomic Design 体系，分为元素及符号、基础组件、业务组件、业务模版、页面呈现五个部分。
▲ 组件体系
其次我们注意到新制造场景下，不同角色使用的设备差别很大。由于这种多端特性，在完善标准化体系的时候，我们追求多端标准的「和而不同」，即保持基础风格及交互一致的前提下，充分考虑多端特性，进行定制化调整。
为了保证设计输出的一致性，我们针对不同的端沉淀了四个工具化组件库。设计师们可以直接是在 Sketch 中拖动不同组件来搭建页面。这样一来，一些标准程度高的页面都能够轻松搞定。
▲ 使用组件库快速搭建产品框架
▲ 使用组件库搭建工厂仿真地图
我们也将组件库分享给前端和产品同学，他们也能使用组件库快速搭建产品原型。这样一来，既保证了全链路设计输出一致性，又大大提升了协同及落地效率。
02、差异化制造场景设计是灵魂所在
如果说标准化体系的建立是搭建「料理台」及「食材库」，那么差异化场景的设计则是「精致料理的制作」。这些场景的设计真切影响着小二的操作体验与工作效率。
▲ 标准化组件体系 vs 差异化场景设计
Photo by ja ma & Carla Martinesi on Unsplash
所谓的差异化制造场景的设计，其实是对时间，进度，程度，效率，动作，状态等制造特性进行提炼及设计表达。
比如，为了对生产计划的时间，进度及状态进行可视化表达，我们使用了「甘特图」来构建交互，小二可以直接拖动甘特图来进行计划时间的调整。
▲ 全域计划智能自动优化
而为了表现产线小二的生产效率，进度等信息，我们采用「赛马」，即排行榜的设计来对这些信息进行显性化透出。
▲ 工人 Pad 上效率显性化设计
另外一个例子是仓储应用。在对仓储小二进行人群调研后，我们发现大多数小二没有太多互联网应用使用经验，对复杂的手机操作不太熟悉。所以在项目中，在需要对任务，状态及进度进行透出的时候，我们采用「强调区域」来突出重点信息，并按照语义理解顺序对内容进行了重新编排，让小二能够看一眼就了解任务内容并开始行动。
▲ “强调区域”在移动端的应用
在设计的过程中，我们也尝试使用一些行业创新的交互方式来解决业务问题。比如3D 数字样衣可对面料，穿着体感等进行更加有趣直观的表达。
▲ 3D 样衣版型及面料表达
▲ 使用热力图表达成衣穿着体感
用户也可以在 3D 数字样衣上对印花图案进行缩放，调整位置等个性化的调整。
▲ 印花图案定制
除了日常产品的设计，我们也对数据大屏交互及视觉规范进行了沉淀，让工厂数据的流转更加有“数字感”和“未来感”。
▲ 数据可视化监控大屏的设计
03、回归“现实”
除了线上填写表单，完成数据反馈等，工厂小二每天都会进行大量的线下工作。为了让小二工作得更加舒适，减少其失误的可能性，我们加入了一些「人体工学设计」的标准。
比如语音两级信号标准的建立，就是为了在工厂嘈杂的环境中，利用语音播报或提示，将工人和生产信息有效链接，从而提升工人的生产效率。
▲ 语音的两级信号标准
此外我们也重新思考了人和设备之间的关系。以质检工段为例，质检小二会使用投影设备将检测标准等投影在工作台上，以便测量和比对。但是投影设备距离不合理、投影反光过强等问题都很容易让小二在工作中产生不适。
为了解决这个问题，我们对设备放置角度，投影光量，投影色彩等进行了一系列的测试，在保证投影信息准确的基础之上，保障小二操作的舒适性。
▲ 投影设备放置角度优化
▲ 可视化质检优化过程
04、服务工厂，服务行业
我们新制造设计团队将这些设计及标准进行沉淀，形成了基于制造特性的设计语言—— X Design。这套设计语言目前可以覆盖超过 70% 的新制造场景，而且已经服务于几十家自营、生态、加盟工厂的产品及链路中。
我们希望在不远的未来，随着 X Design 的不断扩展及迭代，它能够帮助更多工厂搭建属于它们自己的系统，也希望它能够为制造行业生态发展贡献自己独特的力量。
