Don’t Make Me Think

第一章   别让我思考


网站架构明确，导航信息摘要排版要明显。 

尽量避免生僻词汇。尤其不要自己造词。 

链接要明显，效果要突出。（对于这一点，书上尽量要求使用图片形式的按钮。尽量通过按钮形的突出图片、链接，以最简洁的方式引导用户） 

步骤尽量简单（把人的思考也算成步骤，把用户所需要操作的步骤+思考所需要的步骤整合起来。尽量把步骤总和缩减到最少） 

以下是作者列出的常见的几个问题：

1）我在什么位置？我应该从哪里开始？
2）他们把XX放在什么地方了？
3）这个页面最重要的是什么？
4）我们为什么他们给它取这个名字]？

如果做不到一切页面都不言而喻的话，那就尽量做到“自我解释”。 


第二章   我们实际上是如何使用web的


阐述了我们的阅读习惯——扫描阅读。

我们一般会把注意力，放在有下述特定的文字和短语上：

1）与手头任务有关的；[这一类的人一般会通过搜索获得页面，如果当前页面没有他们需要的内容，来一个全文搜索还是很必要的
2）我们当前或接下来的个人兴趣[这一类的信息一般都是随机出现的]；当然，我们还有我们脑袋里一些根深蒂固象触发器那样的词，例如‘免费’，‘大减价’，‘美女’，还有我们的名字。[这种方式看似不太实用，但是却是大部分网站的主要流量。
 
用户对于一个目标页面的选择，一般来讲，从用户的时间有限，不会去花时间思考应该点哪个链接，而是凭感觉选择自己满意的所以这就要求页面内的文字要一目了然。

文章还提到，如果猜错了也不会产生严重后果，最多就是点一下后退。对于这一点的要求现在虽然AJAX横行，但是对于用户网络速度的要求还是很苛刻的，同样的页面0.5秒的载入时间和0.1秒的载入时间，用户绝对不会选择前者。 

用户浏览网页的时候，他们只是通过自己的方式进行查找信息，而不是按照我们实现设置好的我们认为的最佳路径而进行浏览。 


第三章   广告牌设计101法则


主要讲述的是如何为那些扫描阅读我们网站的人设计我们的网站。这里所陈述的广告牌是指高速公路上的广告牌。首先讲述了如何针对扫描用户设计的5个重要方面。

1）在每个页面上建立清楚的视觉层次。 
2）尽量利用习惯用法。 
3）把页面划成明确定义的区域。 
4）明显标识可以点击的地方。 
5）最大限度降低干扰。 

1）建立清楚的视觉层次，主要是讲标题和段落之间。（以前总把H1和P用CSS把margin全去掉了。现在才知道W3的用意。就是为了把语意的层次分清，虽然中文很难看。）越重要的部分越突出；逻辑上相关的部分在视觉上也相关；逻辑上包含的部分在视觉上进行嵌套。这样做的主要目的是为了减少用户的工作，增加他们的扫描速度。

2）尊重用户的习惯用法，改变一个人的习惯是很难的，同样养成一个人的习惯也是需要相当的时间的。所以我们要了解用户的用法，根据他们的习惯来布局，建立层次关系。如果你需要让用户习惯你的网站，这种习惯用法必须非常的有用、易用、清楚不言而喻，而且最终会给网站和用户带来很大的价值。（因为国内的设计师有的时候要兼顾UE的角色，所以推荐尽量使用习惯用法。）

3）把页面划分成明确定义的区域（标题和内容或者列表的区域明显） 。对网页扫描所进行的几项初始眼动研究表明，用户很快就会明确页面哪些部分包含有用信息，然后对其他部分看都不看——就象他们根本不曾来过一样

4）明显标识可以点击的地方。这里所说的是要求凡是有链接的地方都要明显。但是现下很多网站在首页看来几乎所有的文字都是可点的。但是为了保持美观，他们又不得不去掉一些文字链接的下划线，并且样式做的和文字描述差不多，字体颜色也很少有改变。所以，这些看似美丽的毛病却扼杀了我们的很多的用户。迫使用户去思考某些通过下意识就可以知道的东西，例如什么地方可以点击，那么你完全是在浪费每个用户对新站点的耐心和好感。

5）降低视觉干扰。 行高尽量设置的高一点，使用户阅读的时候不至于错行，修饰边框及背景的颜色应该尽量低于内容文本的颜色。避免用户演化缭乱，不要放过多颜色绚丽的广告，干扰用户寻找信息。解决方案：先假定所有内容都是视觉噪声，除非得到证明它们不是。


第四章   动物、植物、无机物（为什么用户喜欢无须思考的选择）


点击多少次都没关系、只要每次点击都是无须思考、明确无误的选择。
——Krug可用性第二定律

在此之前我们一直争论用户在到达目标之前点击多少次而不会觉得有挫折感这个问题，事实上三次无须思考，明确无误的点击相当于一次需要思考的点击。


第五章   省略不必要的文字


去掉每个页面上一半的文字，然后把剩下的文字再去掉一半。
——Krug可用性第三定律

Krug定义了两种文字为多余的文字，一个是欢迎词，一个是指示文字。欢迎词大家基本都或多或少的了解。指示文字，一般用于表单提交的指示说明。