设计师协作着力点,看这儿就够了!

关于这个话题,我看过好几篇文章,但似乎每篇文章都是在讲“设计师如何参与团队协作”,而忽略了“有效”两个字。有效,我觉得主要包含两个层面的意思:有效率、有效果。作为产品研发团队的设计师,团队协作是工作日常,但如何让协作更有效呢?

想让协作更有效,首先我们需要找到导致团队协作低效甚至无效的问题所在。我们可以从设计环节和开发环节来总结:

设计环节:

1、需求方不明确,需求表达不清晰,导致反复改稿,产出效率被拉低

2、工具不统一,设计师之间协作和共享困难,设计进度缓慢

3、设计审核流程复杂,项目推进进度缓慢

开发环节:

1、只能看到视觉设计稿,开发不理解设计思路,设计稿还原度低

2、缺乏多端开发经验,反复要求设计师输出不同规格的素材切图

3、按照标注还原设计稿过于繁琐和低效,耽误整体进度

了解了问题所在,我们就可以对症下药,提升团队协作效率,达到更好的协作效果。首先是设计环节,如何有效提升团队协作效率,加快项目进程?


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.标记切图:在上传设计稿前,我们需要做好标记切图的工作,上传到后直接交付给开发工程师,开发工程师可以根据开发需求,下载不同平台不同尺寸的切图,而不用我们一张张切好再打包交付。

设计稿交付后,开发工程师可以自由查看设计稿中的精准标注和图层标记信息,下载使用切图,还能直接复制图层的样式代码,不仅减轻了设计师的负担,也简化了开发工程师的工作流程,这才是真正的“有效协作”。

总结

互联网时代效率为王,提升项目的推进效率,就可以挤出更多时间来创造更大的价值。想要有效参与团队协作,适合自己团队的效率工具必不可少,有了工具的协助,脱离了传统工作方式和繁复工作流的束缚,自然可以达到事半功倍的效果。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,874评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,102评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,676评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,911评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,937评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,935评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,860评论 3 416
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,660评论 0 271
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,113评论 1 308
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,363评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,506评论 1 346
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,238评论 5 341
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,861评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,486评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,674评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,513评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,426评论 2 352

推荐阅读更多精彩内容