“設計師對職業(yè)的期待無非是能夠通過用戶體驗設計，幫助用戶高效地使用數(shù)字化產品完成自身訴求。”
——中通科技用戶體驗設計部負責人 楊郁青
中通&MasterGo 共創(chuàng)亮點：
通過MasterGo進行組件庫管理，效率提升15%
搭建一套設計語言，四套設計系統(tǒng)
完善設計規(guī)范，統(tǒng)一設計標準
中通快遞創(chuàng)建于 2002 年 5 月 8 日，是一家集快遞、云倉及中快數(shù)字營銷等生態(tài)版塊于一體的綜合物流服務企業(yè)。2016 年，中通快遞在美上市，向全世界打開了一扇了解中國快遞發(fā)展的“窗口”。
越是龐大，越要一致
如今，朝發(fā)夕至的除了高鐵，就是遍布大江南北的快遞了。2022 年中國快遞業(yè)完成了 1105.8 億件業(yè)務量，平均每天業(yè)務量超過 3 億件。如此巨大的工作量，需要一套邏輯嚴密且運轉順暢的服務系統(tǒng)支撐。
“行業(yè)特性決定了我們必須有自己的一套設計系統(tǒng)。我們處在一個比較垂直的行業(yè)，從用戶角度來說，產品的一致性程度越高，用戶的學習成本越低。我們希望能夠讓用戶在接觸產品之初就獲得良好的用戶體驗，這也是我們的職責所在。”中通科技用戶體驗設計部負責人楊郁青詳細介紹了中通使用 MasterGo 的初衷，“同一目標用戶群的產品，由不同的設計師設計，雖然有相同的組件，但設計師結合用戶需求和想法，會有不同的用法，如何保持一致性就是我們要解決的首要問題。”
“在有限的資源、時間和人力的基礎上，為了保持更好的體驗，使用 MasterGo 來保障設計系統(tǒng)的完整性和統(tǒng)一性，是當下性價比最高的一種做法。我們現(xiàn)在有兩種設計系統(tǒng)應用場景，一種是應用于 B 端業(yè)務的設計系統(tǒng)，另一種則是單獨產品的設計系統(tǒng)。”
楊郁青解釋，C 端產品更多要求的是產品的易用性和使用的愉悅性，對于情感要求高。但 B 端設計一方面需要流程上通暢，減少操作步驟，另一方面就是要保證一致性。“B端業(yè)務是我們的核心業(yè)務，包含 PC 端和移動端兩套設計系統(tǒng)，不僅用戶數(shù)量龐大，而且跳轉邏輯復雜，對體驗一致性的要求非常高，因此我們優(yōu)先讓業(yè)務B端的相關設計師轉移到MasterGo。”
圖1｜中通科技 B 端頁面數(shù)量龐大，跳轉邏輯復雜
借助 MasterGo，設計團隊僅花了 2 個月完成了設計語言系統(tǒng)的搭建。一套完整的設計語言系統(tǒng)包含設計師的設計價值觀和設計全局樣式，其中就涉及到設計組件和典型頁面。這一整套設計語言系統(tǒng)在中通有一個專業(yè)的名稱— XJI Design.
“在 MasterGo 上完成 XJI Design 的搭建后，我們還需要對前端進行代碼封裝，同步組件，完成走查、排查、跟進修正，保證前端封裝好的組件與設計組件的一致性，以免前端調用時發(fā)生出入。”這也意味著從設計到研發(fā)的鏈路，得到了有效的打通和銜接。
細節(jié)到位，提效翻倍
焦成路是中通科技用戶體驗設計部設計中臺部負責人，也是中通內部最早使用 MasterGo 的人之一，“ MasterGo的設計能力與Figma是十分類似的，相較于國內其他競品，MasterGo 的細節(jié)做得更加到位。從整體感官上來說，MasterGo是更加精準解決設計師痛點的產品，能夠很好地站在設計師的角色和立場去思考問題，設計師也更容易上手，加上其強大的組件能力和豐富的生態(tài)資源，我們團隊接受起來非常快。”
談起 MasterGo 最驚艷的三個功能，焦成路跟團隊成員列出了文案校對、自動布局和評論功能，并解釋道：“文案校對功能可以說是省事省時的利器，避免了設計師的重復操作和反復修改，在產品和業(yè)務校對完畢后，設計師只需要審核應用即可，配合自適應布局，效率更高。內嵌的自動布局，在拖拽某個設計元素后，其他元素的布局自動調整，既美觀又方便。”
評論功能在使用過 MasterGo 的人中評價也很高，“說到評論，前端比我們更有發(fā)言權一些。在評審的時候，前端使用這個功能的頻次比我們高得多，無論有什么修改意見或建議，直接在設計稿上就可以評論，寫上具體調整方向。我們也只需要‘對癥下藥’，根據(jù)意見修改，省去了以往來回溝通的低效環(huán)節(jié)。”
“MasterGo 好用的點太多了，組件功能、多人實時協(xié)同、導出切圖、云端歸檔、貼紙功能、圈話功能、一鍵分享……”焦成路聊到 MasterGo 的種種功能時如數(shù)家珍，尤其是在談及“等比例縮放”時，更是贊不絕口，“這種縮放不僅是對組件進行等比放大或縮小，而且還不會影響分辨率，這讓我太驚喜了。”
圖2｜中通科技設計師在MasterGo上工作
原來的線下流程通過 MasterGo 這樣線上化的工具得到了解決，實現(xiàn)了從 0 到 1 的飛躍，效能也得到了極大提升。一方面提升了溝通效能，即便是遠程溝通，也可以對著畫布上的方案直接溝通，并及時留痕，“過去這種線下的溝通和線上的設計稿是割裂的，是相互獨立存在的，通過 MasterGo 得以很好完成了線上線下的聯(lián)動”。另一方面，MasterGo 提高了執(zhí)行效能，一些需求的變動、業(yè)務方、產品方、技術方的各類建議能夠快速被定位和執(zhí)行，減少中間信息傳遞的成本，設計執(zhí)行上也能夠點對點處理，效率大大提升了。
基于協(xié)同，帶動認同
在業(yè)務、產品、技術多方協(xié)同的道路上，設計是至關重要的中間環(huán)節(jié)，推動著整個鏈條的順利轉動。
中通科技用戶體驗設計部客戶末端體驗設計部高級設計師楊雨辰統(tǒng)計過，目前中通內部使用 MasterGo 的人數(shù)已經突破百人。“在推廣 MasterGo 時，我們采用了項目制的方式進行落地。先讓設計師對新工具進行熟悉，再逐步將對應需求的產品經理拉進來，隨著項目版圖擴大，軟件的覆蓋群體也在變廣。這種逐步推進的過程，沒有強制性也不會引發(fā)排斥感，大家都在潛移默化的接觸中用上并愛上這個新工具。”
“本質上，我們還是基于一個項目，讓大家在這個項目當中通過實際使用工具去協(xié)同起來，從而帶動更多的角色去了解和使用。”如今，設計團隊通過 MasterGo 為核心業(yè)務部門如網絡管理、財務、客服、操作、運輸、人事等提供數(shù)字化產品服務，助力上下游日常工作正常運行，也幫助業(yè)務降本增效。
聊起產品經理是如何用上 MasterGo 的故事，楊雨辰說道：“過去，大部分的產品經理使用的工具其實都不統(tǒng)一，除非公司有強制性要求，不然都是各用各的。但是線上協(xié)同是個趨勢，產品經理也會自然而然地遷移到 MasterGo 這樣的線上工具，這是一個發(fā)展方向，不可能再往回掉頭。”
圖3｜中通科技設計師與產品經理一起在MasterGo上討論產品需求
“難得的是，MasterGo 不僅具有設計師思維，也能夠從產品經理的維度來考慮。產品經理的底層需求其實就兩個，一是表現(xiàn)他的想法，二是呈現(xiàn)界面內容。此外如果還能維護好他們的資料庫，遷移到新軟件也就是水到渠成。”如今，中通的產品經理在做產品設計時，就會按照設計組件或者底層頁面的跳轉邏輯，基于 MasterGo 上統(tǒng)一的設計規(guī)范和標準去搭建產品原型。
然而，提升全鏈路的效能遠不是設計團隊的終點。“我們在 MasterGo 上傳了自己的設計語言系統(tǒng)，設計系統(tǒng)和設計工具相結合，使得落地更高效，很好地保證了設計方案的一致性。但同時對我們提出了新的挑戰(zhàn)——如何在一致性的基礎上有創(chuàng)新和變化。”
楊郁青頗有感觸，“設計師的職業(yè)訴求和期待是能夠通過用戶體驗設計，幫助用戶高效地使用數(shù)字化產品完成其訴求。我們對 MasterGo 的 AI 功能非常期待，AIGC 能夠很好激發(fā)設計師的靈感。而怎樣通過 AIGC 快速高效地完成工作，而不是停留在概念方案，精準匹配設計需求，需要每個設計師不斷地研究新工具的使用，學習并應用新事物。”*圖片由MasterGo提供授權使用
