大廠案例 | 如何設(shè)計(jì)智能化工廠,看這一篇就夠了三分設(shè)關(guān)注共 2461字,需瀏覽 5分鐘 ·2021-04-12 13:41 ▲點(diǎn)擊"三分設(shè)"關(guān)注,回復(fù)"社群"加入我們歡迎來到專業(yè)設(shè)計(jì)師學(xué)習(xí)交流社區(qū)三分設(shè)|連接知識(shí),幫助全球 1 億設(shè)計(jì)師成長轉(zhuǎn)自:淘寶設(shè)計(jì)編輯:韓平平共 2418 字,預(yù)計(jì)閱讀 7 分鐘新制造團(tuán)隊(duì)在杭州正式公開“犀牛智造”工廠之際,提出了“成為全球最大的數(shù)字化柔性制造基礎(chǔ)設(shè)施”的愿景 | 詳情>。當(dāng)我們面對(duì)這么一座頂尖智能化工廠的時(shí)候,大家都有同一個(gè)問題:該怎么做這個(gè)“大家伙”的產(chǎn)品體驗(yàn)設(shè)計(jì)?今天就想跟大家聊聊,我們的一些理解。01 標(biāo)準(zhǔn)化是我們邁出的第一步工欲善其事,必先利其器。作為專業(yè)性極強(qiáng)的系統(tǒng),建立符合新制造特性的標(biāo)準(zhǔn)化組件體系是我們最先解決的問題。新制造組件體系基于 Atomic Design 體系,分為元素及符號(hào)、基礎(chǔ)組件、業(yè)務(wù)組件、業(yè)務(wù)模版、頁面呈現(xiàn)五個(gè)部分。▲ 組件體系其次我們注意到新制造場景下,不同角色使用的設(shè)備差別很大。由于這種多端特性,在完善標(biāo)準(zhǔn)化體系的時(shí)候,我們追求多端標(biāo)準(zhǔn)的「和而不同」,即保持基礎(chǔ)風(fēng)格及交互一致的前提下,充分考慮多端特性,進(jìn)行定制化調(diào)整。▲ 多端組件為了保證設(shè)計(jì)輸出的一致性,我們針對(duì)不同的端沉淀了四個(gè)工具化組件庫。設(shè)計(jì)師們可以直接是在 Sketch 中拖動(dòng)不同組件來搭建頁面。這樣一來,一些標(biāo)準(zhǔn)程度高的頁面都能夠輕松搞定。▲ 使用組件庫快速搭建產(chǎn)品框架▲ 使用組件庫搭建工廠仿真地圖我們也將組件庫分享給前端和產(chǎn)品同學(xué),他們也能使用組件庫快速搭建產(chǎn)品原型。這樣一來,既保證了全鏈路設(shè)計(jì)輸出一致性,又大大提升了協(xié)同及落地效率。02 差異化制造場景設(shè)計(jì)是靈魂所在如果說標(biāo)準(zhǔn)化體系的建立是搭建「料理臺(tái)」及「食材庫」,那么差異化場景的設(shè)計(jì)則是「精致料理的制作」。這些場景的設(shè)計(jì)真切影響著小二的操作體驗(yàn)與工作效率。▲ 標(biāo)準(zhǔn)化組件體系 vs 差異化場景設(shè)計(jì)(Photo by ja ma & Carla Martinesi on Unsplash)所謂的差異化制造場景的設(shè)計(jì),其實(shí)是對(duì)時(shí)間,進(jìn)度,程度,效率,動(dòng)作,狀態(tài)等制造特性進(jìn)行提煉及設(shè)計(jì)表達(dá)。比如,為了對(duì)生產(chǎn)計(jì)劃的時(shí)間,進(jìn)度及狀態(tài)進(jìn)行可視化表達(dá),我們使用了「甘特圖」來構(gòu)建交互,小二可以直接拖動(dòng)甘特圖來進(jìn)行計(jì)劃時(shí)間的調(diào)整。▲ 全域計(jì)劃智能自動(dòng)優(yōu)化而為了表現(xiàn)產(chǎn)線小二的生產(chǎn)效率,進(jìn)度等信息,我們采用「賽馬」,即排行榜的設(shè)計(jì)來對(duì)這些信息進(jìn)行顯性化透出。▲ 工人 Pad 上效率顯性化設(shè)計(jì)另外一個(gè)例子是倉儲(chǔ)應(yīng)用。在對(duì)倉儲(chǔ)小二進(jìn)行人群調(diào)研后,我們發(fā)現(xiàn)大多數(shù)小二沒有太多互聯(lián)網(wǎng)應(yīng)用使用經(jīng)驗(yàn),對(duì)復(fù)雜的手機(jī)操作不太熟悉。所以在項(xiàng)目中,在需要對(duì)任務(wù),狀態(tài)及進(jìn)度進(jìn)行透出的時(shí)候,我們采用「強(qiáng)調(diào)區(qū)域」來突出重點(diǎn)信息,并按照語義理解順序?qū)?nèi)容進(jìn)行了重新編排,讓小二能夠看一眼就了解任務(wù)內(nèi)容并開始行動(dòng)。▲ “強(qiáng)調(diào)區(qū)域”在移動(dòng)端的應(yīng)用在設(shè)計(jì)的過程中,我們也嘗試使用一些行業(yè)創(chuàng)新的交互方式來解決業(yè)務(wù)問題。比如 3D 數(shù)字樣衣可對(duì)面料,穿著體感等進(jìn)行更加有趣直觀的表達(dá)。▲ 3D 樣衣版型及面料表達(dá)▲ 使用熱力圖表達(dá)成衣穿著體感用戶也可以在 3D 數(shù)字樣衣上對(duì)印花圖案進(jìn)行縮放,調(diào)整位置等個(gè)性化的調(diào)整。▲ 印花圖案定制除了日常產(chǎn)品的設(shè)計(jì),我們也對(duì)數(shù)據(jù)大屏交互及視覺規(guī)范進(jìn)行了沉淀,讓工廠數(shù)據(jù)的流轉(zhuǎn)更加有“數(shù)字感”和“未來感”。▲ 數(shù)據(jù)可視化監(jiān)控大屏的設(shè)計(jì)03 回歸“現(xiàn)實(shí)”除了線上填寫表單,完成數(shù)據(jù)反饋等,工廠小二每天都會(huì)進(jìn)行大量的線下工作。為了讓小二工作得更加舒適,減少其失誤的可能性,我們加入了一些「人體工學(xué)設(shè)計(jì)」的標(biāo)準(zhǔn)。比如語音兩級(jí)信號(hào)標(biāo)準(zhǔn)的建立,就是為了在工廠嘈雜的環(huán)境中,利用語音播報(bào)或提示,將工人和生產(chǎn)信息有效鏈接,從而提升工人的生產(chǎn)效率。▲ 語音的兩級(jí)信號(hào)標(biāo)準(zhǔn)此外我們也重新思考了人和設(shè)備之間的關(guān)系。以質(zhì)檢工段為例,質(zhì)檢小二會(huì)使用投影設(shè)備將檢測標(biāo)準(zhǔn)等投影在工作臺(tái)上,以便測量和比對(duì)。但是投影設(shè)備距離不合理、投影反光過強(qiáng)等問題都很容易讓小二在工作中產(chǎn)生不適。為了解決這個(gè)問題,我們對(duì)設(shè)備放置角度,投影光量,投影色彩等進(jìn)行了一系列的測試,在保證投影信息準(zhǔn)確的基礎(chǔ)之上,保障小二操作的舒適性。▲ 投影設(shè)備放置角度優(yōu)化▲ 可視化質(zhì)檢優(yōu)化過程04 服務(wù)工廠,服務(wù)行業(yè)我們新制造設(shè)計(jì)團(tuán)隊(duì)將這些設(shè)計(jì)及標(biāo)準(zhǔn)進(jìn)行沉淀,形成了基于制造特性的設(shè)計(jì)語言—— X Design。這套設(shè)計(jì)語言目前可以覆蓋超過 70% 的新制造場景,而且已經(jīng)服務(wù)于幾十家自營、生態(tài)、加盟工廠的產(chǎn)品及鏈路中。我們希望在不遠(yuǎn)的未來,隨著 X Design 的不斷擴(kuò)展及迭代,它能夠幫助更多工廠搭建屬于它們自己的系統(tǒng),也希望它能夠?yàn)橹圃煨袠I(yè)生態(tài)發(fā)展貢獻(xiàn)自己獨(dú)特的力量。超值課程推薦華為用戶體驗(yàn)設(shè)計(jì)的體系搭建方法你的設(shè)計(jì),怎么才能快速地抓住用戶?揭秘滴滴、蔚來等大廠的用戶體驗(yàn)設(shè)計(jì)策略原創(chuàng)好文推薦十個(gè)技巧幫助你設(shè)計(jì)一款在線學(xué)習(xí) APP2021 年用戶體驗(yàn)設(shè)計(jì)趨勢分析想要引導(dǎo)用戶行為轉(zhuǎn)化,設(shè)計(jì)師必須深刻理解這 4 個(gè)認(rèn)知心理學(xué)理論讓設(shè)計(jì)圈一片嘩然的 Google 新 logo 到底出了什么問題?國外的設(shè)計(jì)專家這么說如何系統(tǒng)的增強(qiáng)用戶粘性,提升產(chǎn)品轉(zhuǎn)化率?你要懂得“行為設(shè)計(jì)學(xué)”設(shè)計(jì)新趨勢「玻璃擬態(tài)」到底是什么?這里有一份實(shí)現(xiàn)效果的詳細(xì)教程如何將設(shè)計(jì)系統(tǒng)快速的從 Sketch 切換到 Figma?這里有 6 個(gè)需要注意的關(guān)鍵點(diǎn)歡迎大家關(guān)注三分設(shè),每天分享優(yōu)質(zhì)設(shè)計(jì)、創(chuàng)意靈感、新知新識(shí),定期大咖老師直播分享,零距離連麥,答疑解惑。 瀏覽 30點(diǎn)贊 評(píng)論 收藏 分享 手機(jī)掃一掃分享分享 舉報(bào) 評(píng)論圖片表情視頻評(píng)價(jià)全部評(píng)論推薦 Git 看這一篇就夠了良許Linux0Git 看這一篇就夠了Hollis0大廠面試必問的設(shè)計(jì)模式,看這一篇就夠了JavaGuide0如何實(shí)現(xiàn)一個(gè)定時(shí)器?看這一篇就夠了程序IT圈0大廠面試必問的設(shè)計(jì)模式,看這一篇就夠了今天,想跟大家聊聊代碼能力的提升。?想起我剛?cè)胄心菚?huì),懷抱滿腔激情,到處學(xué)熱門框架,但實(shí)際上受限于公司體量和業(yè)務(wù)邏輯,其實(shí)往往用不上,時(shí)間久了,不用就忘記了,于是在日復(fù)一日的工作中,成為一個(gè) CRUD Boy,...IPv6+是什么?看這一篇就夠了!開源Linux0Redis是什么?看這一篇就夠了碼農(nóng)有道公眾號(hào)0Typora 使用看這一篇就夠了Java建設(shè)者0Redis是什么?看這一篇就夠了程序員大白0Numpy入門,看這一篇就夠了!螞蟻學(xué)Python0點(diǎn)贊 評(píng)論 收藏 分享 手機(jī)掃一掃分享分享 舉報(bào)