大厂案例 | 如何设计智能化工厂,看这一篇就够了三分设共 2461字,需浏览 5分钟 ·2021-04-12 13:41 ▲点击"三分设"关注,回复"社群"加入我们欢迎来到专业设计师学习交流社区三分设|连接知识,帮助全球 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 的不断扩展及迭代,它能够帮助更多工厂搭建属于它们自己的系统,也希望它能够为制造行业生态发展贡献自己独特的力量。超值课程推荐华为用户体验设计的体系搭建方法你的设计,怎么才能快速地抓住用户?揭秘滴滴、蔚来等大厂的用户体验设计策略原创好文推荐十个技巧帮助你设计一款在线学习 APP2021 年用户体验设计趋势分析想要引导用户行为转化,设计师必须深刻理解这 4 个认知心理学理论让设计圈一片哗然的 Google 新 logo 到底出了什么问题?国外的设计专家这么说如何系统的增强用户粘性,提升产品转化率?你要懂得“行为设计学”设计新趋势「玻璃拟态」到底是什么?这里有一份实现效果的详细教程如何将设计系统快速的从 Sketch 切换到 Figma?这里有 6 个需要注意的关键点欢迎大家关注三分设,每天分享优质设计、创意灵感、新知新识,定期大咖老师直播分享,零距离连麦,答疑解惑。 浏览 15点赞 评论 收藏 分享 手机扫一扫分享分享 举报 评论图片表情视频评价全部评论推荐 Git 看这一篇就够了Hollis0Git 看这一篇就够了良许Linux0大厂面试必问的设计模式,看这一篇就够了今天,想跟大家聊聊代码能力的提升。 想起我刚入行那会,怀抱满腔激情,到处学热门框架,但实际上受限于公司体量和业务逻辑,其实往往用不上,时间久了,不用就忘记了,于是在日复一日的工作中,成为一个 CRUD Boy,...JavaGuide0如何实现一个定时器?看这一篇就够了程序IT圈0大厂面试必问的设计模式,看这一篇就够了JavaGuide0Redis是什么?看这一篇就够了码农有道公众号0HashMap面试题,看这一篇就够了!Java3y0Redis是什么?看这一篇就够了!杰哥的IT之旅0Typora 使用看这一篇就够了Java建设者0Redis是什么?看这一篇就够了程序员大白0点赞 评论 收藏 分享 手机扫一扫分享分享 举报