專訪中通:一致性體驗(yàn)要求越高越需要MasterGo

(相關(guān)資料圖)

“設(shè)計(jì)師對職業(yè)的期待無非是能夠通過用戶體驗(yàn)設(shè)計(jì)，幫助用戶高效地使用數(shù)字化產(chǎn)品完成自身訴求。”

——中通科技用戶體驗(yàn)設(shè)計(jì)部負(fù)責(zé)人 楊郁青

中通&MasterGo 共創(chuàng)亮點(diǎn)：

通過MasterGo進(jìn)行組件庫管理，效率提升15%

搭建一套設(shè)計(jì)語言，四套設(shè)計(jì)系統(tǒng)

完善設(shè)計(jì)規(guī)范，統(tǒng)一設(shè)計(jì)標(biāo)準(zhǔn)

中通快遞創(chuàng)建于 2002 年 5 月 8 日，是一家集快遞、云倉及中快數(shù)字營銷等生態(tài)版塊于一體的綜合物流服務(wù)企業(yè)。2016 年，中通快遞在美上市，向全世界打開了一扇了解中國快遞發(fā)展的“窗口”。

越是龐大，越要一致

如今，朝發(fā)夕至的除了高鐵，就是遍布大江南北的快遞了。2022 年中國快遞業(yè)完成了 1105.8 億件業(yè)務(wù)量，平均每天業(yè)務(wù)量超過 3 億件。如此巨大的工作量，需要一套邏輯嚴(yán)密且運(yùn)轉(zhuǎn)順暢的服務(wù)系統(tǒng)支撐。

“行業(yè)特性決定了我們必須有自己的一套設(shè)計(jì)系統(tǒng)。我們處在一個(gè)比較垂直的行業(yè)，從用戶角度來說，產(chǎn)品的一致性程度越高，用戶的學(xué)習(xí)成本越低。我們希望能夠讓用戶在接觸產(chǎn)品之初就獲得良好的用戶體驗(yàn)，這也是我們的職責(zé)所在?！敝型萍加脩趔w驗(yàn)設(shè)計(jì)部負(fù)責(zé)人楊郁青詳細(xì)介紹了中通使用 MasterGo 的初衷，“同一目標(biāo)用戶群的產(chǎn)品，由不同的設(shè)計(jì)師設(shè)計(jì)，雖然有相同的組件，但設(shè)計(jì)師結(jié)合用戶需求和想法，會有不同的用法，如何保持一致性就是我們要解決的首要問題?！?/strong>

“在有限的資源、時(shí)間和人力的基礎(chǔ)上，為了保持更好的體驗(yàn)，使用 MasterGo 來保障設(shè)計(jì)系統(tǒng)的完整性和統(tǒng)一性，是當(dāng)下性價(jià)比最高的一種做法。我們現(xiàn)在有兩種設(shè)計(jì)系統(tǒng)應(yīng)用場景，一種是應(yīng)用于 B 端業(yè)務(wù)的設(shè)計(jì)系統(tǒng)，另一種則是單獨(dú)產(chǎn)品的設(shè)計(jì)系統(tǒng)。”

楊郁青解釋，C 端產(chǎn)品更多要求的是產(chǎn)品的易用性和使用的愉悅性，對于情感要求高。但 B 端設(shè)計(jì)一方面需要流程上通暢，減少操作步驟，另一方面就是要保證一致性。“B端業(yè)務(wù)是我們的核心業(yè)務(wù)，包含 PC 端和移動(dòng)端兩套設(shè)計(jì)系統(tǒng)，不僅用戶數(shù)量龐大，而且跳轉(zhuǎn)邏輯復(fù)雜，對體驗(yàn)一致性的要求非常高，因此我們優(yōu)先讓業(yè)務(wù)B端的相關(guān)設(shè)計(jì)師轉(zhuǎn)移到MasterGo。”

圖1｜中通科技 B 端頁面數(shù)量龐大，跳轉(zhuǎn)邏輯復(fù)雜

借助 MasterGo，設(shè)計(jì)團(tuán)隊(duì)僅花了 2 個(gè)月完成了設(shè)計(jì)語言系統(tǒng)的搭建。一套完整的設(shè)計(jì)語言系統(tǒng)包含設(shè)計(jì)師的設(shè)計(jì)價(jià)值觀和設(shè)計(jì)全局樣式，其中就涉及到設(shè)計(jì)組件和典型頁面。這一整套設(shè)計(jì)語言系統(tǒng)在中通有一個(gè)專業(yè)的名稱— XJI Design.

“在 MasterGo 上完成 XJI Design 的搭建后，我們還需要對前端進(jìn)行代碼封裝，同步組件，完成走查、排查、跟進(jìn)修正，保證前端封裝好的組件與設(shè)計(jì)組件的一致性，以免前端調(diào)用時(shí)發(fā)生出入。”這也意味著從設(shè)計(jì)到研發(fā)的鏈路，得到了有效的打通和銜接。

細(xì)節(jié)到位，提效翻倍

焦成路是中通科技用戶體驗(yàn)設(shè)計(jì)部設(shè)計(jì)中臺部負(fù)責(zé)人，也是中通內(nèi)部最早使用 MasterGo 的人之一，“ MasterGo的設(shè)計(jì)能力與Figma是十分類似的，相較于國內(nèi)其他競品，MasterGo 的細(xì)節(jié)做得更加到位。從整體感官上來說，MasterGo是更加精準(zhǔn)解決設(shè)計(jì)師痛點(diǎn)的產(chǎn)品，能夠很好地站在設(shè)計(jì)師的角色和立場去思考問題，設(shè)計(jì)師也更容易上手，加上其強(qiáng)大的組件能力和豐富的生態(tài)資源，我們團(tuán)隊(duì)接受起來非?？?。”

談起 MasterGo 最驚艷的三個(gè)功能，焦成路跟團(tuán)隊(duì)成員列出了文案校對、自動(dòng)布局和評論功能，并解釋道：“文案校對功能可以說是省事省時(shí)的利器，避免了設(shè)計(jì)師的重復(fù)操作和反復(fù)修改，在產(chǎn)品和業(yè)務(wù)校對完畢后，設(shè)計(jì)師只需要審核應(yīng)用即可，配合自適應(yīng)布局，效率更高。內(nèi)嵌的自動(dòng)布局，在拖拽某個(gè)設(shè)計(jì)元素后，其他元素的布局自動(dòng)調(diào)整，既美觀又方便?！?/p>

評論功能在使用過 MasterGo 的人中評價(jià)也很高，“說到評論，前端比我們更有發(fā)言權(quán)一些。在評審的時(shí)候，前端使用這個(gè)功能的頻次比我們高得多，無論有什么修改意見或建議，直接在設(shè)計(jì)稿上就可以評論，寫上具體調(diào)整方向。我們也只需要‘對癥下藥’，根據(jù)意見修改，省去了以往來回溝通的低效環(huán)節(jié)?！?/p>

“MasterGo 好用的點(diǎn)太多了，組件功能、多人實(shí)時(shí)協(xié)同、導(dǎo)出切圖、云端歸檔、貼紙功能、圈話功能、一鍵分享......”焦成路聊到 MasterGo 的種種功能時(shí)如數(shù)家珍，尤其是在談及“等比例縮放”時(shí)，更是贊不絕口，“這種縮放不僅是對組件進(jìn)行等比放大或縮小，而且還不會影響分辨率，這讓我太驚喜了?！?/strong>

圖2｜中通科技設(shè)計(jì)師在MasterGo上工作

原來的線下流程通過 MasterGo 這樣線上化的工具得到了解決，實(shí)現(xiàn)了從 0 到 1 的飛躍，效能也得到了極大提升。一方面提升了溝通效能，即便是遠(yuǎn)程溝通，也可以對著畫布上的方案直接溝通，并及時(shí)留痕，“過去這種線下的溝通和線上的設(shè)計(jì)稿是割裂的，是相互獨(dú)立存在的，通過 MasterGo 得以很好完成了線上線下的聯(lián)動(dòng)”。另一方面，MasterGo 提高了執(zhí)行效能，一些需求的變動(dòng)、業(yè)務(wù)方、產(chǎn)品方、技術(shù)方的各類建議能夠快速被定位和執(zhí)行，減少中間信息傳遞的成本，設(shè)計(jì)執(zhí)行上也能夠點(diǎn)對點(diǎn)處理，效率大大提升了。

基于協(xié)同，帶動(dòng)認(rèn)同

在業(yè)務(wù)、產(chǎn)品、技術(shù)多方協(xié)同的道路上，設(shè)計(jì)是至關(guān)重要的中間環(huán)節(jié)，推動(dòng)著整個(gè)鏈條的順利轉(zhuǎn)動(dòng)。

中通科技用戶體驗(yàn)設(shè)計(jì)部客戶末端體驗(yàn)設(shè)計(jì)部高級設(shè)計(jì)師楊雨辰統(tǒng)計(jì)過，目前中通內(nèi)部使用 MasterGo 的人數(shù)已經(jīng)突破百人。“在推廣 MasterGo 時(shí)，我們采用了項(xiàng)目制的方式進(jìn)行落地。先讓設(shè)計(jì)師對新工具進(jìn)行熟悉，再逐步將對應(yīng)需求的產(chǎn)品經(jīng)理拉進(jìn)來，隨著項(xiàng)目版圖擴(kuò)大，軟件的覆蓋群體也在變廣。這種逐步推進(jìn)的過程，沒有強(qiáng)制性也不會引發(fā)排斥感，大家都在潛移默化的接觸中用上并愛上這個(gè)新工具?！?/strong>

“本質(zhì)上，我們還是基于一個(gè)項(xiàng)目，讓大家在這個(gè)項(xiàng)目當(dāng)中通過實(shí)際使用工具去協(xié)同起來，從而帶動(dòng)更多的角色去了解和使用?！比缃?，設(shè)計(jì)團(tuán)隊(duì)通過 MasterGo 為核心業(yè)務(wù)部門如網(wǎng)絡(luò)管理、財(cái)務(wù)、客服、操作、運(yùn)輸、人事等提供數(shù)字化產(chǎn)品服務(wù)，助力上下游日常工作正常運(yùn)行，也幫助業(yè)務(wù)降本增效。

聊起產(chǎn)品經(jīng)理是如何用上 MasterGo 的故事，楊雨辰說道：“過去，大部分的產(chǎn)品經(jīng)理使用的工具其實(shí)都不統(tǒng)一，除非公司有強(qiáng)制性要求，不然都是各用各的。但是線上協(xié)同是個(gè)趨勢，產(chǎn)品經(jīng)理也會自然而然地遷移到 MasterGo 這樣的線上工具，這是一個(gè)發(fā)展方向，不可能再往回掉頭?！?/p>

圖3｜中通科技設(shè)計(jì)師與產(chǎn)品經(jīng)理一起在MasterGo上討論產(chǎn)品需求

“難得的是，MasterGo 不僅具有設(shè)計(jì)師思維，也能夠從產(chǎn)品經(jīng)理的維度來考慮。產(chǎn)品經(jīng)理的底層需求其實(shí)就兩個(gè)，一是表現(xiàn)他的想法，二是呈現(xiàn)界面內(nèi)容。此外如果還能維護(hù)好他們的資料庫，遷移到新軟件也就是水到渠成?！比缃?，中通的產(chǎn)品經(jīng)理在做產(chǎn)品設(shè)計(jì)時(shí)，就會按照設(shè)計(jì)組件或者底層頁面的跳轉(zhuǎn)邏輯，基于 MasterGo 上統(tǒng)一的設(shè)計(jì)規(guī)范和標(biāo)準(zhǔn)去搭建產(chǎn)品原型。

然而，提升全鏈路的效能遠(yuǎn)不是設(shè)計(jì)團(tuán)隊(duì)的終點(diǎn)?！拔覀冊?MasterGo 上傳了自己的設(shè)計(jì)語言系統(tǒng)，設(shè)計(jì)系統(tǒng)和設(shè)計(jì)工具相結(jié)合，使得落地更高效，很好地保證了設(shè)計(jì)方案的一致性。但同時(shí)對我們提出了新的挑戰(zhàn)——如何在一致性的基礎(chǔ)上有創(chuàng)新和變化?！?/p>

楊郁青頗有感觸，“設(shè)計(jì)師的職業(yè)訴求和期待是能夠通過用戶體驗(yàn)設(shè)計(jì)，幫助用戶高效地使用數(shù)字化產(chǎn)品完成其訴求。我們對 MasterGo 的 AI 功能非常期待，AIGC 能夠很好激發(fā)設(shè)計(jì)師的靈感。而怎樣通過 AIGC 快速高效地完成工作，而不是停留在概念方案，精準(zhǔn)匹配設(shè)計(jì)需求，需要每個(gè)設(shè)計(jì)師不斷地研究新工具的使用，學(xué)習(xí)并應(yīng)用新事物?！?圖片由MasterGo提供授權(quán)使用