第1章 别让我思考

要使网站看上去一目了然，或者需要自我解释。让用户在第一眼就理解网站上各个元素的作用，并且尽可能的不要让用户对网站功能产生疑问。

第2章 我们实际上是如何使用WEB的

我们使用WEB的三个事实：

1）我们不是阅读，而是扫描【关于WEB使用人们会花极少数的时间来阅读大部分页面。我们只是扫描一下网页，寻找吸引我们注意力的文字或词语。我们在网页上看到什么取决于我们想看到什么，通常只是页面上的一小部分内容。】

2）我们不作最佳选择，而是满意即可【大多数时间我们不会选择最佳选项，而是选择第一个合理的选项，最佳策略耗时太长，而且查看网页如果在不对的情况下不会有什么严重后果只要返回上一页就行了。】

3）我们不是追根究底，而是勉强应付【在很大程度上人们一直在使用这些东西，但并不理解他们的运作原理，甚至对它们的工作原理有完全错误的理解，这对我们来说并不重要，如果发现某个事物能用，我们就会一直用它，很少去主动寻找更好的方法。】

第3章 广告牌设计101法则

要保证用户们尽可能的看到并理解你的网站，那么你需要注意5个重要方面

1）在每个页面上建立清楚的视觉层次【最重要的部分越突出；逻辑上相关的部分再视觉上也相关；逻辑上包含的部分在视觉上进行嵌套】

2）尽量利用习惯用法【它们非常有用；设计师们通常不愿意利用他们；如果打算创新，那么你必须理解你准备换用的方法的价值，值不值得用户付出一点努力来学习。】

3）把页面划分成明确定义的区域【这一点很重要，可以让用户很快决定专注页面的哪些区域，或者放心跳过哪些区域。】

4）明显标识可以点击的地方

5）最大限度降低干扰，降低视觉噪声【眼花缭乱；背景噪声。】

第4章 动物、植物、无机物

为什么用户喜欢无需思考的选择：用户不介意有多少次点击，只要每次点击都是毫不费力的，并且让用户坚信自己的选择正确。

如果我们一直在网络上进行选择，那么这些选择变得无需思考是让一个网站内容容易使用的主要因素。

第5章 省略不必要的文字

有力的文字都很简练句子里不应该有多余的文字，段落中不应该有多余的句子。

l 可以降低页面的噪声

l 让又用的内容更加突出

l 让页面简短，使用户再每一页上一眼就能看见更多的内容

1）去掉欢迎词

2）去掉指示说明

第6章 街头指示牌和面包屑

如果在网站上找不到方向，人们不会使用你的网站。

1）网络导航101法则【用户通常是为了寻找某个目标；他会先选择询问还是先浏览；如果选择浏览，他将通过标志的引导在层次结构中穿行；最后找不到想要的东西他会离开。】

2）无法承受的浏览之轻【感觉不到大小；感觉不到方向；感觉不到位置。】

3）被忽视的导航用途【告诉我们现在在什么位置；给我们一些固定的感觉；告诉我们如何使用网站；给我们对网站建造者的信心。】

4）WEB导航习惯用法【网站ID、栏目、实用工具、下一级栏目】

5）保持网站每一页的持久导航都一致；应该包括站点ID、栏目、回主页的方式、搜索的方式、实用工具

6）主页和表单可以不需要持久导航

7）保证有可以立刻回到首页的按钮或链接

8）提供搜索【避免花哨的用词；避免指示说明；避免选项。】

9）低层次的导航也要重视

10）页面名称【每个页面都需要一个名称；页面名称需要出现在合适的位置；名称要引人注目；名称要和点击的链接一致。】

11）你在网站中的位置【在导航中需要用明显的视觉效果突出出来。】

12）面包屑【层级菜单，告诉你所在层级结构的前后关系；放在最顶端；使用“>”对层级进行分隔；使用小字体；使用文字“你在这里”将你正在浏览的页面名称加粗；不要把它们当作页面名称。】

13）标签的优点【它们浅显易懂；它们很难错过；它们很灵活；它们暗示了一个物理空间。Amazon的优点：正确绘制、颜色编码区分】

导航中所用元素介绍：

1）站点ID：代表了整个网站，需要出现在页面可视层次的首要位置

2）栏目：有时候也称为主导航条，是到达主要栏目的连接

3）实用工具：是到达网站中不属于内容层次的重要元素的连接

第7章 首先要承认主页不由你控制

设计主页：

l 站点的标识和使命【告知用户这是什么网站，做什么的，为什么我应该在这里而不是别的网站】

l 站点层次【主页要给出网站提供服务的概貌】

l 搜索【大多数网站需要在主页上设置一个突出显示的搜索框】

l 导读【吸引用户】

l 内容更新【定时间的内容更新显示网站并非死水】

l 友情链接

l 快捷方式【热门或最常访问的链接可以放置在主页最上方】

l 注册【如果网站有注册机制应该让用户知道自己已经登陆了】

l 让我看到自己正在寻找的东西

l 推荐一些我可能会感兴趣的但是还没有寻找的东西

l 告诉我从哪里开始

l 建立可信度和信任感

如何传达主页信息：

1）口号

最有价值的位置之一是靠近站点ID的地方，可以放置口号。口号是一条精炼的短句，刻画了整个企业，总结它是什么，为什么卓越

口号是非常有效得而信息传达方式，但是有几点要考虑：要清楚、言之有物，不要含混不清；长度适中；要表述出网站的特点和显而易见的好处，不要太笼统；应该有个性、生动，有时还很俏皮。

2）欢迎广告

网站的简介描述，在主页的首要位置显示

传达信息的指导原则：

l 需要多大空间就使用多大空间

l 但也不要使用过多的空间

l 不要把使命陈述当做欢迎广告

l 最重要的是进行测试

主页导航可以不一样

栏目描述【由于主页要尽可能多的表现网站内容，甚至可能想列出下一级栏目】

不同的方向【主页通常和其他页面的布局不同，因此它可能有必要使用垂直导航而不是水平导航，反之亦然】

用于识别的空间更多【主页上的站点ID通常会比持久导航上的更大，】

下拉框的问题：

l 只有在点击的之后才能看到下拉列表的内容

l 如果设计师使用标准的HTML下拉菜单，他们无法控制字体、间隔和列表的样式，以提高菜单的可读性和视觉美观，也没有什么好办法把列表分成几个组

l 他们不好控制，列表的显示和收缩很快，因此会影响查看效果

防止主页的过度使用【任何共享的资源（共有区域）都会因为过度使用而遭到破坏；可以从其他热门页面推荐，或者轮流使用主页上的同一块空间】

第8章 农场主和牧牛人应该是朋友

为什么web设计团队讨论可用性是在浪费时间，如何避免这种情况

l 不要把自己的喜好投射到整个WEB用户身上

l 所有的WEB用户都是独一无二的，所有WEB使用都是不一样的，必须要把用户的复杂性考虑进去

l 不应该讨论“大部分人是否喜欢下拉框”，“而是讨论这个下拉框放在这个地方是否会让用户有一种好的体验”【要在合适的位置放置合适的东西，让用户产生舒适的体验】

第9章 一天10美分的可用性测试

焦点小组不是可用性测试

l 焦点小组——一小组人（通常是5~8人）围坐在桌子旁边，对展示给他们的想法和设计做出反应，这是一个小组过程，主要价值来自参与人员彼此的反应。焦点小组是快速得到用户意见和感觉的一种不错的方法。【抽象的确定你的目标受众想要什么、需要什么、喜欢什么的时候很有用，他们也可以测试出网站的理念是否有意义，价值主张是否吸引人。同时在测试你的网站功能命名，发现用户对你的竞争对手的看法等方面。但这种方法不适合用来了解你的网站运行状况，以及怎样改进网站】

l 可用性测试——对一个用户展示一些内容（不管是网站还是网站原型，或是一些单个页面的草图）并且要求用户说出：1.这是什么；2.试着用它来完成一项典型的任务

关于测试：

l 如果想建立一个优秀的网站，一定要测试【了解它是否运作正常】

l 测试一个用户比不做测试好一百倍【测试总会有效果】

l 在项目中，早点测试以为用户好过最后测试50位用户【web在上线以前更改都是相对来说比较容易的，但是上线后要改变它们就不那么容易了，有些用户拒绝做出任何变化。】

l 人们对招募用户代表的重要性估计过高

l 测试的关键不是要证明什么或者反驳什么，而是了解你的判断力

l 测试是一个迭代的过程【测试不是做一次就可以了，而是要循环开发、测试、修复、在读测试的过程】

l 没有什么比现场用户的反应更重要

简易可用性测试

l 应该测试多少用户【每轮测试理想用户数量应该是三个，最多四个，第一轮测试可能会遇到几乎所有最明显的问题，而且要多做几轮测试。】

l 宽松招募，曲线上升【实际上，我们都是初学者；设计出的网站只有你的目标群体能使用，这通常并不是一个好主意；专家通常不会介意对初学者来说很清楚的界面。但也有例外：如果你的网站几乎只有某一类用户使用，而且招募这一类测试用户并不困难；如果你的目标用户群体可以分成几个明显的阵营，而且这些阵营有着完全不同的兴趣和需要；如果使用你的网站需要专门的领域知识】

当你在进行招募的时候，应该主语一下几个问题：

l 提供合理的激励

l 邀请要简单

l 避免对网（或网站背后的组织结构）进行预先讨论

l 别不好意思请朋友和邻居帮忙

测试什么，什么时候测试

要在WEB开发的各个阶段及早进行测试，还有经常测试，开始设计前可以先测试一下同类的网站

l “理解”测试——让测试用户看到网站，他们是否能理解这个网站的目标、价值主张、组织方式、运行方式等。

l 关键任务测试——让用户完成一些任务，看他们是怎么做的。

l “小隔间”测试——在做好一个页面时就给别人看，看他们是否能弄清页面的意思。

立刻回顾测试结果

每轮测试后，应该尽快让开发团队回顾每个人的观察，决定接下来该如何处理

l 给问题分类

l 解决问题

常见问题

l 用户不清楚概念

l 他们找不到自己要找的字眼【你用来组织内容的分类不符合用户习惯；分类符合他们的习惯，但没有使用他们期望的名字】

l 内容太多了【减少页面上的整体干扰；把他们需要看到的内容设置的更加醒目突出。】

一些问题分类指南

l 忽略“Kayak”（皮划艇）问题【用户暂时出现错误，然后再不需要任何帮助的情况下回到原来的轨道。当然如果最这样的问题有一种简单而又明显的修正方法并且不会影响到其他内容，那么尽管去修正。】

l 抵制添加的冲动

l 不要太看重人们对新功能的要求

l 抓住够得着的果子【恍然大悟型、 便宜型】

进行变更的建议：

哪怕一个微小的变化都会带来不小的影响，有时候真正的挑战不是修正你发现的问题，而是修正这些问题同时不破坏已经正常运行的部分。

每个月进行一次可用性测试，只要一上午。

第10章 可用性是基本礼貌

做正确的事，为用户考虑周到

用户的好感储存器

l 它因个人特质而不同

l 它依情况而定

l 你可以重新填满它

l 有时候一个错误就能清空它

降低好感的几种情况：

l 隐藏我想要的信息

l 因为没有按照你们的方式行事而惩罚我

l 向我询问不必要的信息

l 敷衍我，欺骗我

l 给我设置障碍

l 你的网站看上去不专业

提高好感度的几种情况：

l 知道人们在你网站上想做什么，并让它们简单易懂

l 告诉我我想知道的

l 尽量减少步骤

l 花点心思

l 知道我可能有哪些疑问，并给予解答

l 为我提供协助，例如打印友好页面

l 容易从错误中恢复

l 如有不确定，记得道歉

第11章可访问性、级联样式表和你

支持可访问性才是正确的做法

现在就能正确实施的五件事：

1）改正让所有人感到混淆的可用性问题

l 经常测试，然后不断消除让每个人都混淆不清的地方。

2）读一篇文章【国内暂时不用】

l Guidelines for Accessible and Usable Web Sites：Observing Users Who Work with Screen Readers（网站可访问及可用指南：屏幕阅读器用户观察）

3）看一本书【略】

l Joe Clark《Building Accessible Websites》

l Jim Thatcher等《Constructing Accessible Websites》

l John Slatin和Sharron Rush《Maximum Accessibility：Making Your Web Site More Usable for

Everyone》

l 一张CD《The WebAIM Guide to Web Accessibility Techniques and Concepts》

4）开始使用级联样式表

l对格式的控制没有限制

l 灵活性

l 浏览器之间的一致性

l 序列化你的内容

l 允许你重新定义文字大小

5）去摘够得着的果子【不太适用了】

l 为每张图片增加一个alt文本

l 让你的表单配合屏幕阅读器

l 再每一页的最前面增加一个“跳转到主要内容”的链接

l 让所有的内容都可以通过键盘访问

l 如果没有充分的理由，不要使用JavaScript

l 使用客户端（而不是服务器端）的影像地图

第12章 救命！老板想要我……

当好人遇不到好的设计决策（哇，这标题放到小说里可能有很多人会想歪）

询问不必要的信息可能产生的三个严重后果：

l 无法得到真实的数据

l 到的完整表单更少

l 是您的网站形象下降

要记住下面三个原则：

l 只让我提供完成此次事务所需要的信息

l 不要要求填写过多可选信息，容易让生产生不快

l 告诉我提供自己的信息能得到的回报

网站的外观效果不能够影响到其功能，否则就会流失客户。