网站设计的宗派
古往今来,人们始终在寻找真主,期盼给他们带来真理,这与目前 Web 设计师的情况没有差别。在探索如何有效的建立网站的过程中,设计师们寻找着开明、具启迪功力的智者指导他们走上正确的道路。这些 GUI(图形使用者接口)的宗师受到了尊敬;他们的书籍发行甚广,他们的讲座和研讨会场场爆满。当他们讲话时,听众试图记住每句话,他们的观点如同圣言一 般地被引用着。
这些 Web 使用者接口的先驱到底是何方神圣呢?我们探访了这些神圣权威中的六位,记录下了他们的话并做了一些整理。你可能已经属于他们其中的一个派别,但是我们将他 们每个人的风格与特点一一列出,方便你分析与比较,让你从中找出一条属于自己可依循的道路。(注意:Builder.com 的编辑对于由这些哲人引发的改革运动或其它的宗派冲突不承担任何的责任。)
Andrew Chak
Andrew Chak 的整体哲学观点驱使设计者寻找超出 Web 之外的解决方案并根据顾客的需求进行设计。
Alan Cooper
Alan Cooper 倡导人性化和个性化的设计。
Robert Davis 和 Paul Laroche
Davis 和 Laroche 提倡包容性,鼓励将艺术、结构和内容融合进 Web 的设计中。
Jakob Nielsen
这位 Web 设计传教士藉以参加神圣的设计巡回布道大会分享他的设计理念。
Jared Spool
与一直在寻找但始终未找到一个诚实人的希腊哲人 Diogenes 类似,Jared Spool 从来没有发现一个面面俱到的好网站。
Alan K’necht 是因特网策略公司K’nechtology的董事长,一个活跃于因特网研讨会的演讲人,并且还是一个国际刊物的专栏作家。
经常在全球的网站设计研讨会上传授关于有效的使用者接口设计的真知灼见。他的方法是通过提供许多范例来进行启发,并从中突显及强调可以学习到的教训。Chak 认为设计者的任务不只是设计,他们同时还肩负着在网站上支持使用者的任务。在不教导 Web 设计师时,Chak 在Derivion 担任使用者体验设计(User Experience Design)的首席顾问。
尽管受到了Alan Cooper和Lucy Lockwood的影响,Chak 也迅速的建立了他自己的地位。他的整体体验哲学驱使设计者寻找 Web 以外的解决方案。Chak 解释说,「一个设计者需要看到一个网站的所有竞争对手。竞争不只是来自另一个网站,也来自现实生活。因此,如果网站不优于现实生活的话,人们就不会使用它。」
Chak 提供了一个简单的例子。如果您刮胡刀的刀片用完了,这时网站是否易于使用或网站的送货策略如何都是无关紧要的。您只是需要刮胡刀刀片,跑到一个巷口小店买又快又简单。因此贩售刮胡刀片的网站不仅需要与其它网站竞争,还要与巷口小店较劲。为了改善一个网站,Chak 鼓励我们考虑现实生活中的购物经验。如果您去一个商店购买一个运动背包,「您拿起它,翻转过来,从不同的角度看,核查尺寸,或许还试着放进去一些不同的物品。因此网络商店怎么能仅仅展示一个简单的背包图呢?」
Chak 的三大设计原则是:快速的页面下载、直觉的导览和精致简约的设计。
Chak 的戒律
你应该:
优化搜索
使用一些具「引发性」的词句连结(例如,使用「抵押借款」这类的字眼而不要将「贷款」 隐藏在主页上的某个项目底下)
具有可预测性
提供适当的详细信息
让每个页面都能达到该有的实质作用
使用易于理解的惯例(例如,超级链接用蓝色底线强调,普通文本则不用强调)
允许使用者通过多种媒体进行交易(包括在线与实体的交易方式:在线,电话和商店)
把提供信息的要求变得合情合理
提供使用者一个起始点
与电子邮件做结合(如果交易完成,发送一个电子收据并表示感谢的信函,同时确定订购的物品已经送出)
你不应该:
使用过于可爱、俏丽的标签
一开始就提供过多的选择
为了美观而缩短标签
追随者
在这里,Chak 特别选出Shutterfly 做为遵循他所提出的「有效的使用者接口设计」的代表网站。「Shutterfly 是一个数字影像处理实验室,它为其工作的内容和如何达成那些工作提供了清楚的解释。我特别喜欢其主页的简洁性,使用者主要透过在「进一步了解」和「加入」这两者之间作出选择就能对整个网站一目了然。」
至于走错了方向的网站,Chak 指出了Free Country ,「一个没有意义的服装零售网站。要想看到服装的样式图,您需要通过一个服装矩阵的导览系统,它会要求您根据运动/正式/织纹等分类来点选放大服装的缩图。这是一个笨拙的导览系统,当您最终找到您感兴趣的服装时,您会发现您无法在在线做购买的动作!」
至尊经典
Chak 建议网站建构者阅读 Steve Krug 的 Don’t Make Me Think! 和 webword.com/ 。
「一个所谓优良的设计是建立在对广泛的人类共通性和特殊群体的个别意向的深刻理解之上,因此它可以对适当的信息、过程和技术进行排序,从而可以使那些特殊群体达到他们的专业和个人的目的。」
出席 Alan Cooper 演说的听众好像被催眠似的一致地猛点着头。Cooper不仅在网站开发者而且在信息产业的每个人身上都能够引起共鸣,这种能力只是加强了他对听众的深刻影 响并迫使设计者对他们原先的设想产生疑问。他在强调他的观点时并不是凭着那激昂、热情的词汇,而是一些通过精心考虑、能够深刻影响听众智力的言词来完成 的。
作为 Visual Basic 的发明者,Cooper 借着发行畅销的书籍和主持专题演讲巩固了他的先知地位,并促成了交互式设计策略和个人化概念的普及。 为迈向救赎之路,Cooper 心目中的三个基本设计原则是精简的设计、快速的页面下载和健全、无误的除错管理。
Cooper 的戒律
一个尺寸不能适合所有的人,一个网页即使作为一个入门网站也不见得适合所有的造访者。
不要对您的造访者要求承诺或其它任何东西。
以多元化的形式提供大量详细、有用的信息。
不要让使用者通过一个复杂的、多层的网站导航而最后发现他们仍需要通过电话才能得到答案。
除了在不得已的情况下,尽量不要使用动画(电影除外)
不要只为了吸引广大的目光而设计。使用者是公民,不是消费者。
不要提前发货。不要经常发货。不要拿使用者作实验。
您的搜寻机制太差的话,修理一下。
David Siegel http://www.dsiegel.com/ (Creating Killer Web Sites 的作者)在首页内容方面的观点完全错误。
就像一场恶梦,浏览器对因特网的支配最终会消失。
没有所谓入门网站这么一说。
追随者
尽管 Cooper 的读者和听众无数,很少有人在工作中完全采纳他的思想。Cooper 的一个信徒是Andrew Chak。
至尊经典
Alan Cooper 在Christopher Alexander http://www.patternlanguage.com/ 、Don Norman http://www.jnd.org/ 、Andy Hertzfeld、Sid Meier http://www.gamespot.com/features/sidlegacy/ 和Ed Tufte http://public.logica.com/%7Estepneys/bib/nf/tufte.htm的作品中找到了灵感。
救赎
与所有的有效设计专家相似,Cooper 不认为因特网上存在着天堂,但是他描绘了一幅在现今网页设计状态终结后如何获得救赎的景象。他告诉我们,通过遵循他为我们指引的道路前进,我们可以不再重复以前的软件开发者所犯下的错误和罪状。
Robert Davis & Paul Laroche
与Jared Spool很相似,Answerthink的使用者接口大师 Robert Davis 和 Paul Laroche 在其合作实验室的成果和他们小组的网站建构经验的驱使下提出了他们的观点。然而他们混合了实验结果和真实世界的现实情况-毕竟在现实世界中为了达到有效的设计,必须在个人要求和组织的需求之间做权衡。
通过一系列对客户所做的研讨会及和专题讲演,他们提出了对于有效使用者接口设计的原则和独到看法。他们认为,「真正成功的使用者接口设计是经过深思熟虑并以使用者为中心的系统或经验设计的自然扩展。」 他们告诉追随者,「 有效 (effective)和迷人(sexy)并不互相排斥。要有勇气去重新定义所谓「 酷」 的含义,将成功(successful)和直觉(intuitive)这两大因素包含进来。」
Davis 和 Laroche 的戒律
你应该:
以简单为原则
维持一致性
要有关连
有用的 –设计网站的出发点是为了支持有效地完成真正的使用者任务
清楚 –使导航明显化和简单化,使标签足够完整、可信
残酷点 –确保导航、设计和内容都适合使用者的需要,如果不合适就去掉它们。
你不应该:
让使用者等待 –缓慢的页面加载,太多的附加程序下载,这样使用者自然会跟你说”掰掰”啰!
期待使用者会坐下来慢慢去了解您的网站
失焦 –不要尝试炫耀您的每一个想法
单枪作战 –一个好的设计可是个团队共同努力的结果
期待使用者为您改变
为您不了解的人设计 –通过直接接触使用者以确定网站需要哪些组件
盲目设计 –不要在未经过对目标使用者反复测试和对竞争者做出竞争分析前进行设计
认为您始终非得开辟自己的道路 –惯例的存在总是有其道理的
使用装腔作势的比喻
让使用者耐着性子看完您自觉很得意的 Flash 简介
追随者
Laroche 指出 Patagonia是一个有效的使用者接口设计例子。使用者「可以开发一个快速的智力导航(mental navigation)结构而且它不随意的做变化。那个网站只卖服装。」Hoover’s Online可说是个极差的使用者接口设计的典型。这个金融信息网站的信息很难查寻,主页提供了使用者超过70个的选项。
至尊经典
Davis 和 Laroche 从中找到灵感的著作如下:
Contextual Design,作者为 Karen Holtzblatt 和 Hugh Beyer
Web Navigation ,作者为 Jennifer Fleming
Designing Business ,作者为 Clement Mok
The Usability Engineering Lifecycle ,作者为 Deborah J. Mayhew
The Experience Economy ,作者为 B. Joseph Pine II 和 James H. Gilmore
Experiential Marketing,作者为 Bernd Schmitt
The Invisible Computer 和The Design of Everyday Things ,作者为 Don Norman
Information Architects ,作者为 Richard Wurman
救赎
网站开发必须是 「一个兼具包容与开放,融合了艺术、建筑和内容的整体性概念。设计者必须对应用程序和使用者接口有同步的认识和了解。」 Davis 和 Laroche 希望设计者立刻停止再犯的最大错误便是设计有多个目的的网页。「每个网页只能有一个目的,但是他们通常都包含着冲突的信息。」 目前,因特网「看起来像一个汽车碰撞的现场。」

Jakob Nielsen
通过平面媒体和出席研讨会来传播他的有效使用者接口设计原则。在这篇文章写作的后期,他已经在User Experience World Tour http://www.nngroup.com/worldtour/
上传授他的意见。Nielsen 拥有博士学位,同时也是 Nielsen Norman Group: http://www.nngroup.com/??
的 使用者倡导者和负责人(Nielsen Norman Group 是他与 Apple Computer 的前研究副主管 Dr. Donald A. Norman 所合创的)。在 1998 年以前,他是 Sun 公司的一位杰出的工程师。他在 Web 可用性的领域被公认为世界的权威。
Nielsen 已经获得了偶像级的地位,是如今讲谈会最受尊敬的使用者接口大师级主讲者之一。全球许多设计者对他推崇备至,然而还有许多人却想把他绊倒。
他用下述三个基本的原则来启发设计者:精致简约,越少越好和支持使用者任务、不要阻碍使用者。
通 过这些原则,Nielsen 领导他的听众设计出更好的网站。在他看来,这就好比在万里长征的旅途中迈出了第一步。为了来改善网站造访者的使用体验,Nielsen 要求听过他的演讲或出席过他的研讨会的听众针对他们的网站做一个适当的改变。这些看似小小的变化往往产生了最大的影响。
为证明 Nielsen 的概念已经深深的影响着我们,他还特别指出他已经不把网页下载速度视为最迫切需要改进的因素。随着宽频时代的来临加上设计者逐渐设计出更有效率的网站,Nielsen 觉得到他已经改变了世界。
Nielsen 的戒律
你应该:
在为网站写程序时遵循 Web 的标准(从 W3C 标准开始,然后使用其它已经可接受的标准,例如 Javas cript 等)
遵循规范 — 80% 到 90%的使用者都在做的就是规范
强调快速的响应时间(网页负荷和服务器容量两方面)
简明、客观、易于浏览
协助使用者决定去留:区分产品列表
支持搜寻的功能,但是别做的太繁复(以 Google 为标准)
在进行任何设计之前先做好任务分析(task analysis)
在设计时强调任务支持(例如,比较购物)
在设计过程中进行多次使用者测试
让残障人士也可访问网站
你不应该:
妨碍使用者:别用过度喧哗夺目的页面,别使用 Flash 做简介,不用具有推销性及不合适的图片来破坏内容(例如,笑脸照片)
包含未经请求的弹跳式窗口(在线求助除外)
去掉「上一页」(Back)按钮(打开一个新的浏览器窗口是一个常见的错误)
把功能设计元素做得看起来像广告(他们将会被忽略)
使用动态式的文字(moving text)
允许连结错误发生
隐藏送货成本或其它「陷阱」-这些会引起放弃购物
使用焦点团体或调查来指导交互式设计
不断重复设计- 在推出网站前深思熟虑,然后就保持同样的设计风格一年左右。
追随者
Nielsen 指出 Yahoo 最符合他的有效网站设计定义的网站。他认为「 它在您需要考虑的几乎所有因素方面一直都表现得很好。当您在不同的页面上时,您知道您要做什么。」他指出 Yahoo「 一直在改进设计,但是却一直以使用者经验为出发点。」
至尊经典
Nielsen 不仅非常重视他的最新著作 Designing Web Usability:The Practice of Simplicity ,也对 Scott McCloud 的Understanding Comics 推崇备至。「 这本书提供了对简洁性概念和在视觉沟通中如何发挥作用的提出了非凡的洞察力。」除了 Nielsen 有关 Web 可用性方面的书籍,从事电子商务网站的人也应该看看他的电子商务可用性之 219 条设计指南 (219 design guidelines for e-commerce usability)。另外,Nielsen 也推荐以下几个具有可用性资源的网站,这包括他自己的
www.useit.com
www.tomalak.org
www.usableweb.com
救赎
对 于 Nielsen 来说,一个无错的网站需要实用的设计、一个精确的使用者响应系统和精简的设计。许多人对 Nielsen 将最精简设计列为第三项而感到震惊,但他马上响应说,「 我从不反对网站上以图形呈现,但是他们必须是内容的一部分。如果您在一个网页上有某人的传记,当然您需要他们的图片,但是您不需要制造一个闪烁的星状图来 引起人们的注意吧!」
最后,为了阐述所有的设计者要遵循 HTML 标准和规范的重要性,Nielsen 以无所不在的交通灯为例:「 据我所知,红灯停、绿灯行是大家都熟悉的国际标准。但是,如果在一个十字路口有人决定根据自己的意愿改变颜色规范,您能想象这将发生怎样的情况吗?
尽力不将自己定位为使用者接口设计者。然而通过他所成立的公司User Interface Engineering (UIE),他经常主讲有关有效网站设计的议题,发行了一个评鉴网站有效性的月刊,并举办一系列有关有效网站设计的研讨会。 UIE 创立于 1988 年,是一个独立的研究、培训和咨询公司,擅长于解决使用者接口设计和产品可用性的问题。它已经发展为全美领先的可用性研究单位之一,每年从事超过 400 笔软件和网站的可用性测试。
对 Spool 而言,他并不会花心思在想一个优秀的网站所该具备的因素,或有多少图形可以在浏览器上飞舞;与之相反的,他只将评论局限于对现实世界的事物。「我只能参考我所有的或我的公司所观察到的。」 那为什么 Web 设计团体会如此地关注他呢?也许是他传递信息的方法,又或许是因为我们恰恰需要有人把我们带回现实生活中。在任一情况下,Web 设计者都向 Spool 寻求答案。是的,Spool 确实有解答,而他的答案便是 42。
与Hitchhiker’s Guide to the Galaxy中公认的答案 42所不同的是, Spool 也有问题,「 在设计得最好的网站上浏览时,网友究竟有多少时间能够成功达到他们的目标呢?」根据 Spool 的观察,答案是 42%。根据 Spool 简单而保守的推算,「所有的网站都是失败的。」那在这些失败的网站当中还算不错的呢? Spool 认为,他们是amazon.com/ 、ebay.com/ 、dell.com/ 和cnn.com/ 。最烂的网站则是disney.com/、about.com/和任何售卖计算机配件的网站。
Spool 的戒律
由于 Spool 从未遇到过一个有效的网站,他既没有一个有待修复的问题列表,也没有列出构成一个有效网站的关键因素,「我是一个历史学家,尽力断定网站是否工作,而不是网站是否能工作。」然而,我们还是让他打破了沉默,从他口中得到了以下的片言只字:
了解网站的目的。
了解使用者的目的。
确保所刊登的内容能够达到您的目的(包括图形、广告等等)。
确保开发者了解网站如何赚钱。
至尊经典
对于这位神秘感十足的 Spool 感兴趣的设计者应该阅读 Web Site Usability : A Designer’s Guide和 UIE 的一系列与Designing Information-Rich Web Site 有关的全面性的报告。




