呼唤前端交互师
现状
目前淘宝UED部有四大职位:用户研究、视觉设计、交互设计和前端开发。还有一个和UED独立的产品经理PD部。
一个典型的简化工作流程是:PD输出PRD(产品需求文档)-> 交互输出prototype(交互原型)-> 视觉输出mockup(视觉模拟图)-> 前端输出demo -> 后台根据demo实现开发。注意:这仅是简化流程,实际上还有用研的参与,流程上也不是简单的瀑布。
在PRD经过prototype, mockup到demo实现,经常需要大量的沟通成本。
设想
我设想的一种分工是:
- 用户研究:专业的用户测试调查和数据分析能力。
- 视觉设计:专业的视觉设计能力。
- 前端交互:a. 专业的交互设计能力;b. 基本的前端开发技能。
- 前端架构:a. 专业的前端开发技能;b. 基本的交互设计能力;c. 基本的后台编程经验。
最大的不同就是前端交互师的出现。这要求交互懂前端,同时前端也要懂交互,最后融合在一起,成为一个职位。
为什么需要这个职位呢?
首先,和传统的后台程序员相比,前端往往都有点“设计”情结。纯“技术”前端很少,这也是为何大部分前端会和交互“纠结”的原因。前端希望将自己的设计理念也能注入demo中,并不是简单的按照mockup实现demo就了事。技术上的可重用性等仅仅是前端在乎的一方面,对设计的质量,前端同样非常在意。前端放在UED部门,就是因为前端也关注用户体验,并非仅仅是技术实现。
其次,对于交互设计师来说,做的是web交互设计,懂html和css,应该是一种必备技能。交互大牛Alan Cooper,还有一个称号是“VB之父”。在国外,一个Web Designer比起普通程序员的工资要高,因为他们不仅仅是Designer,同时还是Developer. 技术和设计是相辅的,离开技术光谈设计,很难真正把设计做好。
而且,一旦前端交互师出现了,就可以直接用html做原型。这能极大地减少目前产品经理、交互设计师和前端工程师之间的沟通成本。
对于前端架构师来说,也能从做demo的工作中解放出来,专职去做底层的css和js库,设计与后台的接口,提供专业的技术解决方案,以及实现复杂的js等等。
说明:对于前端交互师所要掌握的技能,并不是要求都精通,这太难了。我设想中的前端交互师的具体技能为:
a. 专业的交互设计能力。 b. 基本的视觉处理能力,会比较熟练的使用ps即可。 c. 较好的html和css技能,以及基本的js技能,要求能调用css和js框架实现demo.
目前淘宝的交互设计师技能为专业的a和基本的b,前端工程师的技能则为基本的b和专业的c.
结论
无论职位名称叫什么 —— 交互设计师,或前端交互师,所要掌握的技能都要求交互设计和前端技术相融合。这无论对公司还是个人,都极其有益。
最后,欢迎拍砖,以及提供你的想法。

May 3rd, 2009 on 19:55
有想法,未来两年一个很热的职业的雏形在这里亮相了
May 3rd, 2009 on 20:50
专业web设计师,不管什么职能多少都应该懂基本的web构成原理,否则会增加很多沟通成本,以及增大可能存在的风险误差。理论上中间环节沟通的产出格式越少,效率越高,大家都能使用xhtml&css&js做低保真、高保真原型那是最好,如果可能可以引入培训计划。
我最提倡的是web线框输出法,从概念原型到低保真原型,再到高保真原型。由粗到细,由细到精,模块化升级优化用户体验,去年提过类似想法,请参考:
互联网设计敏捷迭代
http://blog.rexsong.com/?p=2365
把体验理论变成现实
http://blog.rexsong.com/?p=1168
May 3rd, 2009 on 21:15
小公司里就一个职位,死做网页的
然后前端 设计 交互 后台 更新维护 一锅端
哈哈
要具备死做网页的能力各个方面都了解
然后在某一点精通,就是需要的人了吧
May 3rd, 2009 on 22:19
我怀疑,优秀的前端设计交互师看到淘宝的页面后,很可能会摇摇头,然后鼠标移到浏览器左上方,点击红色按钮…
May 3rd, 2009 on 22:59
很佩服外国很多牛人
都是设计,开发,用户友好性都精通的人
May 3rd, 2009 on 23:24
很不错,不过公司的认识还欠缺一点!
May 4th, 2009 on 1:00
很好的建议,交互设计师不懂前端技术是很难行走的
May 4th, 2009 on 9:18
四楼的意思是?
貌似国内好的前端都在TB啊!
May 4th, 2009 on 9:34
在带宽和电脑硬件不断升级的未来,这个职位很有可能诞生。
假想一下,每个家庭使用10M带宽上网、每个家庭电脑内存有4G-5G左右的时候。WEB的交互形式会是一个怎样咧?
May 4th, 2009 on 9:49
淘宝查看邮件在ie6下右边部分也就是信箱部分的内容漂移到下面去了
May 4th, 2009 on 10:04
非常的同意.我觉得做前端技术做到后期,会发现没什么具体的功能是实现不了的,关键问题是,你要有非常好的用户体验的想法.能够创新的提出一些交互的方式出来.
May 4th, 2009 on 15:41
经过一番折腾后,处于长期待业了…… 郁闷
像我这样的会比较熟练的使用ps,较好的html和css技能,以及基本的js技能,该何去何从哦
May 5th, 2009 on 9:56
在这种分工高度细化的团队中,
我觉得更为重要的是沟通模式的建立,成本大,想办法降低,
很多时候
感觉缺一个人,这个人要有某某+某某+某某技能,
其实是缺个上帝,期望他能完美地填补空白,
只不过是海市蜃楼而已。
淘宝的UED团队配置相比较国内其他同行,已经是走在前沿了。
个人觉得发掘已有的力量才是上策。
PS:国外精通设计+开发的前端工程师|设计师,岁数一定不会小,起码30+,国内有心往多元化发展的朋友,沉下心来认真学认真做,我相信到那个年龄你也能有那样的能力
May 5th, 2009 on 11:17
来看看
May 5th, 2009 on 12:21
按照作者的设想,前端交互师应该是个独立developer。懂技术有学习能力的设计师。老外这类人多为自由职业者,更乐于soho。
May 5th, 2009 on 17:47
在Google,UX团队只有两种分工,设计师和研究员。即使在ali,走P路线的到一定阶段后就也就没有了前端,交互这样的分工而要求“全能”了……
有一点,有时候岗位的分工只是为了更好地争取资源!
May 5th, 2009 on 22:59
嗯。举手赞成。
如果可以,我希望的交互设计师就必须具备:60%交互设计能力+20%视觉设计能力+20%的JS&CSS技能
关于用户体验,不是一个人的事情,各个职能都需要配合恰当。
May 5th, 2009 on 23:13
补充一下,你说的有“设计”情节的前端工程师,我还真挺少遇到。心底倒是希望多点好。
:)
May 6th, 2009 on 0:56
请问淘宝的交互设计师大多都时什么专业出身的?谢谢
May 6th, 2009 on 2:02
我曾经呆过的一家外企工作流程通常是这样的,配合SVN branch工作,很轻松,效率很高:
-[产品需求] – [后台业务逻辑代码] – [后台给前端的API]
-[原型图] – [前端简化的demo] – [前端还原UI + 脚本]
-[原型图 & 产品需求] – [视觉UI输出]
3条线异步进行,很流畅
May 6th, 2009 on 16:07
交互设计师未来的发展方向应该是往更全面,交互设计的思想需要加上实现成真实的效果。这样才可能发交互设计发挥到淋漓尽致。
做任何一行的设计我想是不外如是吧。
就像会写武功秘笈的人肯定也是个武林高手。
May 6th, 2009 on 18:56
@fer
意外地发现,你前公司的做法和我原来的设想非常类似:后台负责提供数据和逻辑(或者api),而整个视图都交给前端。
参见 http://dingyu.me/blog/posts/view/why-no-division-in-web-design-2
May 7th, 2009 on 22:33
我觉得未来的前端开发并不应该仅仅局限在前端技术,所谓更好的用户体验,那么涉及到用户相关信息的,那肯定就会有跟后台数据交互的过程,如果前端开发人员仅仅懂css+xhtml+js,那么相比在前端跟后台之间的API就必须花费大量的工作量,而如果前期规划如果策划得不是很好,那么后期维护的工作量就更不用说了。
精通前端开发(少量的设计理念)+对后台技术有良好理解的岗位想必也还是不可少的吧。
May 7th, 2009 on 22:33
这样的一份职业,在淘宝是不是被称之为“前端架构”呢?
May 8th, 2009 on 8:55
分工细化,工作效率高这是肯定的….
May 9th, 2009 on 16:21
与我无关,
我只路过。
May 11th, 2009 on 17:06
别字,”情节”应为”情结”..
May 11th, 2009 on 18:30
@Dismory: 感谢指正:)
May 14th, 2009 on 9:15
小公司到处是这种职能的人呀
May 20th, 2009 on 10:34
呼唤吧,我来了。
a. 较好的交互设计能力;
b. 专业的视觉处理能力;
c. 专业的html和css技能,以及专业的js技能;
d. 较好的3D设计能力;
e. 一般的Flash开发能力;
May 24th, 2009 on 23:58
偶一直也是这么想滴.前端交互,应该是同一个人.
May 27th, 2009 on 14:33
小公司,没有交互设计师,没有研究员,没有合理的设计流程,怎么办?那么几乎所有的交互工作,就交给设计师了。那么在这个情况下,与前端唯一要做的,只有沟通,只有交流。在产品诉求和技术基础上,细化,在细化,达到统一。当然,这也是无可奈何的办法。
May 31st, 2009 on 23:44
一个工序分开这么多个功能职位。调转你是老板。这样的成本如何计算?
会不会有点海市蜃楼了?感觉和CIO 那些所谓幻想般的职称高高拜在神台那样。
June 28th, 2009 on 2:25
一个人什么都要精通!
December 1st, 2009 on 9:19
@sammy
确实有些小公司的老板,为了省钱,让一个人做前端所有的事情,一般这个人是就是设计师,老板很着急,一开始想到的就是投资回报,几天内就要看到高保真的DEMO,但是这样的做法实在是难以保证质量,最终的结果都不好,很多项目因为做到后面走不通,就不了了之了,反而浪费了钱和时间。
January 24th, 2010 on 18:33
大公司分的比较细,小公司基本上是一锅端,无论在在那里工作个人认为,还要自己的职业规划.
January 24th, 2010 on 18:33
大公司分工比较细,小公司基本上是一锅端,无论在在那里工作个人认为,还要有自己的职业规划.
leave a reply