工欲善其事必先利其器--CDX魔方·体验效率解决方案
魔方是由滴滴创意设计中心发起建设的设计效率工具平台
一、前言
打开滴滴出行，可以使用网约车、两轮车、代驾等多样的出行服务，不同的业务模式、不同的使用场景、不同的用户需求在一个APP内全面的落地，对于设计团队来说是非常大的挑战。如何保证体验的一致性、如何提升不同设计团队间的协作效率、如何解决跨地域协作、如何更高效的跟上下游协作、如何更有效的管理和沉淀设计作品。基于以上的思考，滴滴创意设计中心成立了工具化项目组，也就是“魔方设计平台”。通过工具产品解决方案，解决设计体系遇到的一些挑战。
“工欲善其事必先利其器”，“魔方”是由滴滴创意设计中心（CDX）联合效能平台（EP）部门发起设计效率工具，致力于协作效率提升、产品设计资产的管理与保护、设计团队精英化升级，助力公司快速发展。
本文聚焦“魔方”系产品中的体验效率解决方案，通过工具产品提升设计团队间协作效率、保证设计一致性、提升设计师跟上下游协作效率。
二、体验效率解决方案
如上图所示，在传统的体验设计流程里，设计师通过设计软件产出内容后，储存在自己电脑里，通过wiki、邮件等工具在团队内部及上下游展开协作。在这个流程中经常遇到一些问题，比如设计资产的沉淀与管理，设计稿都在自己电脑里，如何快速的查找与共享；设计规范及组件频繁更新，如何保证自己手中的设计规则是最新；每个设计方案要出N个版本，多版本如何管理。以上这些场景，相信每位体验设计师都经历过。
拆解体验设计的全流程会发现，体验设计的工作除了系统专业的思考外，在不同的设计阶段通过各种工具的配合切换完成工作，工具与工具之间来回切换，设计师的工作流程也在不停的被打断。
“魔方”体验效率解决方案围绕设计内容的流转，通过对工作流程中涉及到的能力整合及工具打通，使体验设计师注意力聚焦在内容上，提升工作效率，专注高价值产出。
体验效率解决方案由魔方的两个产品的打通与整合组成，一个是“魔方·SCO（Share Cooperation Online）”，一款基于Sketch的内容分发和设计团队内的协同工具，负责内容的分发。另外一个是“魔方·设计板”，解决产品设计文档的沉淀与管理、设计上下游协作中遇到的挑战。
三、魔⽅·SCO
1、传统的设计团队内协作
体验设计师做设计过程中，会输出相对完整的UIkit，来保证设计风格延续性和统一性。多人协作的场景中，设计师把源文件发给相应的设计师们，大家从源文件中拖拽设计元素和组件使用。
这个流程是可以跑通，在使用过程中遇到的挑战也比较明显，当团队规模越来越大，协作的设计师越来越多，UIkit的复杂性越来越高，频繁更新的规范无法及时触达到每个一线的设计师，更无法保证设计的一致和统一，这个情况发生时，设计师直接说的最多的一句话是“规范是不是最新的？”，“最新的规范在谁那里？”。
近两年sketch新增的library出现，可以从一定程度上解决这个问题，但无论对于规范管理者还是使用者来说，学习和维护的成本都比较高，组件在设计场景中应用时，多个层级展示也导致操作复杂。
2、SCO的解题思考与落地⽅案
基于对传统设计协作方式的复盘，结合滴滴创意设计中心大平台多业务的情况，我们通过对协作内容的标准化、对协作流程的产品化，实现简单、即时的工具产品，解决传统设计团队协作中遇到的挑战。核心思路是设计师可以通过SCO快速的导入标准化组件/图标等设计元素，实现可视化的编辑与调用，通过云端实时分发到相关的设计师电脑中，实现跨团队、跨地域的设计师无缝协作。
高效的管理内容-内容一键导入。内容是协作的基础，如何让负责规范的同学方便快捷的上传组件及维护内容是我们首要解决的问题。通过业务侧UIkit的共性梳理及技术层面的创新，目前SCO可以识别sketch文件中的有效内容，包含颜色、文字样式、组件。编辑者选择相应的UIkit sketch源文件，一键自动导入全部的组件内容，根据内容名称自动分组，大幅提升维护效率。
快速的找到和使用内容。工作中完整的UIkit包含几百个内容，如果能够在设计输出时快速找到组件并直接应用，将会对设计效率有直接提升。区别于sketch library非常深的层级结构，我们根据多种场景下不同组件内容的使用诉求，分别设置了搜索能力、宫格和列表的展示形式，可以有目的性的快速找到内容，可以看内容大图，也可以按照父子逻辑快速找到内容，满足用户对于组件图片和名称查找的不同诉求。
内容更新及时同步。信息的一致性是团队高效协作的前提，规范负责人调整编辑内容后，系统会自动同步每一位协作的成员该组件库更新的内容，设计师不仅可以没有顾虑的直接使用组件，还可以具体查看每次更新的内容。
四、魔⽅·设计板
设计板的解题思考与落地⽅案
大量的设计师将设计方案储存在自己电脑中，团队内内容协作成本极高，如何在不增加设计师工作量的前提下将设计师的产出线上化，形成自然沉淀，是我们面临的一个挑战。
标注/切图是解决内容自动线上沉淀的机会点，现有的协作模式是设计师通过各种第三方插件导出标注切图到本地，再通过一些IM工具发送给开发。
这个流程在效率层面存在几个问题。
1、不同的设计师用的插件不一样，不同的开发在查看标注切图时学习成本高。
2、设计和开发对于标注切图的版本管理成本高。
3、每次调整的沟通成本高。
在新的流程里，我们将导出标注切图的能力整合到SCO中，并与设计板打通，SCO完成一键标注切图后，将设计稿、源文件、标注切图自动沉淀到设计板，实现了一套设计图即可完成Android、iOS多端的全部设计输出，工程师可以切换查看各端标注，真正的实现协作线上化。更重要的是内容自动储存到设计板，形成内容的自然沉淀的正向循环。同时内容线上化自动沉淀的同时也实现了版本的自动记录，极大的方便后续内容的维护。
项⽬制与信息同步
项⽬制是设计板的底层逻辑，通过各种项⽬记录每位设计师的⼯作，与项⽬中的成员进⾏互动协作。传统的⽅式是设计师在完成设计图后，都需要将链接抛在群⾥、或单独编辑⼀份邮件同步项⽬组，多平台的复杂切换徒增⼯作成本。通过设计板项⽬成员可以⽅便的将协作⼈加⼊项⽬，进⼊项⽬后该项⽬内的所有内容更新都会通过滴滴内部IM⼯具和⾃动邮件发送即时通知，提升沟通效率的同时，聚合该项⽬内所有设计产出，⽅便后续内容查找。
以上是魔⽅项⽬组对体验效率⽅⾯的思考及部分解法分享，希望对同样困惑的体验设计师有所帮助。
写在后⾯
滴滴创意设计中⼼是对效率⾼度敏感的设计团队，设计⼯具是解决⾯性设计问题的重要⽅式，我们希望通过⾼效的产品⼯具从重复的繁琐的⼯作中解放设计师双⼿，专注⾼价值⼯作。当然，我们还在成⻓中，欢迎志同道合的⼩伙伴与我们交流。
魔⽅项⽬组
