你的网站通过测试了吗？你的网站是否让访问者一边咬牙切齿，一边挥舞拳头？一些顾客是否再也不会返回你的网站？看看这些已发现的Web禁忌可以帮你摆脱困境。如果你的网站违反了任何禁忌，请立刻阅读本书并发现问题。

本书没有长篇大论地描述Web错误；而是深入浅出，不仅说明了如何建立优秀的网站，并挑战可用性问题，还提供了可靠、合理的忠告。本书详细讨论了60个最常见和最严重的Web设计错误，同时讨论了每种错误的解决方法、困难和折中办法。本书幽默生动，阅读本书可以帮助你把网站建设得更好。

本书作者曾写过GUI设计禁忌，这本书在总结那本书的经验基础上，以大量实例详细讨论了60个最常见和最严童的Web设计错误。作者紧紧围绕可用性问题，指出了人们在网站设计中常犯的错误或容易忽视的问题。本书没有长篇大论地描述web设计错误，而是指出问题所在，并提供了合理的解决方法。本书涵盖了Web设计中的重要主题，包括内容、任务驱动、导航、表单、搜索、文字书写、链接外观、图形设计和布局等，阅读本书有助于把网站设计得更完美。本书适合Web设计、开发及评估人员阅读，也适合相关专业的师生参考。

序

致谢

前言

第一部分 内容与功能禁忌

第1章 内容禁忌

 禁忌1：主页身份危机

 禁忌2：混乱的分类

 禁忌3：毫无意义的说明

 禁忌4：内容不一致

 禁忌5：过期的内容

 禁忌6：缺少内容或内容无意义

 禁忌7：未完成的内容

第2章 任务支持禁忌

 禁忌8：多余的需求

 禁忌9：请求不必要的数据

 禁忌10：无意义的选择

 禁忌11：忽略重要的选项

 禁忌12：无能的后台程序

 禁忌13：走到了路的尽头：你才告诉我！

 禁忌14：令人苦恼的任务流程

第二部分 用户界面禁忌

第3章 导航禁忌

 禁忌15：站点反映组织结构图

 禁忌16：数不清的导航方案

 禁忌17：欺骗性的链接复制品

 禁忌18：非直接链接

 禁忌19：迷路：当前页面没有标志

 禁忌20：循环游戏：指向当前页面的活动链接

 禁忌21：缺少导航链接：后退否則没其他办法

第4章 表单禁忌

 禁忌22：要求用户输入

 禁忌23：兼容性差的文本输入框

 禁忌24：没有默认值

 禁忌25：有毛病的默认值

 禁忌26：必须用鼠标点击：没有默认的文本输入点

 禁忌27：没有说服力的标签位置

 禁忌28：使用复选框还是单选按钮

 禁忌29：看起来可以编辑，但实际不能编辑

 禁忌30：无法理解的控件

第5章 搜索禁忌

 禁忌3l：令人沮丧的搜索工具

 禁忌32：相互竞争的搜索控件

 禁忌33：命中结果似乎相同

 禁忌34：重复的命中结果

 禁忌35：搜索盲区：丢失相关项目

 禁忌36：大海捞针：一大堆不相关的命中结果

 禁忌37：命中结果的排序无意义

 禁忌38：疯狂的搜索行为

 禁忌39：没有显示搜索条件

 禁忌40：没有显示命中结果的数量

第三部分 网站的外观禁忌

第6章 文本与书写禁忌

 禁忌41：文本太多

 禁忌42：奇客语言

 禁忌43：称呼网站访问者为“用户”

 禁忌44：内行话

 禁忌45：变化的词汇：用不同的词语描述相同的事物

 禁忌46：不一致的格式

 禁忌47：拼写错误和语法错误：书写粗心大意

第7章 链接外观禁忌

 禁忌48：看上去链接不像链接

 禁忌49：不是链接外表胜似链接

 禁忌50：奇特的按钮：可点击范围比看起来要小

 禁忌51：换行的链接：多少个？

 禁忌52：“C1ick Here(点击这里)”：文本中隐藏链接

 禁忌53：到达过那里吗？点击过吗？无可奉告

第8章 图形设计与布局禁忌

 禁忌54：小字体

 禁忌55：带掩饰的文字

 禁忌56：所有内容都居中

 禁忌57：不能引人注意的出错消息

 禁忌58：浅褐色的阴影：颜色差别太小

 禁忌59：是不可用的还是可用的：可用的按钮看上去不可用

 禁忌60：可怕的标签

结束语

附录

参考文献

显示小字体窗口

当告知Web开发人员，网站中的字体太小时，他们经常提出借口。根据我通常的反应，以下是最常见的借口：

·我能够阅读这些文字，有什么问题吗？——问题是你的目标消费者大多数是在生育高峰期出生的人，快退休了，而你公司的员工都是骑着小型摩托车来上班的人(年轻人)。开发人员是否能够阅读文字没关系，问题是目标用户是否能够阅读？

·在Windows操作系统中看起来没问题——有多少Macintosh操作系统的用户访问你的网站？你知道吗？你关心他们是否能够阅读吗？

·这里的所有信息我们都需要——很好，如果你的用户无法阅读这些信息，那么等于它们不存在，不是吗？

·这不是我的错；文字在图片中——将图片送回给制作人，并且告诉他们你需要图片中的文字再大些。但是，更好的方法是，不要将文字嵌入图片中；使用真正的HTML文本(按照要求设计)。

·在低分辨率的显示器上已经足够大了——你判断过目标消费者中有多少人使用高分辨率的显示器，又有多少人使用低分辨率的显示器吗？如果没有，那么你应该核实一下，否则，你没有选择字体大小的依据。解决之道

有人可能会问，准备面向年长者的网站应该如何处理字体。美国退休人员协会网站采取了直接的方法：用户通过浏览器可以重新调整网站中的大部分文字的大小。但是既然大多数Web用户不知道如何调整文字大小，那么这种方法可能不够好。

在SeniorNet.org(一家鼓励年长者使用因特网的网站)中可以看到更好的方法(图8-6[A])。即使网站中使用的默认字体大小合理，但是网站的设计人员意识到一些上年纪的人仍有可能无法阅读文字，他们还意识到许多Web用户从不在浏览器中调整字体的大小。为了增加能够阅读网站文字的年长者的数量，SeniorNet网站在主页中包含了一个标注为“Enlarge Text Size(放大文字)”的按钮，正好解决了这个问题(图8-6[B])。

尽管SeniorNet网站的方法对于它的情况非常合理，但是这种方法对于面向更一般用户设计的网站来说或许是矫枉过正。对于这样的网站，我推荐按照下列原则显示文字：

·让用户来调整字体大小 避免设置绝对的字体大小。为了改变网站中的字体大小，使用语义标签(例如，(H))和相对的字体尺寸(例如，SIZE=3或者SIZE=medium)。避免将文字嵌入图片，除非你知道文字对于每个目标用户都足够大，能够阅读。

·最小值10磅 如果你必须设置字体的大小，那么永远不要使用小于10磅的字体。重复：永远。12磅的字体更保险。

·为高分辨率的显示器设计 如果网站中的字体在高分辨率的显示器上足够大，容易阅读，那么对于拥有低分辨率显示器的人来说，字体更大更清晰。

·测试 知道文字是否够大的惟一方法是，由预期使用网站的人来测试。如果目标用户阅读文字有困难，那么说明文字太小。另外，还应该在尽量多的计算机平台和浏览器上测试网站。

          P228-P229

在撰写《Don’t Make Me Think》一书时，我告诉读者说我不打算给他们一个关于Web设计要做什么、不要做什么的核查表，因为我认为他们真正了解一些关键原则更重要。事实是，我知道核查表(正确的核查表)非常有意义。但是，我也知道为了编出正确的核查表(如同你们手中的书一样)需要付出多少辛勤的劳动，我还知道我也不可能集中精力来编写这样的核查表。

幸运的是，与Web用户一样，作家也是各有各的特点。Jeff Johnson有以下三项特质，因此编写了一本这样的书：他是一个非常聪明的家伙，研究可用性规則已经很长时间，天生坚定而细心。(碰巧他也是一个非常友善的人，但是那只是附加的优点——我想只要具备了上述三个特质，即使是一个道德败坏的人，或许也能写出一本有用的书。)

哦，对了，还有第四项特质：他知道如何写作——意思是他知道如何讲述一个错综复杂的观点而不使你睡着。(我自己在写书时，打开了Jeff新出版的《GUI Bloopers》，而且发现关于Web禁忌他只写了很短的一章时的那一刻是我最愉快的一刻。唉呀！)

在本书中，Jeff编写的不只是一个核查表：它是设计课程的目录册，每一项都小到让人一目了然，讲述的每一个引入注目的小故事，从事网站工作的人都应该倾听。这些禁忌有的大(“禁忌1：主页身份危机”)，有的小(“禁忌26：必须用鼠标点击：没有默认的文本输入点”)，但是它们都非常重要，而且都非常容易吸收——适于全面培训或是就寝前阅读。它们是每位可用性专家从经历中得到的教训，无论如何我喜欢阅读，因为就像通常所说的，才华体现在细节里，Jeff提供的细节一向是有教育意义且吸引人的。

收集这些例子，仔细研究，然后清楚地说明它们，这是一项艰巨的工作。我很高兴有人愿意从事这项工作。

       Steve Krug

       马萨诸塞州粟子山

       2003年2月

在前言中我曾经说过，在达到大众能够接受的质量水平以前，Web还有很长的路要走。“很长的路要走”是什么意思？意思是我们需要放下工作，消除本书讲述的常见禁忌，这将是一个好的开始。

我们开始工作吧！

引人入胜，有教育意义，令人愉快，博学，优秀。

      ——Jakob Nielsen博士，Nielsen Norman小组

许多极其珍贵的例子，光是阅读它们就让人热血沸腾。

      ——HowardTamler博士，HT首席顾问