正在加载...

农历正月初一,国航的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试试看吧,
Google更注重原创、时效性好的文章:


本文相关评论: 才 31 条评论
  1. s5s5 2007-02-19 01:37:52
  2. chentaixu 2007-02-19 01:53:55

    挖,原来这也是块好地方也.EVA我好崇拜你的说.

  3. lovejulia 2007-02-19 05:12:44

    哈,我25了,今年才第一次坐飞机,也算是自己劳动所得吧,学校公派去日本,和日本学校友好交流.

  4. 皮皮鲁 2007-02-19 06:08:50

    我只用自己的模板引擎,不用smarty…

  5. hp 2007-02-19 09:10:58

    居然问我10+2=?

    移动硬盘还好吧

  6. farstar 2007-02-19 11:38:22

    前端交互设计师,前端何意?交互设计师的背景是技术么?纯粹的交互设计师,纯粹又是何意?包括哪些工作?

  7. 道雪儿 2007-02-20 12:13:33

    AW:“曾被一名富家子弟嘲笑长这么大都没有坐过飞机”
    道取:以前中学时有一个闺女对我语重心长的说“……从来纨绔少伟男!”
    ……
    ……

    今天去书城,看到江恩、巴菲特、德鲁克的书,再加上中西哲学的书等等……真想说:
    曾经有一笔钱摆在我面前我没去珍惜!等到乱花了 甚至一个晚上就买几对欧款鞋…… 才后悔莫及!人世间最悲哀的事莫过如此!如果上天能再给我一次机会,我想对老天爷说三个字:“送我书”!如果要在这个承诺前加个期限的话,我希望是★{一(亿)万本}★

  8. aw 2007-02-20 12:41:23

    @hp ~ 这个是为了防止垃圾评论
    @farstar ~ 前端主要是针对一些复杂的IT产品描述其面向用户的部分;交互则是人与计算机或者相关仪器之间的信息交互行为
    @道雪儿 ~ 你注册一下吧,恩……嘿嘿

  9. 道雪儿 2007-02-20 12:53:00

    AW,你的系统 很 有 一套,他竟然拒绝“道雪儿”这家伙注册~!
    “错误:禁止使用该用户名,请重新填写一个有效的用户名。”
    怎么办,任它为所欲为???

  10. aw 2007-02-20 01:00:21

    你注册一个英文id,然后可以改昵称~

  11. 星辉一冷 2007-02-20 04:02:52

    强列建议换个皮肤…
    我看着觉得眼睛难受, 虽然字比较大
    呵呵

    BTW: 新年快乐~

  12. JunChen 2007-02-20 09:44:48

    不要给自己太大压力 :)

    另:加法验证码的过期时间太短,这么长一篇文章阅读下来,就过期了。

  13. GerGer 2007-02-21 11:41:19

    很有同感, 我也經常面對這上問題!

  14. EVA剑心 2007-02-21 06:46:42

    原来aw兄到了广州啊.到时候联系啊
    我qq:1136745

  15. 道雪儿 2007-02-21 09:14:34

    我觉得背景色似乎亮些。星辉一冷也觉得?
    另外翻页设计简单哦,
    也再不能查询我的那些留言了!!还是应该有以前那个导航条~!

  16. Clear 2007-02-24 09:34:02

    不要忘记我们上海的这帮人啊,可以给你分担不少东西。

  17. 明珠 2007-02-26 08:57:32

    nice极了.认真的看下来,确实狠平实.
    而且,嗯嗯,才子呀!!!^_^

  18. 萧萧 2007-04-09 02:19:32

    很棒的文章,看了你的很多东西

  19. swan 2007-04-23 07:32:58

    i like your words….
    i want to be an interactive designer.
    i want to find a way to be an interactive designer.

  20. 奇遇 2008-09-28 02:55:05

    技术和设计尽量不要是同一个人,否则设计会受到技术思维的限制。并未我不会写div css ,是因为做设计要尽量避免技术思维。

    当然,了解技术是必要的,否则设计也是不着边际的,毕竟实施是有限制的。

    • aw 2008-09-28 03:08:47

      如果你有实力,没有必要刻意地把技术和设计分开:)

      • cc 2009-06-27 10:24:05
      • ttmess 2010-08-11 04:43:52

        设计和技术是两个概念,从不同的角度考虑问题。不可能不分开

  21. 追风筝的人 2009-07-22 12:58:21

    技术是每一个交互设计师要过的第一关,我认为:一个完全不知道什么是div css布局或者完全不懂JavaScript事件机制的人很难成为一名好的交互设计师

    说得好!

  22. magicmeng 2009-09-18 01:27:48

    个人觉得,作者说的交互设计似乎就是指操作过程中的一种交互效果,更多的时候是在考虑该效果用代码如何实现。如果是这样理解交互设计的话,真的太肤浅了。这也让我想到了,我工作的前一个公司,一个as程序员来对我说:“你说你是做交互设计的吧?那好,你帮帮我做一个按钮。”我直接晕倒,(内心的潜意识里判定他应该不知道什么是交互设计)叫我做个按钮可以,但是前面非要加一个问句,让人一听感觉怪怪的。其实工作这么久以来,我发现好多小公司的程序员理解的交互设计就是一个交互效果,交互设计就等于设计诸如鼠标点击,内容切换之间的动态效果。哎!我心爱的交互设计啊,你什么时候才能被大家普遍地认识啊! 过了这么久,作者应该更清楚交互设计是干什么的了吧。我好像和作者一个学校!

    • aw 2009-09-18 09:26:57

      HUSTer?

      这是两年多前的文章了,惭愧惭愧!

  23. seraphiny 2009-09-23 01:33:34

    博主在么,能不能留下msn或者qq?小弟一普通大学生,快毕业了,有关前途,有很多东西想请教博主,行吗?

  24. seraphiny 2009-09-23 01:39:02

    如果博主不方便跟我透露这些个人隐私,能给我回个邮件么,seraphiny@163.com

  25. seraphiny 2009-09-23 01:49:17

    啊,不好意思,小弟初来乍到,没去查一下您的联系方式就急成那样,加您gtalk了,小弟很期待您的倾听和指引

  26. qbaty 2009-12-09 09:32:49

    这么久的文章了,看到还是想顶下

  27. key4ever 2010-12-26 02:35:59

    挖坟的路过。
    aw算是提到交互的第一批人吧。

[支持Ctrl+Enter]为了我们大家和家人的安全,留言请慎重!
声明:
1、本站仅与见过面的个人博客交换链接,见此文
2、留言时的头像是Gravatar提供的服务。如果您有兴趣并且有闲暇时间,可以看看这里的介绍