说给专业设计师：知识越多工作才越有成效

天上午一个不错的讨论在Twitter上出现了，Twitter不是最好的即时会话平台，但是我们各取所需。这个讨论起因于Lukas Mathis的一篇文章，他在这篇文章说到，用户体验设计师知道如何编写代码会妨碍他做出优良的以用户为中心的设计。我非常不同意他文章里的观点，我们在Twitter上为讨论这个话题留下了很多会话记录。

如果你还没有看他的那篇文章，那么请先看一下，然后再回到这里。

设计师并不仅仅让设计看起来美观

很显然，用户体验设计师设计用户体验，但是，我们所说到的“用户体验”到底是什么呢？在网络上，当用户使用一个网站或者网页应用的时候，用户的整体体验由很多方面构成：

网页给人的视觉感受

用户是否能达到他的目的

网页响应用户的整体速度

预期是否发生，例如，如果用户认为网页会对自己的操作产生某种形式的响应，但是却并没有，他会感到很失望。

以上只是举些简单的例子。那么什么才是良好用户体验的要素呢？可以这么说，所有的细节都是。

您网站的用户体验并不仅仅是指您的网页看起来如何，或者是当用户点击一个按钮时会发生什么，也不仅仅是指用户完成预定目标的流程，而是包括了一切细节。从用户打开您的网站到离开的整个过程中，他所做的一切和经历的一切都是用户体验的组成部分。用户体验设计师的工作是非常重要的，多方面的知识能使他的工作发挥更大的效用。

用户体验设计师需要知道什么

用户体验设计与用户界面设计并不相同，涉及的方面要多得多。个人认为，用户体验设计师的工作应该包括用户界面设计，以及用户在达到目标过程中的任务流程设计，需要设计师了解可用性测试的知识，了解易用性和一些用户的特殊需求，还需要了解系统的基本功能是怎么在运作的。

最优秀的用户体验设计师能结合多个学科的知识（如设计、开发，心理学）运用到工作中以最大限度地使用户受益。

例如我在Twitter上和Lukas的会话中举过的一个例子，一个用户体验设计师需要知道Ajax如何工作才能更有效地使用它。如果你不知道Ajax如何工作或者服务器请求是如何工作，你又怎么能确定在某些特定的环境中，Ajax方式对于用户体验来说是最好的？Lukas在Twitter上的留言里这么回复：

这恰恰是忽视代码实现而改善用户体验的一个完美的例子；页面刷新会使页面更容易和快速地执行。

正如我在下一段留言里所指出的，Lukas所说的实际上并不正确——在很多情况下，相比整页刷新页面，Ajax请求事实上执行得更快。刷新整页会向服务器发送更多的HTTP请求（例如请求CSS、JavaScript和图片文件），但在很多情况下，Ajax请求仅仅返回一段文本数据，所以它向服务器发送的请求要少得多。在绝大多数情况下，用Ajax请求来发送或者获取数据比整页刷新都要快。

我怎么知道这些的呢？因为作为一个网页用户体验设计师，我需要知道HTTP请求如何工作以及Apache（译注：一种服务器软件）如何响应浏览器端的请求，并且知道当我发送一个Ajax请求的时候服务器端在执行什么样的代码。只有知道这些，才能在使用Ajax或者刷新整页之间选择前者作为解决方案。很多时候我决定用Ajax，正是因为它更快速并且使应用程序更加灵敏地响应用户操作。用户体验的很大一部分来自于用户对应用程序的响应速度的感觉，所以，我使用Ajax是一个以用户为中心的决定，因为我知道这样做能提高用户体验。

如果有些人仅仅从表面上了解Ajax的运作（“页面没有刷新但是执行了某些代码”），那么，他在作出决定使用Ajax而不是整页刷新时候，其实并不完全知道Ajax的运作机制，有什么好处，有什么弊端，对应用程序的性能产生什么作用，以及如何影响应用程序缓存等等。这仅仅是一个在对关键知识没有全面了解的情况下靠拍拍脑门就做出的决定。

设计大师熟悉自己的工具

建筑设计师并不仅仅画蓝图，他们需要知道工程地区的地形地貌、气候特征，以及考虑这各种因素选择什么样的建筑材料才最合适。他们并不仅仅是画图，还需要了解建筑工艺和整体结构，需要对建筑材料和建筑过程有深入的了解，这样才能更有效地开展工作。

厨师并不仅仅是把各种食材配料堆在一起然后祈祷上天就可以变出美味的大餐，他们需要对食物以及不同人群的口味有深入了解。

陶艺师并不仅仅是雕刻出漂亮的泥坯，他们还要烧制泥坯成型。他们需要知道关于上釉、温度和烧制的科学工艺，才能像制作艺术品一样来完成他们的工作。

正如建筑设计师、厨师和陶艺师一样，用户体验设计师也需要知道关于网络环境和媒介的知识。网页设计师设计网页，并且熟知可以将他们的设计图最终实现成用户界面的HTML和CSS。如果他们不懂得HTML和CSS，那么他们并不是真正地设计网页，因为他们的设计不会考虑网络环境的制约。当一个自诩为网页设计师的人对网络媒介并没有深入了解的时候会出现什么情况呢？在对自己的设计将如何影响用户体验缺乏足够了解的情况下做出的决定，无疑是很糟糕的。举个例子：

设计师A传给HTML/CSS开发人员B一个用户界面的设计图稿。这是一个由多种元素组成的复杂的界面，每个框的每个角都是圆角，并且有3种不同的边框，还加上了阴影效果。设计稿上的字体都是设计师专用的字体，而没有任何用户电脑上默认的网页字体。

这个例子里，由于设计师对于网络环境的一些局限并不熟悉，他们选择了大量给用户体验带来负面影响的素材来做设计。为了实现那些框的圆角，并且考虑到框会随着里面内容而被撑大，你需要增加HTML标记，CSS和图片来实现。复杂的边框样式？意味着更多的代码标记和图片。阴影效果？那简直需要一摞的具有半透明特殊效果的PNG格式的图片。自定义的设计字体？你可能需要用到“可伸缩Inman Flash替换”技术来实现了（译注：即sIFR技术，可参考百度百科：http://baike.baidu.com/view/1311052.htm）。

使用大量额外的代码标记、图片、Flash文件和javascript仅仅为了实现一个对用户来说并没有多大益处的效果。用户在看到他们期望看到的网页之前需要下载许多字节的数据。加载页面额外的耗时仅仅因为对网络媒介缺乏了解的设计师在设计网页的时候脑袋中并没有考虑网络环境和网络媒介的局限性。

这是否意味着你在网页上不能实现一些漂亮的界面效果呢？当然不是，看看网上有那么多看起来漂亮的网页，运行起来也很漂亮。但是那种绘画风格浓重的网页，体积难道不是都很庞大并且很慢？难道不是有很多对用户体验并无好处的视觉效果？事实上他们并不是那么漂亮，并且这也不应该是你设计网页的方式。