如果某个东西很难用，我就不会经常用它。——Steve Krug妻子

引用本书作者Steve Kru在书中提到的妻子的一句话开头，Steve Kru说这句话一针见血地指出了可用性的本质。
　　由于没有找到最新的第三版的电子版本，因此阅读了比较老的第二版，本书只有短短的100来页，作者保证本书的短小精炼，以实现本书的“可用性”也即是向读者直接地展示了“可用性”原则。虽然本书的有些观点和例子现如今看起来已经没有多少参考价值，但是通篇读下来，作者所传达的整体思想依然为当前产品设计所要遵循的原则。

指导性原则

一、 别让我思考

• 可用性第一定律：别让我思考
  意味着设计者应该尽量做到，当我看到一个页面时，它应该是不言而喻、一目了然、自我解释的。我应该能明白它——它是什么，怎样使用它——而不需要花费精力进行思考

• 强迫我们思考的地方

• 网页上每项内容都有可能迫使我们停下来，进行不必要的思考。例如：名字、看起来不太明显的链接和按钮

• 当我们访问Web的时候，每个问号都会加重我们的认知负担，把我们的注意力从要完成的任务上拉开。这种干扰也许轻微，但它们会累积起来。有时候这样的干扰不用太多，就足以让我们抓狂。

• 一个简单的图书搜索，用户却经历了大约如下5个步骤

  
  

• 如果你做不到让一个页面不言而喻，那么至少应该让它自我解释。

• 为什么“别让我思考”这么重要

• 在因特网上，竞争有时就在于一个点击的差别，因此如果你得罪了用户，他们会跑到别的地方去

• 大多数人会花比我们想象中少得多的时间来浏览网页。

• ** 结论**

如果要让网页有效，它们必须在用户第一眼看到时将自己展现出来，而要做到这一点，最好的方法是创建不言而喻的网页，或者至少也要做到自我解释

二、我们实际上是如何使用Web的

• 第一个事实：我们不是阅读，而是扫描
• 我们总是处于忙碌之中
• 我们知道自己不必阅读所有内容
• 我们善于扫描
• 第二个事实：我们不做最佳选择，而是满意即可
• 第一个合理的选项（满意策略）
• 为什么Web用户不寻找最佳选择呢？
  1. 我们总是处于忙碌之中
  2. 如果猜错了，也不会产生什么严重的后果。
  3. 对选择进行权衡并不会改善我们的机会

4. 猜测更有意思

• 第三个事实：我们不是追根究底，而是勉强应付
• 很多时候，用户往往不会按照设计师设想的方式使用网络和软件 ，但他们用的很好
• 为什么会这样？
  1. 这对我们来说并不重要
  2. 如果发现某个事物能用，我们会一直用它
• 然而让用户弄明白依然很重要，因为有时候可以勉强应付，但它通常效率不高，而且容易出错。

三、广告牌设计101法则

• 尽可能的让用户看到并理解你的网站：
• 在每个页面上建立清楚的视觉层次

2. 尽量利用习惯用法
3. 把页面划分成明确定义的区域
4. 明显标识可以点击的地方
5. 最大限度降低干扰

• 建立清楚的视觉层次
  一个视觉层次清楚的页面有三个特点:

1. 越重要的部分越突出
2. 逻辑上相关的部分在视觉上也相关
3. 逻辑上包含的部分在视觉上进行嵌套

• 习惯用法是你的好帮手

• 减少用户教育时间和成本

• 当你不想使用习惯用法而想要创新设计时，你需要做到以下两点：

  1. 同样清楚，同样不言而喻，没有学习曲线的方法
  2. 带来很大的价值，因此值得用户付出一点努力来学习的方法

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

• 明显标识可以点击的地方
  人们在网络上所做的大多数事情就是找到下一个地方点击，那么明确的标识哪些地方可以点击，哪些地方不能点击，这很重要。

• 降低视觉噪声

• 两类视觉噪声

  1. 眼花缭乱，所有的内容都在希望得到用户的注意
  2. 背景噪声

• 当你在设计页面的时候，这样做可能是个好办法：先假定所有内容都是视觉噪声，除非得到证明它们不是

四、动物、植物、无机物

• 可用性第二定律：点击多少次都没关系，只要每次点击都是无需思考，明确无误的选择
• 如果我们需要一直在网络上进行选择，那么让这些选择变得无须思考是让一个网站容易使用的主要因素。

五、省略不必要的文字

• 不要在Web上写作的艺术

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

• 去掉没有人看的文字有几个好处：

  1. 可以降低页面的噪声
  2. 让有用的内容更加突出
  3. 让页面更简短，让用户在每个页面上一样就能看到更多的内容，而不必滚动屏幕

• 尽可能的减少欢迎词，能减多少就减多少

• 指示说明必须消灭
  让每项内容不言而喻而完全消除指示说明，或者尽可能做到这一点，当指示文字变得完全没有必要时，则应把它们完全去掉。

将这些原则应用到最重要的Web设计挑战上：设计导航和主页

六、街头指示牌和面包屑

• “明确”、“简单”、“一致”的导航
• 网络导航101法则
• 你通常是为了寻找某个目标
• 你会决定是先询问还是先浏览
• 如果选择浏览，你将通过标志的引导在层次结构中穿行
• 最后，如果你找不到想要的东西，你会离开

导航101法则.png

• 无法承受的浏览之轻
  在Web空间里：
• 感觉不到大小

2. 感觉不到方向
3. 感觉不到位置

• 被忽视了的导航用途
  导航显而易见的用途：帮助我们找到想要的任何东西和告诉我们现在身处何处。
• 它给了我们一些固定的感觉

2. 它告诉我们当前的位置
3. 它告诉我们如何使用网站
4. 它给了我们对网站建造者的信息

• Web导航习惯用法

• 把它们放在标准的位置可以让我们快速定位，不必费力，将他们的外观标准化让我们更容易把它们与别的东西区分开来。

• Web导航的基本元素

  1. 网站ID
  2. 栏目
  3. 实用工具
  4. 下一级栏目
  5. 当前位置指示器
  6. 页面名称
  7. 页面导航
  8. 底端导航

• 全局导航
  全局导航（持久导航）5元素：站点ID、回主页的方式、搜索的方式、实用工具、栏目

• 页面名称需要注意以下四点：
  ① 每个页面都需要一个名称
  ② 页面名称要出现在合适的位置
  ③ 名称要引人注目
  ④ 名称要和点击的链接一致

• 在Web上可以用突出我当前的位置来抵消网络固有的空间迷失感，不管是在页面的导航条、列表还是菜单上。

• 面包屑

• 面包屑（层级菜单）同“你在这里”指示器（站点层级结构前后关系）一样，也告诉你当前的位置（从主页到当前位置的路径）

• 面包屑导航的特点：

  1. 把他们放在顶端
  2. 使用“>”对层级进行分隔
  3. 使用小字体
  4. 使用了文字“你在这里”
  5. 将最后一个元素加粗
  6. 没有把他们用作页面的名称

• 标签导航

• 标签是大型网站导航的上佳选择，因为：

  1. 它们不言而喻
  2. 它们很难错过
  3. 它们很灵活
  4. 它们暗示了一个物理的空间

• 标签经典设计

  1. 正确绘制
  2. 颜色编码
  3. 当你进入网站时，有一个标签已经选中

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

• 主页要完成的任务：
• 站点的标识和使命

2. 站点层次
3. 搜索
4. 导读
5. 内容更新
6. 友情链接
7. 快捷方式
8. 注册

• 其他抽象目标
• 让我看到自己正在寻找的东西

10. ……还有我没有寻找的
11. 告诉我从哪里开始
12. 建立可信度和信任感

• 对于主页的一些常见约束：
• 每个人都想占一席之地

2. 想要参与的人太多
3. 一个尺寸要适合所有人

• 第一个受害者：主页

• 主页不能忘记的一点：传达整体形象

• 这是什么网站？

• 我能在这里做什么？

• 网站上有些什么？

• 为什么我应该在这里，而不是在别的地方？

• 如何传达？

1. 口号，最有价值的位置之一是靠近站点ID的地方
2. 欢迎广告，欢迎广告是网站的简要描述
   如

• 传达信息的指导原则：

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

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

• 不要把使命陈述当作欢迎广告

• 最重要的是进行测试

• 口号

• 口号是一句精炼的短语，刻画了整个企业，总结它是什么，什么让它如此卓越。

• 口号是非常有效的信息传达方式，因为他们是用户最希望能找到关于网站目标具体描述的地方。

• 在选择口号时，有几点需要注意：

  1. 好的口号要清楚、言之有物
  2. 不好的口号含混不清
  3. 好的口号长度适中
  4. 好的口号能表达出网站的特点和显而易见的好处
  5. 不好的口号听起来太笼统
  6. 好的口号应该有个性、生动，有时候还很俏皮

• ** 第五个问题**
  一旦知道网站是做什么的，接下来就是主页需要回答的第五个问题：从哪里开始？

• 主页导航可以不一样
  主页导航与其他页面的导航可以不一样，但是不要进行不必要的改动，主页导航与全局导航保持一定程度上的一致性，有助于用户理解这是相同导航的不能版本。

• 下拉框的问题

• 下拉框的好处：节省空间

• 下拉框存在的问题：

• 你必须把它们找出来

• 它们难以扫描

• 它们不好控制

• 引发短视行为
  在主页上增加更多的项目所得到的和付出的并不一致，得到推荐的栏目获得了巨大的访问量，而由于主页变得更混乱而造成的有效性总体损失则要由所有的栏目 一同承担

确定你没有做错的几件事

八、农场主和牧羊人应该是朋友

• 为什么？

• 主张的力量以及人的天性，自然有一种把这些喜欢或不喜欢投射到整个Web用户身上的倾向，认为绝大部分Web用户喜欢我们所喜欢的，通常认为绝大部分Web用户和我们一样。

• 在这种个人情绪的表面之上，还有另一个层次的问题：职位情绪。

• 在“大部分Web用户和我们一样”这种信仰的背后，还有一种隐藏的更深的信仰：相信大部分Web用户是弹性的，可以随意变化。——普通用户神话

• 如何避免？
  测试，建立版本，然后仔细观察人们对它的看法和使用的方法。

九、一天10美分的可用性测试

• 焦点小组不是可用性测试

• 焦点小组
  一小组人（通产是5-8人）围坐在桌子旁边，对展示给他们的想法和设计作出反应。这是一个小组的过程，主要价值来自于参与人员彼此的反应。焦点小组是快速得到用户的意见和感觉的一种不错的方法

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

• 关于测试的几个事实

  1. 如果想建立一个优秀的网站，一定要测试。
  2. 测试一个用户比不做测试好一倍。
  3. 在项目中，早点测试一位用户好过最后测试50位用户
  4. 人们对招募用户代表的重要性估计过高
  5. 测试的关键不是要证明什么或者反驳什么，而是了解你的判断力
  6. 测试是一个迭代的过程
  7. 没有什么比现场用户的反应更重要

• 宽松招募，曲线上升
  利用你能够寻找到的任何人（满足最低要求），然后曲线上升。

• ** 你的测试用户和目标群体之间可以存在差异，理由如下：**

• 实际上，我们都是初学者

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

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

• 但也有一些例外：

  • 如果你的网站几乎只有某一类用户使用，而且招募这一类测试用户并不困难
  • 如果你的目标用户群体可以分成几个明显的阵营，而且这些阵营有着完全不同的兴趣和需要
  • 如果使用你的网站需要专门的领域知识

• 当你在进行招募的时候，应注意以下几个问题：

• 提供合理的激励

• 邀请要简单

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

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

• 测试什么，什么时候测试

• “理解“”测试，顾名思义，就是让测试用户看到网站，然后看他们能否理解这个网站，理解网站的目标、价值主张、组织方法、运行方式等

• 关键任务测试，让用户完成一些任务，然后观察他们是怎么做的

• ** 立刻回顾测试结果**

• 给问题分类——回顾大家看到的问题，决定哪些问题需要修正

• 解决问题——找出修正这些问题的方法

• 一些问题分类中指南
  关于决定修正什么问题（还有不要修正的地方），下面给出一些建议：

• 忽略“Kayak”（皮划艇）问题

• 抵制添加的冲动

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

• 抓住够得着的果子

  • 恍然大悟型，当第一个用户试着勉强应付的时候，问题和解决方法都很明显
  • 便宜型，1）几乎毫不费力的；2）需要费一点力气，但效果非常明显的

• 别把孩子也泼出去了，修正问题的同是要保证不破坏已经正常运行的部分

大的方面和外界影响

十、可用性是基本礼貌

对Web可用性而言，还有另外一个重要的组成部分：做正确的事

• 好感存储器
  关于好感存储器，有以下几点值得注意：

• 它因个人特质的不同而不同

• 它依情况而定

• 你可以重新填满它

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

• 降低好感的几种方式
  下面提到的几件事会让用户觉得发布网站的人并不关心他们的利益：

• 隐藏我想要的信息

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

• 向我询问不必要的信息

• 敷衍我，欺骗我

• 给我设置障碍

• 你的网站看上去不专业

• 提高好感的几种方式

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

• 告诉我我想知道的

• 尽量减少步骤

• 花点心思

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

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

• 容易从错误中恢复

• 如有不确定，记得道歉

十一、 可访问性、级联样式表和你

• 增强网站的可访问性，可注重的几个方面：

1. 改正让所有人感到混淆的可用性问题
2. 阅读《网站可访问及可用指南：屏幕阅读器用户观察》
3. 阅读关于Web可访问性的书
4. 开始使用级联样式表
5. 去摘够得着的果子

• 为每张图片增加alt文本
• 让你的表单配合屏幕阅读器
• 在每页的最前面增加一个“跳转到主要内容”的链接
• 让所有的内容都可以通过键盘访问
• 如果没有充分的理由，不要使用JavaScript
• 使用客户端（而不是服务器）的影像地图

十二、 救命！老板想要我……

• 要求太多个人数据的危险
• 询问不必要的信息可能产生的严重后果：
  • 常常无法得到真实的数据
  • 得到的完整表单更少
  • 使网站形象下降
• 表单的三个原则：
  • 只让用户提供完成此次事务所需的信息
  • 不要要求填写过多可选信息
  • 告诉用户提供的信息将得到的回报