第一章 别让我思考

--Krug可用性第一定律

Web终极法则，可用性第一定律

别让我思考！网页应不言而喻、一目了然、自我解释。

网页内容需注意的地方：

显而易见的

明显能点击的

明白易懂的

如何让普通用户快速识别及使用内容：

在开拓性或者复杂的页面设计时，也许只能做到自我解释。在一个解释的页面中，用户需要花一点点时间去理解，页面的元素外观、精心选择的名称、页面布局以及少量仔细斟酌过的文字，它们综合在一起讲创造出一种接近瞬间的识别效果。

第二章

--我们实际上是如何使用Web的扫描，满意即可，勉强应付

关于网络使用情况的三个事实：

我们不是阅读，而是扫描

寻找能够吸引我们注意力的文字或词语。节约用户时间，删除不必要的内容。

我们不作最佳选择，而是满意即可

在设计页面时，选择合理的选项，不要在设计不佳的网站花费精力。

我们不是追根究底，而是勉强应付

使用户更容易找到自己需要的东西，理解你的网站提供哪些服务。引导他们到网站上你更希望看到的地方。

第三章  广告牌设计101法则

--为扫描设计，不为阅读设计

习惯用法是你的好帮手

任何东西，要让人瞬间理解，一种最好的方法就是遵循习惯和惯例---那些已经广为采纳或者已经标准化了的设计模式，如停止标志、车内的控制装置、页面上的什么内容在什么位置、服务将如何运作、视觉元素的外观……

在清楚自己有一个更好的想法时进行创新，如果没有，那么请尽量利用习惯用法。

有些时候，稍微打破一致性，可以获得更清楚的效果

简洁胜过一致

建立有效的视觉层次

越重要的部分越突出

逻辑上相关的部分也在视觉上相关

逻辑上包含的部分在视觉上进行嵌套

把页面划分成明确定义的区域

把页面划分成明确定义的区域很重要，因为这可以让用户很快决定关注页面的哪些区域，或者放心地跳过哪些区域。

明显标识可以点击对地方

如果能坚持只用一种字体颜色来表示文字链接，或者能确定他们对外观和位置可以识别他们是可以点击的，那就没事了。

降低视觉噪声

页面不易理解的一个很大原因是视觉噪声，三类视觉噪声：

眼花缭乱

组织不当

太过密集

为文本设置格式，以便扫描

充分利用标题

保持段落简洁

使用富豪列表

突出关键词语

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

--为什么用户喜欢无需思考的选择

用户不介意有多少次点击，只要每次点击都是毫不费力的，并且能让用户坚信自己的选择正确

三次无需思考、明确无误的点击相当于一次需要思考的点击

简短  只需要提供最少的信息效果最好

及时  放在我正好需要它的地方

不会错过  设置合适的格式，保证我一定会注意到他

让选择变得无须思考是让一个网站容易使用的最重要因素

第五章  省略多余的文字

--不要在wab上写作的艺术

有力的文字都很简短，去掉没人看的文字的几个好处：

降低页面的噪声

让有用内容更加突出

让页面更加简短

欢迎词必须消灭掉

欢迎词没有什么有用的信息，更像是一种闲聊，内容无所谓，主要是一种社交手段而已。用户在浏览网页的时候，并没有什么时间闲聊，他们更希望直截了当，尽量减少欢迎词，能减多少就减多少。

指示文字必须消灭

当指示文字不可避免的时候，尽量砍掉多余的部分，只留下必要的一点点

现在，来点完全不同的

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

--设计导航

记住下面事实：如果网站上人找不到方向，人们不会使用你的网站

                            创建符合用户习惯的“明确、简单、一致”的导航

网络导航101法则：

为了寻找某个目标

你会决定询问还是浏览

如果浏览，你将通过标志的引导在层次中穿行

最后，找不到就会离开

Web习惯导航用法：

导航元素要做到的就是位置标准、外观标准化，使用户在使用过程中快速定位，也更容易将导航与其他东西区分开。

持久导航：

“导航部分在这里，其中一些可能会根据您所处的位置有所变化，但他总会出现在这里，也总会以同样方式为您服务！”

持久导航5要素：

搜索方式

会主页方式

站点ID栏目（主导航条）

实用工具

面包屑：

拥有“自我解释”的能力

最后一个元素应当加粗，突出当前页

位于整个页面顶端

用>作为层级分隔

整个页面的补充机制

标签：

不言而喻

不易被忽略

灵活性高、实用性强

利用错觉，暗示一个无力空间

标签绘制三要素：

正确绘制用不同颜色或外形做对比

颜色编码激活和当前标签对比强烈

进入网站有一个标签已被选中

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

--设计主页

主页要完成的任务：

站点标志和使命

站点层次

搜索

导读

注册

内容更新

友情链接

快捷方式

注册

让我们看到正在寻找的东西

告诉我们从哪开始

建立可信度和信任感

网站要传递一个整体形象，首先就要表达清楚这个网站是什么，给用户直观感受。

如和传达：

口号

欢迎广告语

标题

指导原则：

需要多大空间就实用多大空间，但也不要实用过多空间

不要吧使命陈述当欢迎广告

进行测试

主页导航可以不一样，主页可以不使用持久导航，通常也不使用

栏目描述：主页需尽可能多的表现网站内容

不同方向：通常和其他页面布局不同

用于识别的空间更多

下拉框： 

一定程度上节约了页面的空间

但必须要用户去找出来的，用户在扫描页时，看不到

打开后，不好控制，影响用户查看效果

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

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

通过测试来解决问题，将讨论对错转移到什么有效，什么无效上，更容易缓和争论，打破僵局而且测试会让我们看到用户的动机，理解，反应的不同，从而让我们不会再坚持认为用户的想法和我们一样。

第九章 10美分的可用性测试

--让测试——这样你能进行充分的测试

关于测试的几个事实：

如果想建立一个优秀的网站，一定要测试

测试一个用户比不做测试好一倍

在项目中，早点测试一位用户好过最后测试50位用户

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

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

测试是一个迭代的过程

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

宽松招募，曲线上升：

设计出的网站只有你的目标群体能使用，这通常并不是一个好主意

专家通常不会介意对初学者来说清楚的界面

如果你的目标用户群体可以分成几个明显的阵营，而且这些阵营有着完全不同的兴趣和需要

提供合理的奖励

邀请要简单

避免对网站进行预先讨论

测试什么，什么时候测试：

“ 理解 ”测试，理解网站目标，价值主张，运行方式

关键任务测试

立刻回顾测试结果：

给问题分类

解决问题

常见问题：

用户不清楚概念

他们找不到自己要找的字眼

内容太多

一些问题分类指南

忽略 " Kaysk " 问题

抵制添加的冲动

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

抓住够得着的果子

第十章    可用性是基本礼貌

--为什么你的网站应该让人尊敬

好感储存器：

1.它因个人特质的不同而不同。

2.它依情况而定。

3.你可以重新填满它。

4.有时候一个错误就能清空它。

降低好感的几种方式：

1.隐藏我想要的信息。（最常见的情况是隐藏客户服务的电话号码、运费和价格）

2.因为没有按照你们的方式行事而惩罚我。（例如输入信用卡号码时加空格有便于用户不出错）

3.向我询问不必要的信息。（如果网站要求的信息超出当前任务时会让用户觉得很厌烦）

4.敷衍我，欺骗我。（“您的电话对我们来说很重要”）

5.给我设置障碍。不得不等待一个长长的Flash介绍，或者浏览多个页面。

6.你的网站看上去不专业。（凌乱、组织的不好、布局不专业）人们喜欢对网站的外观--特别时颜色--发表意见。

提高好感的几种方式：

1.知道人们在你网站上想做什么，并让它们明白简易。

2.告诉我我想知道的。

3.尽量减少步骤。

4.花点心思。

5.知道我可能有哪些疑问，并且给予解答。（是真正的常见问题列表；保持更新；保持坦率）

6.为我提供协助，例如打印友好页面。

7.容易从错误中恢复。

8.如有不确定，记得道歉。

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

（正当你觉得已经完成时，一只猫掉了下来，背上捆着涂了奶油的面包）

开发人员和设计师们所害怕的：

1.更大的工作量。

2.设计折衷。

真正的解决方案——和以前一样——还需要时间

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

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

2.读一篇文章（希望用耳朵扫描）

3.看一本书

4.开始使用级联样式表

5.去摘够得着的果子

（为每张图片增加alt文本；让你的表单配合屏幕阅读器；在每页的最前面增加一个“跳转到主要内容”的链接；让所有内容都可以通过键盘访问；如果没有充分的理由，不要JavaScript脚本语言；

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

第12章  当好人遇到不好的设计决策

为您的网站增加“注意力吸引点”

我并不是在反对打破规则，也不是反对对它们进行改造，我知道也有些网站希望自己的界面能让人们思考，让他们迷惑不解，或者挑战他们。只要确定你知道你在改造哪些规则，而且你至少认为你有充分的理由改造他们就行了。