Web设计禁忌

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

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

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

    .

目 录
序
致谢
前言
第一部分 内容与功能禁忌
第l章 内容禁忌
禁忌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章 搜索禁忌
禁忌31：令人沮丧的搜索工具
禁忌32：相互竞争的搜索控件
禁忌33：命中结果似乎相同
禁忌34：重复的命中结果
禁忌35：搜索盲区：丢失相关项目
禁忌36：大海捞针：一大堆不相关的命中
结果
禁忌37：命中结果的排序无意义
禁忌38：疯狂的搜索行为
禁忌39：没有显示搜索条件
禁忌40：没有显示命中结果的数量
第三部分 网站的外观禁忌
第6章 文本与书写禁忌
禁忌4l：文本太多
禁忌42：奇客语言
禁忌43：称呼网站访问者为。用户”
禁忌44：内行话
禁忌45：变化的词汇：用不同的词语描述相同的事物
禁忌46：不一致的格式
禁忌47：拼写错误和语法错误：书写粗心大意
第7章 链接外观禁忌
禁忌48：看上去链接不像链接
禁忌49：不是链接外表胜似链接
禁忌50：奇特的按趾可点击范围比看起来要小
禁忌5l：换行的链接：多少个?
禁忌52：“clickHere(点击这里)”：文本中隐藏链接
禁忌53：到达过那里吗?点击过吗?无可奉告
第8章 图形设计与布局禁忌
禁忌54：小字体
禁忌55：带掩饰的文字
禁忌56：所有内容都居中
禁忌57：不能引人注意的出错消息
禁忌58：浅褐色的阴影：颜色差别太小
禁忌59：是不可用的还是可用的：可用的按钮看上去不可用
禁忌60：可怕的标签
结束语
附录
参考文献

1999年至2000年.com公司的先后倒闭为我们敲响了警钟，告诉我们Web在达到1995年预期的可接受水平之前还要走很长的路。主要过错是质量问题，质量的大部分问题是可用性问题。要想让普通人为每天的信息、通信、商业和娱乐而依赖Web，Web远没有达到人们所期望的那样易于使用。. 一些精选的禁忌 作为劣质和低可用性的例子，观察WebAdTech.com网站(一家电子商务网站)的搜索结果页面。搜索结果中什么都没找到。本页有几个严重问题： ·我在哪儿?我们所在的网站和页面都没有标识。 ·我的搜索结果在哪儿?页面中充满了广告，真正的搜索结果很难发现。 ·用来显示无搜索结果的消息使用的语言如此糟糕(忽略不恰当..

在撰写《Don'tMake Me Think》一书时，我告诉读者说我不打算给他们一个关于Web设计要做什么、不要做什么的核查表，因为我认为他们真正了解一些关键原则更重要。事实是，我知道核查表(正确的核查表)非常有意义。但是，我也知道为了编出正确的核查表(如同你们手中的书一样)需要付出多少辛勤的劳动，我还知道我也不可能集中精力来编写这样的核查表。. 幸运的是，与Web用户一样，作家也是各有各的特点。Jeff Johnson有以下三项特质，因此编写了一本这样的书：他是一个非常聪明的家伙，研究可用性规则已经很长时间，天生坚定而细心，(碰巧他也是一个非常友善的人，但是那只是附加的优点——我想只要具备了上述三个特..

书摘
显示小字体窗口
当告知Web开发人员，网站中的字体太小时，他们经常提出借口。根据
我通常的反应，以下是最常见的借口：
·我能够阅读这些文字，有什么问题吗？——问题是你的目标消费者大
多数是在生育高峰期出生的人，快退休了，而你公司的员工都是骑着小型摩
托车来上班的人(年轻人)。开发人员是否能够阅读文字没关系，问题是目标
用户是否能够阅读？
·在Windows操作系统中看起来没问题——有多少Macintosh操作系统的
用户访问你的网站？你知道吗？你关心他们是否能够阅读吗？
·这里的所有信息我们都需要——很好，如果你的用户无法阅读这些信
息，那么等于它们不存在，不是吗？
·这不是我的错；文字在图片中——将图片送回给制作人，并且告诉他
们你需要图片中的文字再大些。但是，更好的方法是，不要将文字嵌入图片
中；使用真正的HTML文本(按照要求设计)。
·在低分辨率的显示器上已经足够大了——你判断过目标消费者中有多
少人使用高分辨率的显示器，又有多少人使用低分辨率的显示器吗？如果没
有，那么你应该核实一下，否则，你没有选择字体大小的依据。
解决之道
有人可能会问，准备面向年长者的网站应该如何处理字体。美国退休人
员协会网站采取了直接的方法：用户通过浏览器可以重新调整网站中的大部
分文字的大小。但是既然大多数Web用户不知道如何调整文字大小，那么这
种方法可能不够好。
在SeniorNet.org(一家鼓励年长者使用因特网的网站)中可以看到更好
的方法(图8-6[A])。即使网站中使用的默认字体大小合理，但是网站的设计
人员意识到一些上年纪的人仍有可能无法阅读文字，他们还意识到许多Web
用户从不在浏览器中调整字体的大小。为了增加能够阅读网站文字的年长者
的数量，SeniorNet网站在主页中包含了一个标注为“Enlarge Text Size(
放大文字)”的按钮，正好解决了这个问题(图8-6[B])。
尽管SeniorNet网站的方法对于它的情况非常合理，但是这种方法对于
面向更一般用户设计的网站来说或许是矫枉过正。对于这样的网站，我推荐
按照下列原则显示文字：
·让用户来调整字体大小 避免设置绝对的字体大小。为了改变网站中
的字体大小，使用语义标签(例如，(H))和相对的字体尺寸(例如，SIZE=3或
者SIZE=medium)。避免将文字嵌入图片，除非你
……