关于这个话题,我看过好几篇文章,但似乎每篇文章都是在讲“设计师如何参与团队协作”,而忽略了“有效”两个字。有效,我觉得主要包含两个层面的意思:有效率、有效果。作为产品研发团队的设计师,团队协作是工作日常,但如何让协作更有效呢?
想让协作更有效,首先我们需要找到导致团队协作低效甚至无效的问题所在。我们可以从设计环节和开发环节来总结:
设计环节:
-
需求方不明确,需求表达不清晰,导致反复改稿,产出效率被拉低
-
工具不统一,设计师之间协作和共享困难,设计进度缓慢
-
设计审核流程复杂,项目推进进度缓慢
开发环节:
-
只能看到视觉设计稿,开发不理解设计思路,设计稿还原度低
-
缺乏多端开发经验,反复要求设计师输出不同规格的素材切图
-
按照标注还原设计稿过于繁琐和低效,耽误整体进度
了解了问题所在,我们就可以对症下药,提升团队协作效率,达到更好的协作效果。首先是设计环节,如何有效提升团队协作效率,加快项目进程?
1、明确设计需求
当设计师面对产品、市场、运营、策划等多个需求方时,收到需求就开始设计是最大的错误。在开始设计前,必须要积极和上游的需求提供方进行仔细的沟通。如果团队中缺乏交互设计师的角色,设计师需要直面产品时,还要适当地筛除伪需求,理清真实需求,再进入设计环节。
在这一环节,我通常会整合所有需求方的需求。如果无法确定主要需求方,我们可以将所有需求方的需求整理一遍,找到其中的共同点和矛盾冲突的地方,再召集所有人共同商议确定。
当然,在产品研发团队中,需求梳理一般是产品经理的工作。但作为设计环节的主要负责人,参与需求梳理可以让自己更加直观地理解需求,设计工作也可以更加顺利推进。
2、寻找合适的协作工具
以我的团队为例,设计师最常用的设计工具是PS和Sketch,在Figma火了之后,也有一些小伙伴转战Figma。使用不同设计工具,不仅存在兼容性问题,网络限制、设备限制等问题都让人苦不堪言,设计师交流全靠截图,仿佛回到了“原始社会”。
为了解决这个问题,我们尝试了很多工具,最后选择了国产工具摹客作为我们的协作“根据地”。当时主要是因为国内协作平台只有摹客支持交付Figma设计稿,但用了一段时间发现,摹客的宝藏功能远不止上传和分享设计稿。
1.在线审阅设计稿:设计稿上传后,团队成员可以直接在设计稿上打点评论,反馈意见。这个功能对于我们接下来要讲的“简化设计审核流程”来说非常重要。
2.版本对比和管理:设计稿修改后可以直接同步,同时摹客会自动生成历史版本,可以随时查看不同版本,还可以直接在摹客对比不同版本之间的异同,检查是否存在问题。
3.制作高保真交互:用PS、Sketch、Adobe XD、Figma完成设计稿并上传后,可以在摹客快速将设计稿转化为可交互的高保真原型,不需要再单独制作高保真。
4.快速交付设计稿:摹客的智能标注方式可以准确传达设计规范,同时开发工程师也可以自主获取不同平台尺寸的切图,因此设计师在定稿后可以直接交付,这一点我们在后面的开发环节详细介绍。
3、简化设计审核流程
在原来的工作流程中,重要设计稿需要经过多人审核,那么就会出现这样的问题:A审完设计稿并提出修改意见,我们根据意见进行修改后发给B审核,结果B完全不赞同A的评审意见,并要求全部改回来,如果后续还有CDEF,那么恭喜你,即使是一个静态页面,你也极有可能会经历涂涂改改的一个月。
如何简化设计审核流程,杜绝上述情况发生?我们依然可以用摹客来解决。摹客最大的特点是它设定的工作流程非常灵活,并不是一环接着一环的单线推进,而是支持多人同时在不同环节进行协作。
以设计稿评审环节为例,摹客提供了多种评审工具,参与审核的成员可以同时对设计稿进行打点评论,也可以查看和回复其他人的评论内容。设计师只需要根据所有成员的最终评审意见逐条进行修改即可。修改后还可以直接更新评论的解决状态,二次评审时其他成员可以根据评论来对照检查,问题就这样迎刃而解,效率自然也就大大提升。
提升了设计环节的协作效率,接下来我们继续来解决开发环节的问题。开发环节提到的三个针对设计师的问题,其实可以归类为一个问题,即:
如何高效完整交付设计稿?
与开发工程师的协作,主要是需要帮助开发工程师理清产品逻辑,准确还原设计稿。要达到这个目的,开发工程师在开发环节就需要查看精准的UI标注和获得不同平台的切图,如果这一环节出现纰漏,一定会影响设计的最终呈现效果。
借助合适的交付工具,就能完美解决这个问题,如上文中提到的摹客。摹客具有强大的设计稿智能标注、自动切图及代码输出功能。设计师在交付设计稿前,只需要使用摹客做到以下几点,就可以完成一次高质量交付,提升和开发同事的协作效率:
1.理清产品逻辑:在交付设计稿前,我们可以在摹客的全貌画板中添加逻辑线和逻辑说明,开发工程师只需查看全貌画板,就能快速理解产品业务流程和交互逻辑。
2.准确标注:摹客提供了“自动+手动”的智能标注模式,图层信息和图层之间的间距等数据都可以自动生成,还可以使用手动标注功能进行补充,相当于生成了一个轻量的开发文档,可以帮助我们准确传达设计要求。
3.标记切图:在上传设计稿前,我们需要做好标记切图的工作,上传到后直接交付给开发工程师,开发工程师可以根据开发需求,下载不同平台不同尺寸的切图,而不用我们一张张切好再打包交付。
设计稿交付后,开发工程师可以自由查看设计稿中的精准标注和图层标记信息,下载使用切图,还能直接复制图层的样式代码,不仅减轻了设计师的负担,也简化了开发工程师的工作流程,这才是真正的“有效协作”。
总结
互联网时代效率为王,提升项目的推进效率,就可以挤出更多时间来创造更大的价值。想要有效参与团队协作,适合自己团队的效率工具必不可少,有了工具的协助,脱离了传统工作方式和繁复工作流的束缚,自然可以达到事半功倍的效果。