网站设计的宗派

古往今来,人们始终在寻找真主,期盼给他们带来真理,这与目前 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的董事长,一个活跃于因特网研讨会的演讲人,并且还是一个国际刊物的专栏作家。

--------------------------------------------------------------------------------

Andrew Chak

  经常在全球的网站设计研讨会上传授关于有效的使用者接口设计的真知灼见。他的方法是通过提供许多范例来进行启发,并从中突显及强调可以学习到的教训。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。

救赎

  Chak 的愿望是让使设计者「不要画蛇添足!让使用者方便做您想让他们做的事。不要强行把您的图形、Flash 和方法论推销给使用者。让他们自行其事。从使用者的需求面来设计,不要为你自己的业务而设计。」

--------------------------------------------------------------------------------

Alan Cooper

「一个所谓优良的设计是建立在对广泛的人类共通性和特殊群体的个别意向的深刻理解之上,因此它可以对适当的信息、过程和技术进行排序,从而可以使那些特殊群体达到他们的专业和个人的目的。」

出席 Alan Cooper 演说的听众好像被催眠似的一致地猛点着头。Cooper不仅在网站开发者而且在信息产业的每个人身上都能够引起共鸣,这种能力只是加强了他对听众的深刻影响并迫使设计者对他们原先的设想产生疑问。他在强调他的观点时并不是凭着那激昂、热情的词汇,而是一些通过精心考虑、能够深刻影响听众智力的言词来完成的。

  作为 Visual Basic 的发明者,Cooper 借着发行畅销的书籍和主持专题演讲巩固了他的先知地位,并促成了交互式设计策略和个人化概念的普及。 为迈向救赎之路,Cooper 心目中的三个基本设计原则是精简的设计、快速的页面下载和健全、无误的除错管理。

Cooper 的戒律

一个尺寸不能适合所有的人,一个网页即使作为一个入门网站也不见得适合所有的造访者。

不要对您的造访者要求承诺或其它任何东西。

以多元化的形式提供
大量详细、有用的信息。

不要让使用者通过一个复杂的、多层的网站导航而最后发现他们仍需要通过电话才能得到答案。

除了在不得已的情况下,尽量不要使用动画(电影除外)

不要只为了吸引广大的目光而设计。使用者是公民,不是消费者。

不要提前发货。不要经常发货。不要拿使用者作实验。

您的搜寻机制太差的话,修理一下。

David Siegel (Creating Killer Web Sites 的作者)在首页内容方面的观点完全错误。

就像一场恶梦,浏览器对因特网的支配最终会消失。

没有所谓入门网站这么一说。

追随者

  尽管 Cooper 的读者和听众无数,很少有人在工作中完全采纳他的思想。Cooper 的一
个信徒是Andrew Chak。

至尊经典

  Alan Cooper 在Christopher Alexander、Don Norman、Andy Hertzfeld、Sid Meier和Ed Tufte的作品中找到了灵感。

救赎

  与所有的有效设计专家相似,Cooper 不认为因特网上存在着天堂,但是他描绘了一幅在现今网页设计状态终结后如何获得救赎的景象。他告诉我们,通过遵循他为我们指引的道路前进,我们可以不再重复以前的软件开发者所犯下的错误和罪状。

--------------------------------------------------------------------------------

Robert Davis 和 Paul Laroche

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上传授他的意见。Nielsen 拥有博士学位,同时也是 Nielsen Norman Group的使用者倡导者和负责人(Nielsen Norman Group 是他与 Apple Computer 的前研究副主管 Dr. Donald A. Norman 所合创的)。在 1998 年以前,他是 Sun 公司的一位杰出的工程师。他在 Web 可用性的领域被公认为世界的权威。

  Nielsen 已经获得了偶像级的地位,是如今讲谈会最受尊敬的使用者接口大师级主讲者之一。全球许多设计者对他推崇备至,然而还有许多人却想把他绊倒。

  他用下述三个基本的原则来启发设计者:精致简约,越少越好和支持使用者任务、不要阻碍使用者。

  通过这些原则,Nielsen 领导他的听众设计出更好的网站。在他看来,这就好比在万里长征的旅途中迈出了第一步。为了来改善网站造访者的使用体验,Nielsen 要求听过他的演讲或出席过他的研讨会的听众针对他们的网站做一个适当的改变。这些看似小小的变化往往产生了最大的影响。

  为证明 Nielsen 的概念已经深深的影响着我们,他还特别指出他已经不把网页下载速度视为最迫切需要改进的因素。随着宽频时代的来临加上设计者逐渐设计出更有效率的网站,Nielsen 觉得到他已经改变了世界。

Nielsen 的戒律

你应该:

在为网站写程序时遵循 Web 的标准(从 W3C 标准开始,然后使用其它已经可接受的标准,例如 JavaScript 等)

遵循规范 -- 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 也推荐以下几个具有可用性资源的网站,这包括他自己的useit.com、Tomalak's Realm和Usable Web。

救赎

  对于 Nielsen 来说,一个无错的网站需要实用的设计、一个精确的使用者响应系统和精简的设计。许多人对 Nielsen 将最精简设计列为第三项而感到震惊,但他马上响应说,「 我从不反对网站上以图形呈现,但是他们必须是内容的一部分。如果您在一个网页上有某人的传记,当然您需要他们的图片,但是您不需要制造一个闪烁的星状图来引起人们的注意吧!」

  最后,为了阐述所有的设计者要遵循 HTML 标准和规范的重要性,Nielsen 以无所不在的交通灯为例:「 据我所知,红灯停、绿灯行是大家都熟悉的国际标准。但是,如果在一个十字路口有人决定根据自己的意愿改变颜色规范,您能想象这将发生怎样的情况吗?」

--------------------------------------------------------------------------------

Jared Spool

尽力不将自己定位为使用者接口设计者。然而通过他所成立的公司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、Dell和CNN.com。最烂的网站则是Disney.com、About和任何售卖计算机配件的网站。

Spool 的戒律

  由于 Spool 从未遇到过一个有效的网站,他既没有一个有待修复的问题列表,也没有列出构成一个有效网站的关键因素,「我是一个历史学家,尽力断定网站是否工作,而不是网站是否能工作。」然而,我们还是让他打破了沉默,从他口中得到了以下的片言只字:

了解网站的目的。

了解使用者的目的。

确保所刊登的内容能够达到您的目的(包括图形、广告等等)。

确保开发者了解网站如何赚钱。

至尊经典

  对于这位神秘感十足的 Spool 感兴趣的设计者应该阅读Web Site Usability : A Designer's Guide和 UIE 的一系列与Designing Information-Rich Web Site有关的全面性的报告。

时间: 2024-09-19 07:51:01

网站设计的宗派的相关文章

掌握单页网站设计的5大技巧

  的确,单页设计已然是网页设计的大趋势了.许多流行的设计元素和设计方法都逐渐与这种网页设计手法融合到一起,越来越多的设计师和企业机构开始选择单页网站作为他们沟通世界的门户,而用户也开始接触越来越多的形式多样的单页网站. 但是在很久之前,在单页网站还非常简单的阶段,很多人都认为这是一种非常Low的网页设计方式,直接粗暴如同商业名片一般的网页结构怎么看都和高大上没有血缘关系,谁又会想到这种设计方式在今天会如此流行呢?在设计师们的不懈探究之下,单页设计已经摘掉了混乱单调的帽子,构建起了一套相对比较完

适合大显示器的大背景图片网站设计案例

文章描述:30个使用大背景图片的网站设计作品. 在电脑显示器越来越大和互联网速度越来越快的推动下,越来越多的设计者倾向于使用大尺寸图片作为网站的背景.在网页设计中,合理地应用大背景图片可以让网页看起来更加整体,从而使网站更加有吸引力.但在背景与其它设计元素之间寻找平衡,是一件十分重要却并不容易的事情.在本文中,将分享国外30个使用大背景图片的网站设计作品,以供欣赏借鉴. blindbarber archikon st. jonhs inze decouvrezuottawa studiotilt

超实用的单页网站设计指南

  这篇好文将给同学们科普何时能用单页网站,设计时有哪些技巧,有哪些优秀范例可以借鉴,以及文末推荐一大波专业的单页网站资源,干货份量绝对足,充电时间到 >>> @十萬個為什麽 :单页设计,是一项处理小型网站的绝佳技巧,甚至有些网站你可能认为一张页面搞不定,也同样适用.从易于维护,到减少带宽占用,使用单页网站的好处不胜枚举. 假如你应对的是个小型网站,通常只有几个页面的那种,可以考虑使用单页设计,看看它是否能简化项目,对用户更加友好.继续阅读,你将了解它的益处,何时使用(或不该使用),还有

企业网站设计、网站建设流程详细介绍

前言:本文讲述的是企业网站设计与建设流程方面的问题,内容详细全面,方便了企业用户的阅读,为企业提供网站建设前期帮助,减少过程中不必要的麻烦. 首先第一步:对接客户,提出需求     跟客户交流,客户通过电话.电子邮件或在线订单方式提出自己网站建设方面的"基本需求"      需求涉及内容包括:      1.公司介绍:    2.栏目描述:   3.网站基本功能需求:    4.基本设计要求   5.网站风格     6.产品分类   7.其他 第二步:设计建站方案      首先,根

网站设计中如何将对应的用户网页的数据保存在数据库中

问题描述 网站设计中如何将对应的用户网页的数据保存在数据库中 最近在做一个关于二手书交易平台的小项目(毕业设计),在处理用户登录后自动跳转到所对应的用户个人网页时没什么思路,求各位大神指点一下...小妹初来乍到,不甚感激啊... 解决方案 并不是直接把用户的网页保存在数据库中,而是把用户的信息存在各张数据表中.在用户登陆后可以获取到用户的ID(确保是唯一的),根据这个ID获取数据表中用户的相关信息,然后在用户个人页面进行展示..比如表A是用户表,其主键为user_id,同时user_id为表B的

良好的网站设计应该摒弃哪些不足?

  良好的网站设计是件很难实现的事情.一个好的网站设计,不仅吸引眼球,也是实用的.直观的.层级简单却足够复杂到保持用户的兴趣.字体.色彩.空白与内容间的完美平衡可以构成一个非常好看的设计,你的用户也会再次回来.而一个坏的网站设计,会把你的用户从你的网站上赶跑. 1.没有内容层次 用户的眼睛喜欢有秩序的设计,如头部包含导航和LOGO,特定内容使用lightbox,三列分栏,页脚.它有助于在内心组织重要的信息,并引导用户注意在你想让他注意的地方.在传统艺术中,新手们被教导色彩.价值和线性透视三原则和

网站设计与维护的主要原则

设计 您或许设计过网站甚至个人主页,但是要让人们从浩如烟海的站点中,选择 访问浏览您的站点,就不是那么简单,因为鼠标和键盘永远掌握在上网者手中.设计 者要想设计出达到预期效果的站点和网页,需要对用户需求有深刻理解,并对人们 上网时的心理进行认真的分析研究. Web站点是向用户或潜在客户提供信息(包括产品和服务)的一种方式,是未 来企业开展电子商务的基础设施和信息平台.企业的网址犹如企业的商标和品牌一 样,是反映企业形象和文化的重要窗口.那么,我们应该如何对企业网站进行设计. 管理与维护呢? 一.

20款覆盖全面的响应式网站设计工具

  灵活的栅格和布局,响应式的图片和智能的CSS媒体查询,构成了响应式网页的主要特征.当用户扔下沉重的笔记本电脑拿起平板,响应式的网站能够自然而然地随之适配,掏出手机也毫无压力,图片和文字都会随着特定的屏幕和分辨率而调整,这就是它的优势.你以为这就完了?当然不会!在未来,一摸兜里手机忘带了,抬起左手唤醒智能手表,打开网页,也能看! 不得不说,创建响应式网站越来越容易,即使你不是专业的前端也可以轻松搞得定.挑选合适的工具,搜几个符合需求的jQuery插件,配合合理的设计,你也可以实现期待中的响应速

B2B行业网站设计分享:网站设计制作的标准

文章描述:B2B行业网站"文字样式设计"一般标准. 当我们打开各种B2B行业网站,看到最多的就是各种文字,以各种方式表达出来,显示在访问者眼前,文字是门户类型网站最多的内容,同时文字与图片.视频是网站最重要的三种表达方式之一. B2B行业网站,更多的服务于企业的交易需求.了解行业知识的学习需求及交流需求,本文作者李学江认为,这些需求更多还是要通过文字来表达和传递,不同的字号.颜色.粗细.行距,代表了产品策划者.网站设计者所期望向网站访问者传递的信息.下面来简要讲解下在B2B行业网站设计