专访中通:一致性体验要求越高越需要 MasterGo

“借助 MasterGo,中通科技设计团队搭建了一整套设计语言系统,并完成了前端代码封装,保证前端封装好的组件与设计组件的一致性。中通科技在 MasterGo 上打通了从设计到研发的协作链路。”

avatar

杨郁青

中通科技用户体验设计部负责人

中通快递创建于 2002 年 5 月 8 日,是一家集快递、云仓及中快数字营销等生态版块于一体的综合物流服务企业。2016 年,中通快递在美上市,向全世界打开了一扇了解中国快递发展的“窗口”。

越是庞大,越要一致

如今,朝发夕至的除了高铁,就是遍布大江南北的快递了。2022 年中国快递业完成了 1105.8 亿件业务量,平均每天业务量超过 3 亿件。如此巨大的工作量,需要一套逻辑严密且运转顺畅的服务系统支撑。

“行业特性决定了我们必须有自己的一套设计系统。我们处在一个比较垂直的行业,从用户角度来说,产品的一致性程度越高,用户的学习成本越低。我们希望能够让用户在接触产品之初就获得良好的用户体验,这也是我们的职责所在。”中通科技用户体验设计部负责人杨郁青详细介绍了中通使用 MasterGo 的初衷,“同一目标用户群的产品,由不同的设计师设计,虽然有相同的组件,但设计师结合用户需求和想法,会有不同的用法,如何保持一致性就是我们要解决的首要问题。”

“在有限的资源、时间和人力的基础上,为了保持更好的体验,使用 MasterGo 来保障设计系统的完整性和统一性,是当下性价比最高的一种做法。我们现在有两种设计系统应用场景,一种是应用于 B 端业务的设计系统,另一种则是单独产品的设计系统。”

杨郁青解释,C 端产品更多要求的是产品的易用性和使用的愉悦性,对于情感要求高。但 B 端设计一方面需要流程上通畅,减少操作步骤,另一方面就是要保证一致性。“B 端业务是我们的核心业务,包含 PC 端和移动端两套设计系统,不仅用户数量庞大,而且跳转逻辑复杂,对体验一致性的要求非常高,因此我们优先让业务 B 端的相关设计师转移到 MasterGo。”

1.png (图:中通科技 B 端页面数量庞大,跳转逻辑复杂)

借助 MasterGo,设计团队仅花了 2 个月完成了设计语言系统的搭建。一套完整的设计语言系统包含设计师的设计价值观和设计全局样式,其中就涉及到设计组件和典型页面。这一整套设计语言系统在中通有一个专业的名称— XJI Design。

“在 MasterGo 上完成 XJI Design 的搭建后,我们还需要对前端进行代码封装,同步组件,完成走查、排查、跟进修正,保证前端封装好的组件与设计组件的一致性,以免前端调用时发生出入。”这也意味着从设计到研发的链路,得到了有效的打通和衔接。

细节到位,提效翻倍

焦成路是中通科技用户体验设计部设计中台部负责人,也是中通内部最早使用 MasterGo 的人之一,“ MasterGo 的设计能力与Figma是十分类似的,相较于国内其他竞品,MasterGo 的细节做得更加到位。从整体感官上来说,MasterGo 是更加精准解决设计师痛点的产品,能够很好地站在设计师的角色和立场去思考问题,设计师也更容易上手,加上其强大的组件能力和丰富的生态资源,我们团队接受起来非常快。”

谈及 MasterGo 最惊艳的三个功能,焦成路跟团队成员列出了文案校对、自动布局和评论功能,并解释道“文案校对功能可以说是省事省时的利器,避免了设计师的重复操作和反复修改,在产品和业务校对完毕后,设计师只需要审核应用即可,配合自适应布局,效率更高。内嵌的自动布局,在拖拽某个设计元素后,其他元素的布局自动调整,既美观又方便。”

评论功能在使用过 MasterGo 的人中评价也很高,“说到评论,前端比我们更有发言权一些。在评审的时候,前端使用这个功能的频次比我们高得多,无论有什么修改意见或建议,直接在设计稿上就可以评论,写上具体调整方向。我们也只需要‘对症下药’,根据意见修改,省去了以往来回沟通的低效环节。”

“MasterGo 好用的点太多了,组件功能、多人实时协同、导出切图、云端归档、贴纸功能、圈话功能、一键分享......”焦成路聊到 MasterGo 的种种功能时如数家珍,尤其是在谈及“等比例缩放”时,更是赞不绝口,“这种缩放不仅是对组件进行等比放大或缩小,而且还不会影响分辨率,这让我太惊喜了。”

2.jpg (图:中通科技设计师在 MasterGo 上工作)

原来的线下流程通过 MasterGo 这样线上化的工具得到了解决,实现了从 0 到 1 的飞跃,效能也得到了极大提升。一方面提升了沟通效能,即便是远程沟通,也可以对着画布上的方案直接沟通,并及时留痕,“过去这种线下的沟通和线上的设计稿是割裂的,是相互独立存在的,通过 MasterGo 得以很好完成了线上线下的联动”。另一方面,MasterGo 提高了执行效能,一些需求的变动、业务方、产品方、技术方的各类建议能够快速被定位和执行,减少中间信息传递的成本,设计执行上也能够点对点处理,效率大大提升了。

基于协同,带动认同

在业务、产品、技术多方协同的道路上,设计是至关重要的中间环节,推动着整个链条的顺利转动。

中通科技用户体验设计部客户末端体验设计部高级设计师杨雨辰统计过,目前中通内部使用 MasterGo 的人数已经突破百人。“在推广 MasterGo 时,我们采用了项目制的方式进行落地。先让设计师对新工具进行熟悉,再逐步将对应需求的产品经理拉进来,随着项目版图扩大,软件的覆盖群体也在变广。这种逐步推进的过程,没有强制性也不会引发排斥感,大家都在潜移默化的接触中用上并爱上这个新工具。”

“本质上,我们还是基于一个项目,让大家在这个项目当中通过实际使用工具去协同起来,从而带动更多的角色去了解和使用。”如今,设计团队通过 MasterGo 为核心业务部门如网络管理、财务、客服、操作、运输、人事等提供数字化产品服务,助力上下游日常工作正常运行,也帮助业务降本增效。

聊起产品经理是如何用上 MasterGo 的故事,杨雨辰说道:“过去,大部分的产品经理使用的工具其实都不统一,除非公司有强制性要求,不然都是各用各的。但是线上协同是个趋势,产品经理也会自然而然地迁移到 MasterGo 这样的线上工具,这是一个发展方向,不可能再往回掉头。”

3.JPG (图:中通科技设计师与产品经理一起在 MasterGo 上讨论产品需求)

“难得的是,MasterGo 不仅具有设计师思维,也能够从产品经理的维度来考虑。产品经理的底层需求其实就两个,一是表现他的想法,二是呈现界面内容。此外如果还能维护好他们的资料库,迁移到新软件也就是水到渠成。”如今,中通的产品经理在做产品设计时,就会按照设计组件或者底层页面的跳转逻辑,基于 MasterGo 上统一的设计规范和标准去搭建产品原型。

然而,提升全链路的效能远不是设计团队的终点。“我们在 MasterGo 上传了自己的设计语言系统,设计系统和设计工具相结合,使得落地更高效,很好地保证了设计方案的一致性。但同时对我们提出了新的挑战——如何在一致性的基础上有创新和变化。”

杨郁青颇有感触,“设计师的职业诉求和期待是能够通过用户体验设计,帮助用户高效地使用数字化产品完成其诉求。我们对 MasterGo 的 AI 功能非常期待,AIGC 能够很好激发设计师的灵感。而怎样通过 AIGC 快速高效地完成工作,而不是停留在概念方案,精准匹配设计需求,需要每个设计师不断地研究新工具的使用,学习并应用新事物。”

这些企业都在用MasterGo
腾讯设计云
美团
网易
百度meux
红旗
小鹏
honor
北森
企查查
中信银行
深信服
滴滴出行
比亚迪
中通快递
汽车之家
智己汽车
顺丰同城
中国船舶
vivo
京东金融
商汤
喜马拉雅
国元证券
用友
广联达
脉脉
雍禾医疗
旷视
360
自如
涂鸦
新东方
知乎
度小满
德邦
梦饷科技
海典软件
跨越速运

AI 时代的企业级产品设计平台

AI 时代的企业级产品设计平台

免费使用