大厂案例 | 如何设计智能化工厂,看这一篇就够了

发布于 2021-04-07 09:32

，回复"社群"加入我们
欢迎来到专业设计师学习交流社区
三分设｜连接知识，帮助全球 1 亿设计师成长
转自：淘宝设计
编辑：韩平平
共 2418 字，预计阅读 7 分钟

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


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 的不断扩展及迭代，它能够帮助更多工厂搭建属于它们自己的系统，也希望它能够为制造行业生态发展贡献自己独特的力量。


超值课程推荐
华为用户体验设计的体系搭建方法
你的设计，怎么才能快速地抓住用户？
揭秘滴滴、蔚来等大厂的用户体验设计策略

原创好文推荐
十个技巧帮助你设计一款在线学习 APP
2021 年用户体验设计趋势分析
想要引导用户行为转化，设计师必须深刻理解这 4 个认知心理学理论
让设计圈一片哗然的 Google 新 logo 到底出了什么问题？国外的设计专家这么说
如何系统的增强用户粘性，提升产品转化率？你要懂得“行为设计学”
设计新趋势「玻璃拟态」到底是什么？这里有一份实现效果的详细教程
如何将设计系统快速的从 Sketch 切换到 Figma？这里有 6 个需要注意的关键点



三分设
CoDesign 来自快手用户体验设计中心（KID），团队成立半年后展示的首个 Showreel，包含动态logo、营销设计、插画、C4D等作品，一起来看看这些优秀的作品[让我看看] #快手 #UED #Showreel #CoDesign #动态logo #3D #C4D #插画 #创意 #设计 #营销 #氛围 #字体 #动效
视频号
三分设
三分设社区｜由多名BAT设计师和高校教授联合创立的用户体验设计学习成长型社区。 阿里巴巴设计签约MCN机构｜UCAN大会合作媒体； SUXA深圳体验设计协会｜华东分会； 服务设计推行者，服务设计共创节城市发起人。
115篇原创内容

本文来自网络或网友投稿，如有侵犯您的权益，请发邮件至：aisoutu@outlook.com 我们将第一时间删除。

相关素材

矢量工厂环境创意图
矢量工厂环境创意图
石油化工厂图片
石油化工厂图片
工厂厂房
工厂厂房