你的网站通过测试了吗？你的网站是否让访问者一边咬牙切齿，一边挥舞拳头？一些顾客是否再也不会返回你的网站？看看这些已发现的Web禁忌可以帮你摆脱困境。如果你的网站违反了任何禁忌，请立刻阅读本书并发现问题。　
　　本书没有长篇大论地描述Web错误；而是深入浅出，不仅说明了如何建立优秀的网站，并挑战可用性问题，还提供了可靠、合理的忠告。本书幽默生动，阅读本书可以帮助你把网站建设得更好。

本书特色
　　●详细讨论了60个最常见和最严重的Web设计错误，同时讨论了每种错误的解决方法、困难和折中办法。
　　●覆盖重要的主题，例如，内容、任务驱动、导航、表单、搜索、文字书写、链接外观、图形设计和布局等。
　　●根据Web设计人员自身所进行的可用性测试结果进行组织和安排。
　　●本书相关网站web-bloopers.com中包括新出现的Web设计禁忌（因为每天都有新的禁忌诞生），网站还为Web设计人员和开发人员提供了一个可打印的禁忌核查列表。

评论
　　引人入胜，有教育意义，令人愉快，博学，优秀。
　　　　　　　　　　　　　　　　　　——Jakob Nielsen博士，Nielsen Norman小组
　　许多极其珍贵的例子，光是阅读它们就让人热血沸腾。
　　　　　　　　　　　　　　　　　　 ——Howard Tamler博士，HT首席顾问

无

1999年至2000年.com公司的先后倒闭为我们敲响了警钟，告诉我们Web在达到1995年预期的可接受水平之前还要走很长的路。主要过错是质量问题，质量的大部分问题是可用性问题。要想让普通人为每天的信息、通信、商业和娱乐而依赖Web，Web远没有达到人们所期望的那样易于使用。

　　一些精选的禁忌
　　作为劣质和低可用性的例子，观察WebAdTech.com网站（一家电子商务网站）的搜索结果页面（图1）。搜索结果中什么都没找到。本页有几个严重问题：
图1　 www.WebAdTech.com（2000, 12）—无页面标识；在广告中很难发现
书写拙劣的出错消息；无意义的网站搜索框
* 我在哪儿？我们所在的网站和页面都没有标识。
* 我的搜索结果在哪儿？页面中充满了广告，真正的搜索结果很难发现。
* 用来显示无搜索结果的消息使用的语言如此糟糕（忽略不恰当的大写字母问题），让人无法理解。
* 现在怎么办？为了补救“什么都没找到”的问题，提供一个搜索整个Web的对话框。
　　不要惊讶，WebAdTech公司是倒闭的.com公司中的一家；它倒闭了。然而，许多网站还存在严重的可用性问题。
　　例如，在Yale Alumni网站中搜索我的名字，出现三个Jeff Johnson，而且没有其他的识别信息（图2）。惟一能够找到正确答案的方法是逐一点击。
　　加拿大政府网站上有一幅地图，似乎是根据“宾果（bingo）”游戏设计的（图3），不是非常有用，是吧？
图2　 www.aya.yale.edu（2002, 6）—找到的项目相同
　　还有以下情况：
* 当访问者操作步骤不正确时，汽车公司的网站弹出消息框“不允许这种方法，发生了一个错误”。
* 州失业人口表单不接受类似于“AT&T”和“Excite@Home”这种形式的前雇主名称，因为它们包含“非字母和数字的”字符。
* 基于Web的企业内部网应用程序中显示的按钮很大，但是忽视了在按钮的小文本标签之外不能进行点击的问题。
* 计算机设备公司网站，关于它的产品是否适用于Macintosh操作系统的说法相互矛盾。
* 航空公司网站，当数据从一页传递到下一页时，无法记住用户希望起飞的日期。
* 公交公司网站，无法识别乘客出发和到达的城市，用列表中离它最近的（按字母顺序）城市代替！
　　很不幸，这种例子数不胜数，Web中充满了禁忌。

　　糟糕的可用性抑制了Web的发展
　　人们还有一种共识，即Web严重缺少可用性。当我声明要收集Web禁忌编写一本书时，一个家伙回答道，“伙计！你将花去余生去收集Web禁忌。”
　　一位作家详细论述了他通过Web购买扳手所遭受的挫折经历（Casaday,2001）。不幸的是，他的经历引起了所有曾将在Web上购物的人的共鸣。
　　更多的系统调查证实了同样的事实。对2000个Web购物者最近的一次调查发现，大约一半的人对他们使用的网站“持中立态度或者非常失望”（Rubin,2002）。2002年4月发布的Forrester报告认为，Web在可用性方面与桌面软件相比表现出很大的退步（Souza,2002）。
　　最明显的是，消费者协会的一项调查发现，三分之二的美国人不信任而且回避电子商务网站。这个比例超过了对联邦政府，甚至在发觉Enron（安然）和WorldCom公司这种大公司丑闻时的不信任度比例。一位记者总结了消费者协会的调查，指出主要问题是电子商务网站不是以用户为中心设计的：
　　这些网站通常是由计算机程序员设计的……设计人员试图频繁使用高科技吸引消费者，而将实际信息排除在外，例如返回策略，这种情况一般在“砖和水泥”零售方式中容易出现（Paul,2002）。
　　结果是人们认为Web质量差，令人迷惑，令人生气，意义不大。可用性低是主要问题，为了获得Web的潜力，必须改善Web的可用性。

为什么编写禁忌类的书
　　为什么我要编写一本关于Web禁忌的书？有两个原因。
　　首先，通过指出常见的设计失误，并说明解决之道，我希望缓解Web设计人员自己制造这些错误时的辛苦和付出。我审查了许多客户端网站，在不同的网站一次又一次地发现相同的问题。我愿意帮助Web界不再无休止地重复相同的错误，而是转移到主要关心的另一个更高水平的问题上。
　　其次，通过不断给出机构和代理网站中的出错示例，我希望证明Web设计有多么糟糕，同时对于大多数人来说，使用这样的网站的糟糕经历多么无法接受。我正在尽我的义务，帮助Web界认识到糟糕的可用性抑制了Web的发展和成功。纠正方法是仔细设计，确保丰富的、令人愉快的用户经历，在发布之前通过网站系统的可用性测试加以弥补。

什么是Web禁忌
　　本书描述了可用性禁忌即错误，Web设计人员和开发人员在设计和实现网站与基于Web的应用程序时经常会犯的错误，并讲述了解决之道。重点是影响可用性的禁忌。一个网站如何设计还会影响用户经历的许多其他方面，例如，商标认可度、组织印象、审美和信任度。考虑到我不是这些问题的专家，我尊重专家的意见（Flanders,2001；Flanders and Willis,1997；Mullet and Sano,1995）。
　　本书讨论的许多禁忌不是网站设计本身的缺点，而是后台（服务器端应用程序、服务器和网站依赖的数据库）的问题。提出这些禁忌的关键是为了说服开发人员和他们的经理，成功的网站和基于Web的应用程序需要以用户为中心和以任务为驱动来设计后台系统以及网站本身。一个优秀的网站无法建立在设计糟糕的后台上。
　　本书中的禁忌没有涵盖全部的Web设计错误，甚至不是我所见过的所有错误。选入本书的设计禁忌，必须既令人尴尬，又很常见。警告网站开发人员远离罕见的或者网站特有的错误意义不大—无论这些错误多么可怕。而另一方面，警告开发人员远离常见错误非常有意义。

所有的网站都有禁忌
　　我曾经浏览过的所有网站都存在禁忌，其中包括由我亲自设计的或者帮助设计的。另一方面，我浏览过的每一个网站都有优点：设计人员做的好的地方。
　　违反一个禁忌不会使网站或者基于Web的应用程序变得糟糕。设计需要全面考虑。有时候，设计人员为了避免一个更糟的禁忌而必须违反另一个禁忌。有时候，时间压力迫使组织在Web上发布明显存在禁忌的网站。本书引用的一些网站既作为代表一种禁忌的示例，同时又作为如何避免另一种禁忌的示例。

谁应该阅读本书
　　本书的主要读者是创建网站和开发基于Web的应用程序的设计人员和开发人员。这个群体包括信息体系结构设计人员、交互设计人员、平面图形设计人员、内容编写人员、编辑人员和网站程序员。对于这些人来说，本书既可以作为自学工具也可以作为参考书。本书补充了Web设计原则，网站设计或者用户界面设计的教师或学生也会发现本书是相关教材的有用补充。
　　本书的第二类读者是网站和Web应用程序的评估人员：可用性测试人员和质量保证工程师。开发组织中充当这些角色的人在测试和监视问题的过程中，预先知道最有可能发生的问题是很有用的。
　　第三类读者是Web开发小组的负责人。为了能够给予适当的监督，经理们需要了解—在功能上而不是在技术水平上—网站设计中常见的缺陷以及如何解决。经理们还应该知道，成功的、没有禁忌的网站需要设计优秀的后台系统。从经理的利益出发，在附录A中我提供了一些关于如何安排Web开发人员的忠告。
　　最后一类读者是那些在Web上进行交易和销售的人员。通过了解常见的、有负面影响的、但又可以避免的可用性错误，以及通过暗示，这类人员可以重新认识以用户为中心的任务驱动的设计方式。

Web的起源
　　World Wide Web（www，万维网）是由Tim Berners-Lee于1990年创建的，它的创建是为了让粒子物理学家能够更加方便地通过因特网共享信息。从那以后，人们在因特网上使用各种各样的程序和协议共享信息，如电子邮件、FTP、Gopher以及其他协议。Web标准化和统一了数据格式及文件传输协议，大大地简化了计算机文件的共享。它指定HTML为文档的主要格式。自然，第一家网站就建立在Berners-Lee先生工作的主机上：位于瑞士日内瓦的欧洲原子能研究中心（CERN）离子加速器设备。
　　为了访问Web，需要一个Web浏览器。当Tim Berners-Lee发布World Wide Web时，他编写了第一个浏览器并将这个浏览器向物理研究界发布。第一个浏览器只能运行在NeXT计算机上。与今天的浏览器一样，它显示“丰富的”文本—粗体，斜体，通过HTML格式化字体，它将链接显示为可点击的带下划线的文本。但是，第一个浏览器只能显示文本，如果一个网站需要显示图像、输入框和其他控件，必须显示在单独的窗口中，使用专门的浏览器插件和协议。
　　由于许多早期的Web用户没有NeXT计算机，因此其他的浏览器相继问世。例如，许多物理学家在20世纪90年代早期使用的一种纯文本“命令行式”浏览器，这种浏览器可以在大多数Unix计算机上运行。这种“命令行式”浏览器根本不是图形化的：它只显示简单的文本，利用在链接文字后显示带括号的数字表示链接（例如，“black hole[2]”）。要想跟踪这个链接，要输入链接的数字，就好像在许多字符库目录系统中一样。
　　第一家美国网站，是在1991年由Paul Kunz在北加利福尼亚州的斯坦福线性加速器上建立起来的（图4）。早期，Web上的主要内容是物理实验数据、物理论文索引和物理学家的地址录。
图4　 slacvm.slac.stanford.edu（1991, 12）—第一家美国网站的主页，通过NeXT Web浏览器进行浏览，这种浏览器只显示文本。链接两个数据库：一个是斯坦福线性加速器员工目录，另一个是高性能物理预先
印好的论文存档文件（希望浏览本页和更多地了解美国第一家网站请访问www.slac.stanford.edu）
　　在经过了三年的低迷之后，1994年，当国家超级计算应用中心（NCSA）在伊利诺伊州大学发布了Mosaic时，Web腾飞了。Mosaic主要是由学生开发，它是一个图形化的“point-and-click”（点击式）Web浏览器，完全免费。与NeXT浏览器不同，Mosaic能够显示图像。很快，专业技术人员开始创建网站，既为了工作也为了娱乐。紧随其后的是一些在线贸易的先驱。Web站点开始呈指数增长：100家；1000家；10 000家；100 000家；1 000 000家，等等。20世纪90年代末，网站数量的增长突飞猛进，发展速度呈直线上升。

Web的增长：谁创建了网站谁就是设计人员
　　Web数量的急剧增长迅速扩大了对信息（包括错误信息）的访问。
　　与本书非常相关，随着Web的增长，许多人强行加入了用户界面设计人员的队伍中……不论好坏。另外，这种趋势还在继续。尽管2001年.com公司的相继倒闭减慢了Web的增长速度，但是并没有停止。编写本书时（2002年中），网站总数的可靠估计非常惊人—大约10 000 000～150 000 000（因为如何定义“网站”的标准不同）。虽然如此，Web分析家承认无论网站的数量是多少，它都在继续增长。
　　每一家网站都是由人设计的。正如Nielsen所指出的（Nielsen,1999a），地球上没有足够训练有素的用户界面设计人员来应付每年在线的网站数量。因此，绝大多数网站都是由在交互设计、信息设计和可用性方面缺乏训练和经验的人设计的。更直率地说：人人都是Web设计人员，几乎没有接受过用户界面设计或者交互设计的培训。
　　除了Web设计人员数量的爆炸以外，我们拥有“因特网时代”（极强的发展势头）的优势来发展Web。因特网时代意味着没有时间仔细分析目标用户以及他们的任务，在赋予网站生命之前，没有时间进行可用性测试，没有时间理智地检查网站价值的可靠性。从20世纪90年代末到2000年，在“因特网时代”，成千上万的公司成立—它们中有许多开始开发网站和基于Web的应用程序。在因特网时代，人们设计了业务规划，设计了大型网站，实现了后台和前台。不足为奇，在因特网时代，大部分梦想后来破灭了，埋葬了……教训：或许“因特网时代”不过是一个伟大的创意。

这些禁忌是如何编辑的
　　2000年初，在《GUI设计禁忌》（Johnson, 2000）一书出版不久，我开始收集Web可用性禁忌的例子，一直收集到2002年10月。我发现大多数例子都来自我自己使用的网站。有些禁忌的例子是朋友、同事以及那些知道我正在编写一本关于Web禁忌的书且读过我的《GUI设计禁忌》的读者提供的。
　　2002年初，我的出版商在GUI-Bloopers.com上张贴了一则消息，邀请提交Web禁忌的例子，同时还发布了邀请函，结果得到很多建议，其中有一些被采用了。
　　在为本书收集例子的过程中，我回避了个人网站和非常小的公司或者组织的网站。开发和维护一个网站是昂贵的，个人和小规模的组织不会在网站开发上花费很多资金，因此它们的网站中存在禁忌并不令人惊讶。另外，个人网站经常更多是为了个人感情，所以必须非常包容地看待它们。
　　相反，我把焦点集中在大规模的组织的网站上，包括公司、政府机构和非营利组织。它们全部（或者至少应该）在设计和开发网站时付出了巨大的努力和财力。
　　本书中所有禁忌的例子都标注了日期，显示收集这个例子的时间。引用过的许多网站，自从被作为例子收集以后已经更新，有些已经更新了几次，在许多引用过的网站中，禁忌已经被改正了。令人难过的是，一些作为解决之道的例子引用过的网站并没有避免禁忌。出版发行期滞后6个月，在本书面世的时候很多引用过的网站肯定已经被修改过。任何出版物都无法跟上Web的步伐。

本书是如何组织的
　　本书主要包含四部分：
* 第一部分，内容与功能禁忌，包括两章：内容禁忌和任务支持禁忌。
* 第二部分，用户界面禁忌，包括三章：导航禁忌、表单禁忌和搜索禁忌。
* 第三部分，网站的外观禁忌，包括三章：文本与书写禁忌，链接外观禁忌和图形设计与布局禁忌。
* 附录：收录了一些读者可能用得上的附加信息，包括：经理备忘录，引用的网站，本书的可用性是如何测试的，以及相关的书籍和网站。
　　整个章节的顺序是从网站内容、操作、任务流程的深层问题开始，一直到更表面性的外观表现问题。
　　技术论坛贯穿全书，提出了避免某个禁忌的技术方法。这部分附加信息的主要目标读者是Web实现者，非实现人员可以跳过这些内容。

Web-Bloopers.com
　　本书还有一个网站Web-Bloopers.com，在网站中用户将会看到：
* Web禁忌核查表：这里列出了本书讨论的全部60个禁忌的简要列表，适合打印。在将网站发布到Web上之前，可以使用该列表检查网站。
* 讨论区：与本书相关的论点和问题的集合地，读者可以使用讨论区评论本书，提出问题，回答其他人的问题，还可以提交禁忌实例和新的禁忌。作者会定期检查并且参加讨论。
* 更多的Web禁忌：本书没有包含的其他禁忌。这些将与本书中的禁忌一起公布在网上，但是根据读者的建议，随着时间的推移将来书中有望会扩充一些禁忌。
* 样章：从本书中挑选的一两个章节，可以免费下载。
* 购买方法：通过出版商购买本书的方式。
* 更多：根据用户的需求，作者和出版商提供的附加内容。



致　　　谢
　　首先，我要感谢Morgan Kaufmann出版社的高级策划编辑Belinda Breyer，她既是我的上级—负责安排进度，及时督促；又是我的帮手—找出引例，寻找合适的漫画，为禁忌设计出优雅的名字，同时还为图例编号。没有她的监督、忠告和帮助，这本书肯定不会这么快完成。
　　其次，我还要感谢Morgan Kaufmann出版社中其他自始至终帮助这本书出版的人：Diane Cerra、Howard Severson和Edward Wade。同时我还要感谢Chen设计协会、图形世界出版服务部和Ross Carron设计部，感谢他们将我的手稿变成一本高质量的书。
　　本书受益于大量的禁忌示例，这些示例是由许多人贡献的，在此无法一一列出。本书也受益于对《GUI设计禁忌》（本书的前身）一书的建议，这些建议是由读者通过GUI-bloopers.com网站和网上书店提交的。几位审校者和可用性测试人员的意见和建议，使本书得到了巨大的改善，他们是Richard Anderson、Jim Bartram、Cathy de Heer、Meghan Ede、Darren Gergle、Ryan Hanau、Austin Henderson、Ellen Isaacs、Carolyn Jarrett、Robin Kinkead、Steve Krug、Jim Miller、Stu Rohrer、Gitta Salomon和Howard Tamler。感谢Jakob Nielsen提供的Web发展趋势信息，感谢Kevin Mullet在图形设计方面给出的建议，感谢Steve Krug在本书图例设计上的忠告，还要感谢他为本书写了序。
　　感谢几位朋友在这项长期工作中给予的友情支持：Chuck Clanton，Robin Jeffries，Tom McCalmont，Jane Rice和Kathy Thompson。最后，我要感谢我的太太和战友—Karen Ande，感谢她无条件的支持。

无

在撰写《Don誸 Make Me Think》一书时，我告诉读者说我不打算给他们一个关于Web设计要做什么、不要做什么的核查表，因为我认为他们真正了解一些关键原则更重要。事实是，我知道核查表（正确的核查表）非常有意义。但是，我也知道为了编出正确的核查表（如同你们手中的书一样）需要付出多少辛勤的劳动，我还知道我也不可能集中精力来编写这样的核查表。
　　幸运的是，与Web用户一样，作家也是各有各的特点。Jeff Johnson有以下三项特质，因此编写了一本这样的书：他是一个非常聪明的家伙，研究可用性规则已经很长时间，天生坚定而细心。（碰巧他也是一个非常友善的人，但是那只是附加的优点—我想只要具备了上述三个特质，即使是一个道德败坏的人，或许也能写出一本有用的书。）
　　哦，对了，还有第四项特质：他知道如何写作—意思是他知道如何讲述一个错综复杂的观点而不使你睡着。（我自己在写书时，打开Jeff新出版的《GUI Bloopers》，而且发现关于Web禁忌他只写了很短的一章时的那一刻是我最愉快的一刻。唉呀！）
　　在本书中，Jeff编写的不只是一个核查表：它是设计课程的目录册，每一项都小到让人一目了然，讲述的每一个引人注目的小故事，从事网站工作的人都应该倾听。这些禁忌有的大（“禁忌1：主页身份危机”），有的小（“禁忌26：必须用鼠标点击：没有默认的文本输入点”），但是它们都非常重要，而且都非常容易吸收—适于全面培训或是就寝前阅读。它们是每位可用性专家从经历中得到的教训，无论如何我喜欢阅读，因为就像通常所说的，才华体现在细节里，Jeff提供的细节一向是有教育意义且吸引人的。
　　收集这些例子，仔细研究，然后清楚地说明它们，这是一项艰巨的工作。我很高兴有人愿意从事这项工作。

Steve Krug
马萨诸塞州栗子山
2003年2月

Jeff Johnson：Jeff Johnson: Jeff Johnson是UI Wizards有限公司的一名顾问，该公司是一家产品可用性咨询公司（www.uiwizards.com）。1978年，他开始从事人机交互方面的工作，并在许多知名公司担任过软件设计人员、可用性测试人员、管理人员和研究人员。他也是《GUI Bloopers：Dont,s and Do,s for Software Developers and Web Designers》（GUI设计禁忌）一书的作者。

张颖：暂无简介

无

第一部分　 内容与功能禁忌
第1章　 内容禁忌 1
禁忌1：主页身份危机 1
禁忌2：混乱的分类 6
禁忌3：毫无意义的说明 11
禁忌4：内容不一致 14
禁忌5：过期的内容 18
禁忌6：缺少内容或内容无意义 21
禁忌7：未完成的内容 24
第2章　 任务支持禁忌 28
禁忌8：多余的需求 28
禁忌9：请求不必要的数据 37
禁忌10：无意义的选择 40
禁忌11：忽略重要的选项 46
禁忌12：无能的后台程序 51
禁忌13：走到了路的尽头：你才告诉我！ 55
禁忌14：令人苦恼的任务流程 56

第二部分　 用户界面禁忌
第3章　 导航禁忌 63
禁忌15：站点反映组织结构图 63
禁忌16：数不清的导航方案 68
禁忌17：欺骗性的链接复制品 74
禁忌18：非直接链接 83
禁忌19：迷路：当前页面没有标志 87
禁忌20：循环游戏：指向当前页面的活动链接 94
禁忌21：缺少导航链接：后退否则没其他办法 97
第4章　 表单禁忌 103
禁忌22：要求用户输入 103
禁忌23：兼容性差的文本输入框 106
禁忌24：没有默认值 111
禁忌25：有毛病的默认值 117
禁忌26：必须用鼠标点击：没有默认的文本输入点 121
禁忌27：没有说服力的标签位置 123
禁忌28：使用复选框还是单选按钮 128
禁忌29：看起来可以编辑，但实际不能编辑 131
禁忌30：无法理解的控件 132
第5章　 搜索禁忌 140
禁忌31：令人沮丧的搜索工具 141
禁忌32：相互竞争的搜索控件 147
禁忌33：命中结果似乎相同 150
禁忌34：重复的命中结果 153
禁忌35：搜索盲区：丢失相关项目 155
禁忌36：大海捞针：一大堆不相关的命中结果 159
禁忌37：命中结果的排序无意义 163
禁忌38：疯狂的搜索行为 167
禁忌39：没有显示搜索条件 170
禁忌40：没有显示命中结果的数量 173

第三部分　 网站的外观禁忌
第6章　 文本与书写禁忌 175
禁忌41：文本太多 175
禁忌42：奇客语言 178
禁忌43：称呼网站访问者为“用户” 186
禁忌44：内行话 188
禁忌45：变化的词汇：用不同的词语描述相同的事物 190
禁忌46：不一致的格式 193
禁忌47：拼写错误和语法错误：书写粗心大意 196
第7章　 链接外观禁忌 200
禁忌48：看上去链接不像链接 200
禁忌49：不是链接外表胜似链接 204
禁忌50：奇特的按钮：可点击范围比看起来要小 208
禁忌51：换行的链接：多少个？ 212
禁忌52：“Click Here（点击这里）”：文本中隐藏链接 215
禁忌53：到达过那里吗？点击过吗？无可奉告 219
第8章　 图形设计与布局禁忌 224
禁忌54：小字体 224
禁忌55：带掩饰的文字 232
禁忌56：所有内容都居中 235
禁忌57：不能引人注意的出错消息 238
禁忌58：浅褐色的阴影：颜色差别太小 243
禁忌59：是不可用的还是可用的：可用的按钮看上去不可用 246
禁忌60：可怕的标签 250
结束语 255
附录 257
参考文献 277