顶尖高手的分享!交互设计师如何与他人合作?

2015/08/07 5298

interactive-designer-cooperation-1

@凌霜设计 (Frog Design交互生): 作为一名交互设计师,如何更好地与项目里的其他人合作?如何更好地利用大家的时间?团队经理用画图的方式跟我解释了一下,有些问题并没有直接的答案,但是我觉得解释的方式很有趣,我凭着记忆把它们重新画了一下,和大家聊聊合作的问题。

今天和我的经理聊了一下最近工作上发生的事:上周做了什么,这周和下周准备要做什么。刚刚结束了设计阶段(Design Sprint)1,和客户开了远程会议,收到了许多的反馈意见,各个方面的都有。

现在项目正处于一种(我觉得)特别尴尬的阶段:视觉设计师只出了初步的几个概念图,程序员还在准备框架,尚未开始写代码,但是根据原先的计划,这周就要开始开发了。作为交互设计师,一方面留着一大堆反馈意见还没有反映到线框图中,另一方面设计阶段2的任务已经要来了。虽然还没有开始设计,但从可能的流程上来看,任务量巨大,是一个特别复杂的系统,不光是设计一个新的交互方式,还是新的工作方式和商业模式,心里真没底。

我把自己的困惑告诉了经理:作为一名交互设计师,如何更好地与项目里的其他人合作?如何更好地利用大家的时间?他用了画图的方式跟我解释了一下,有些问题并没有直接的答案,但是我觉得解释的方式很有趣,我凭着记忆把它们重新画了一下,和大家聊聊合作的问题。

什么是敏捷开发(Agile)

先说一下总体的合作方式,我们用的是敏捷开发(Agile)的方式。维基百科上是这么解释的:

敏捷软件开发(英语:Agile software development),又称敏捷开发,是一种从1990年代开始逐渐引起广泛关注的一些新型软件开发方法,是一种应对快速变化的需求的一种软件开发能力。它们的具体名称、理念、过程、术语都不尽相同,相对于“非敏捷”,更强调程序员团队与业务专家之间的紧密协作、面对面的沟通(认为比书面的文档更有效)、频繁交付新的软件版本、紧凑而自我组织型的团队、能够很好地适应需求变化的代码编写和团队组织方法,也更注重软件开发过程中人的作用。

如果把这种方法简单视觉化一下,就如下图:

IxD指的是交互设计(Interaction Design),VD指的是视觉设计(Visual Design),Dev指的是开发(Development)。ABCDE在这里代表的是不同的阶段或任务,在frog我们叫做设计阶段(直接翻译可能是设计冲刺Design Sprint)。

这个图的意思就是:当一个设计阶段A结束时,交互设计师就会把工作移交给视觉设计师进行A的设计,同时开始B的交互设计;视觉设计师随后对A进行视觉设计,然后交给程序员进行A的开发;当程序员进行A的开发的时候,交互设计师的B也做好了,然后转交给视觉设计师……如此往复,敏捷开发的最大的特点就是不需要设计师把ABCDE全部设计完后才开始设计,而是在某个阶段结束后就开始进行软件开发。

什么是瀑布式开发(Waterfall Model)

与之相悖的方法叫做瀑布式开发(Waterfall Model),维基百科解释如下:

瀑布模型(或称瀑布式开发流程)是由W.W.Royce在1970年首次提出的软体开发模型,在瀑布模型中,软件开发被分为需求分析,设计,实现,测试(确认),集成,和维护这样的步骤依序进行。

纠结的交互设计师

敏捷开发现在运用得越来越广,但是据(经理)说却让设计师更加纠结,这一点我确实有体会到。因为任务被划分成了一个一个小阶段,时间又很紧。我觉得任务A还没做完时,就必须开始做B,把A移交给其他人去做他们该做的事了。而随着任务BCD的进行,可能是需求变了,可能是视觉或开发遇到了问题,经常还要回头去改A,一旦交互改了,后面的视觉设计、开发也要跟着改。因为没有足够的时间去思考透彻A甚至全局,导致回头修改之前的设计的几率大大增加。

更糟糕的情况可能是当你做完了ABCDE,却发现事情远远没有那么简单,其实还需要做FG等等才能把整个流程设计完毕(如下图)。怎么办?

可惜,并没有直接的解决办法!有两种可能解决的方法:

1. 交互设计师早一点开始,先把ABC都设计得差不多了,才移交给视觉和开发。这样做的原因是,给交互设计师更多的时间去理解问题,尝试解决多个方案,把整个的设计概念调整得差不多了,才交给视觉开始做更高保真的界面图(comps)。
2.交互设计师和视觉设计师更紧密地在一起工作,减少交互和视觉之间的时间间隔。更早地看到高保真(high fidelity)的界面图,有问题可以立即调整,然后再把已经比较成熟的方案移交给程序员。

切忌走得太深

再谈谈我纠结的“还没设计完善就就要进入下一步”的感觉。之前在我的心目中,交互设计师把线框图画完,整个设计的基本框架就定下来了,包括信息架构、交互模型(interaction model)、主要的模板,视觉设计师只是在线框之上锦上添花,表达更多的东西。而现在我移交给视觉设计师的线框图非常地低保真(low fidelity)。有些交互模型还不是最佳的选择,有些页面的非主要信息还没加上去,排版也不是特别好看,总之许多细节没有敲定。而之前在学校做项目基本上是一人全部操办,做完了线框图马上就做视觉稿了,甚至直接作出的线框图就挺简单好看了。我的经理给我的建议是,不要在一个小流程里做得太深入。打个比方,假设这是你作为一名设计师可以做出的深度:

现在,作为一名交互设计师,要想办法把一部分工作让出来,给视觉设计师,自己只做到这么深就够了:

交互设计师只负责低保真的线框图,让视觉设计师自己去操心怎么做出高保真的图来。这么做的原因有二:

1. 这体现了交互设计师对视觉设计师的尊重。让视觉做自己擅长的事去,不必要越俎代庖,把别人的活也干了。
2. 交互设计师节省了纠结细节的时间,把主要的精力放在“解决问题”上面去。让自己的头脑一直处于“解决问题”的模式。有利于项目整体的效率和成功。

初级交互设计师应走得宽

公司对于初高级设计师的期待是不同的。初级设计师应在同一个问题上走得更宽。假设下图反映的是同一个问题的不同解决方案ABC:

假设现在有一个问题要解决,随便举个例子吧:如何让用户把商品放入购物车?一般来说,初级交互设计师会给出1-3个解决方案,这三个方案可能有的非常直接,可以做得很深入,有些比较麻烦,做得比较浅。有个几个方案后,会选出一个来更深入地探索。然而,如果是更优秀的初级设计师,应走得更宽一些。同一个问题,可能会想出ABCDEFG7个方案,这当中肯定会有一些看起来很荒谬或者行不通的方案,比如E。但是方案E中的某一个点很好,最后选中继续发展的方案可能是A中的一部分,加上了E中的一点,一个有突破性的好设计就这么诞生了。这一切的根基则在于能够产生足够多的点子来挑选。

我身陷泥淖,你放心飞吧

关于为什么要把交互设计和视觉设计分开,让不同的人负责,经理打了个比喻,我觉得很有意思:

交互设计师生活在重力加速度g等于地球的10倍的地方,处理的是那些的最沉重最纠结的问题(heavy things)。视觉设计师则生活在加速度g等于地球1/6的地方,他们轻得可以飞起来。只有我们(交互设计师)竭尽全力在g等于10倍的地方把问题处理好了,他们(视觉设计师)才能够飞得更高、更自由。(我:那我可以理解为,我们使用的是不同的大脑半球吗?)部分是这样,但是在交互设计师在对解决方案进行发散分析的时候(所谓“走得宽”),也会用到右脑。

画了个简单的示意图表示如下:

那么,就让我专心地在泥淖中越陷越深,而你放心飞吧!:)

【最能借鉴的经验都是实战出来的】

几亿人使用的QQ空间如何做广告?
《让广告动起来!QQ空间视频广告策划设计总结》

给QQ空间做改版设计的思路经验:
《小空间大精彩!APPLE WATCH重磅实战案例之QQ空间》

国内设计师最关心的话题之一!
《实战篇!国内设计师如何快速有效地维权?(附成功案例)》

译文地址:zhuanlan.zhihu
译者:凌霜

uisdc-tuweia-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量99万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/interactive-designer-cooperation

界面设计 交互设计师 HTML5 素材 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 设计规范 扁平化设计 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 用户体验 ui设计 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里