农历正月初一,国航的CA1315的777顺利抵达广州,打开手机,祝福的短信接踵而至,我实在没有精力一一回复,我不太喜欢“群发”这种方式,因为同一条内容很可能会收到两次以上,甚至有些粗心大意的朋友在转发时候连名字都忘记改了。确实,有些祝福太廉价,如果找条短信群发一遍,也已然无法体现我的诚意。当然,我还是给大多数朋友回复了信息。
我手拿一件棉袄,拖着我那条破得不能再破的牛仔裤,夹了本Allan Cooper的《交互设计之路》,终于踏上这片熟悉而陌生的土地。虽然广州不是我的故乡,但这里空气中熟悉的味道在飞机降落时就已经逐渐让我觉得亲切了。虽然下降时大气压强的不适应让我的耳膜感到非常难受,但我满脑子里仍然是Allan书中那些真实质朴的文字叙述和似曾相识的心路历程。
Allan Cooper在他的书中把设计师和程序员完解成完全不同的两种人,其实我是非常赞同的。其中有些精彩段落让我十分激动。尤其是在分析程序员和交互设计师的两种心理活动、矛盾的时候,我更深有体会。因为加入公司半年多来,我不停地在这两个角色之间切换,也不停地面对扮演着这样两种角色的同事们。
传统互联网产品伊始的实现,几乎都是一个人干N个人的活,例如做PHP的几乎同时也在做前端的JavaScript;“美工”从做图、切图到套笨拙低效的table代码一人全包了。我甚至在广州街头某地摊上发现,有人打出300元从域名到空间全包的“销售口号”,实在让人瞠目。然而,由于某些原因,我刚进入公司的一段时间里,不得不让类似的悲剧以另一种方式上演。
Web产品重组初期阶段:公司采纳了我提出需要改进Web产品质量、关注UE和SEO的建议,成立了“UI-UE组”并任命我为Teamlead。我从美工处拿到PSD,然后与组内成员协同把它变作纯粹的DIV+CSS代码再提交给PHP Coders。这里,美工其实只是“网页作图师”;HTML虽然经过我用WebStandard全新包装,姑且可以称作SEO友好的XHTML,但最终仍然要通过PHP的Smarty模版,任那些可怜的PHP Coder们把这些模版改的面目全非,甚至把我的DOM结构全部改成JavaScript的Document.write("...")……不幸的是,由于我之前毫无大型的DIV+CSS经验,很多细节得临时琢磨,最后这个项目拖拖拉拉走了一个多月。而输出给用户的,却是一堆堆冗长的URL地址和大量低效率JavaScript代码所带来的“无止境等待”。
回头看看,这个阶段的问题实在太多了!首先,PHP Coder们除了要去折腾他们的数据库连接逻辑外,还完全掌控了最终Web产品输出的所有交互代码,从用PHP连接MySQL到用JavaScript完成表单输入的判断;其次,美工需要在大量的单位时间内完成超额的工作量,也包括提交交互设计所需要的最基本的视觉元素。而我们UI-UE组则忙着把批量的PSD变成DIV+CSS,整夜地调整布局、在两个浏览器(IE6,FireFox,那时还没有IE7 Release)之间切换并且修改着已经几乎已经没有可读性的CSS代码:那种感觉实在是糟透了。
常常“眼睁睁”看到一些体验自己都不能忍受,却因为一些CSS Hacks实在无法实现而放弃;常常“眼睁睁”看见程序员许多JavaScript实现的交互无比笨拙,却不敢提出,因为我发现他们跟我们一样,已经从早干到晚了。更何况我们还在“学习”。
可以说,这个阶段,我们虽然名字叫做UI-UE组,却毫无“交互设计”可言。我们所作的只是把对照着别人产品依葫芦画瓢出来的一张一张PSD图,变成可以在浏览器中显示的“新产品”,我想没有哪个优秀的交互设计师愿意称呼这样的互联网作业为“产品”。技术是每一个交互设计师要过的第一关,我认为:一个完全不知道什么是div+css布局或者完全不懂JavaScript事件机制的人很难成为一名好的交互设计师。
好在大家都很努力,DIV+CSS的技术也很快取代了原来的Table。产品虽然体验差到极点,但也不是不能用。这时由于公司调整了一些基本战略,我要抽身去做Flash。因为时间紧迫而公司没有人做ActionScript,我不得不把交互设计的压力,也包括话语权,全盘移交给公司的美工。我开始渐渐“沉浸”在ActionScript的各种挑战中。美工常常过来劝说我的项目有什么什么不妥,但我却盲目地认为改进这些看似无意义的Bug会造成Flash输出swf文件体积的臃肿,我宁可花一个小时去研究怎样让程序能更少占3%的CPU或者让输出的swf再减少10k,也不愿意去花10分钟去改那些我认为毫无挑战的代码。不是我不够理智,而是,这种想法源自我当时发自内心的潜意识。的确,哪怕那时我已经在网上阅读过Allan的书的前几章。但我仍然无法逃避自己内心的这种想法。至少当时是如此。于是,一个可以勉强使用,但是“体积节约功能繁荣”的带有独特特点的Flash产品提前问世了。那时我沉浸在项目收尾的快乐中,却无法想象今天我在飞机上读到“逻辑人”这一章节时,我是那样为自己曾经的那些想法而感到深深的惭愧。
Flash产品毕竟只是一个较为独立的线路,基于页面的文本/图像Web产品仍要继续,功能仍要增加。于是,我们很快进入了下一阶段,我不顾压力下定决心把与Server无关的所有的JavaScript, Ajax拿回来自己写,而尽一切努力让PHPCoders无法再接触到他们。这个阶段还有一点“花絮“,正当我靠着ActionScript的底子轻松入门JavaScript的时候,却被告知UI-UE组内两个成员却因为家里发生了突变等不同的不可抗原因而无法继续与我并肩奋斗。这对我来说,无疑是“晴空霹雳”。好在之后火速招人,新加入的成员非常有热情而且进步神速,帮我扛下了DIV+CSS的大量工作,让我能有时间去深入接触JavaScript和Ajax,让我有时间去完成完全属于自己的交互设计体验。
当我真正依托于自己的Coding来做UE,虽然只是JavaScript和Ajax这样复杂富互动应用中的一个很小的方面入手,但我遇到了Allan的书中所叙述的大部分心理问题。
首先就是对自身定位的相互排斥:当我兴高采烈地计划好一种交互方式后,却发现为了完成这种交互需要多写100多行Js代码。潜意识里,“这100多行代码将会延缓客户端的下载时间“成了我最大的辩护借口。而我又无法接受自己编写出一个如此笨拙的程序:我要让用户反复地在键盘和鼠标之间切换,最后导致连我自己都不愿意登录一次这个网站。我为了实现功能,可以在8个工作日内完工,然而我要多花4个小时的时间去思考如何能让用户使用更加简单,又要多花4个小时的实践来实现刚刚想出来的创意……除非我是超人,否则我想我不可能把这件事情做好。
我意识到,如果要做交互,必须有一个优秀的技术人员与你配合,而你自己也要有足够的技术功底去说服对方。
很惭愧地承认,到目前,我仍只是知道基本的交互设计师该大体做些什么,不该做些什么,而在创业中肩负太多技术工作的我,还没办法去做一个纯粹的、独当一面的交互设计师。因为许多事情,现在的我无法说服别人,更无法说服自己。
但我相信那一天,很快就能到来。因为我知道DIV+CSS会给页面设计师带来多大的压力和喜悦;因为我知道优雅但健壮的JavaScript能给交互流程引入多大的人性化进展;因为我知道如何说服一个PHP Coder他那操纵接数据库的代码方式是如何与人机操作相违背。
我不禁回想起学生时代曾被一名富家子弟嘲笑长这么大都没有坐过飞机。但我想他也有一个遗憾,就是自己第一次的飞行并非自己劳动所得。这次飞行是我的第一次飞行,近23岁才有第一次飞行体验,我仍然觉得非常激动、开心。
若想承受一个前端交互设计师所需承受之重,第一步就是学会面对技术和商务人员的嘲笑与不屑;第二步则是深入代码和市场规律中寻找好的交互体验所实现的具体技术及商业模式并说服程序员同事和销售同事。承受了这些,我想你就能体会到其中的快乐了。当然,对我和许多人而言,还有太远太远的路要走了。
Google更注重原创、时效性好的文章:






……
挖,原来这也是块好地方也.EVA我好崇拜你的说.
哈,我25了,今年才第一次坐飞机,也算是自己劳动所得吧,学校公派去日本,和日本学校友好交流.
我只用自己的模板引擎,不用smarty...
居然问我10+2=?
移动硬盘还好吧
前端交互设计师,前端何意?交互设计师的背景是技术么?纯粹的交互设计师,纯粹又是何意?包括哪些工作?
AW:“曾被一名富家子弟嘲笑长这么大都没有坐过飞机”
道取:以前中学时有一个闺女对我语重心长的说“……从来纨绔少伟男!”
……
……
今天去书城,看到江恩、巴菲特、德鲁克的书,再加上中西哲学的书等等……真想说:
曾经有一笔钱摆在我面前我没去珍惜!等到乱花了 甚至一个晚上就买几对欧款鞋…… 才后悔莫及!人世间最悲哀的事莫过如此!如果上天能再给我一次机会,我想对老天爷说三个字:“送我书”!如果要在这个承诺前加个期限的话,我希望是★{一(亿)万本}★
@hp ~ 这个是为了防止垃圾评论
@farstar ~ 前端主要是针对一些复杂的IT产品描述其面向用户的部分;交互则是人与计算机或者相关仪器之间的信息交互行为
@道雪儿 ~ 你注册一下吧,恩……嘿嘿
AW,你的系统 很 有 一套,他竟然拒绝“道雪儿”这家伙注册~!
“错误:禁止使用该用户名,请重新填写一个有效的用户名。”
怎么办,任它为所欲为???
你注册一个英文id,然后可以改昵称~
强列建议换个皮肤...
我看着觉得眼睛难受, 虽然字比较大
呵呵
BTW: 新年快乐~
不要给自己太大压力 :)
另:加法验证码的过期时间太短,这么长一篇文章阅读下来,就过期了。
很有同感, 我也經常面對這上問題!
原来aw兄到了广州啊.到时候联系啊
我qq:1136745
我觉得背景色似乎亮些。星辉一冷也觉得?
另外翻页设计简单哦,
也再不能查询我的那些留言了!!还是应该有以前那个导航条~!
不要忘记我们上海的这帮人啊,可以给你分担不少东西。
nice极了.认真的看下来,确实狠平实.
而且,嗯嗯,才子呀!!!^_^
很棒的文章,看了你的很多东西
i like your words....
i want to be an interactive designer.
i want to find a way to be an interactive designer.