<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          大廠案例 | 如何設(shè)計(jì)智能化工廠,看這一篇就夠了

          共 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í) APP
          2021 年用戶體驗(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)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  北条麻妃丝袜电影 | 人妻人妇精品一级毛片 | 西西444www大胆高清图片 | 中国夫妻操网站 | 国产高清无码在线观看 |