产品读书《Don’t make me think》

Dont make me think pdf版

第1章：别让我思考【Krug可用性第一定律：“别让我思考”】

1. 让用户看到一个网页，不言而喻，一目了然
2. 强迫我们思考的：自以为很聪明的文字、不太明显的链接和按钮等；
3. 如果不能做到不言而喻，至少要做到“自我解释”；

---

第2章：我们实际上是如何使用web的【扫描，满意即可，勉强应付】

• 用户只会“瞥一眼”来找自己所需要的，并不是仔细阅读；

  用户所需要的：
  1)与手头人物有关的；
  2）当前或接下来的个人兴趣；
  3）一些“免费”“大降价”“美女”之类的词；

• 事实1：我们不是阅读，而是扫描（我们想的和事实的差别）

原因：
1）我们很忙
2）我们知道自己不必阅读所有内容
3）我们善于扫描

• 事实2：我们不做最佳选择，而是满意即可（满意策略）

《Source of Power：How people make decision》
原因：
1）我们很忙
2）我们猜错不会有严重后果
3）我们对选择进行权衡并不会改善我们的生活
4）猜测更有意思

• 事实3：我们不是追根究底，而是勉强应付

原因：
1）对我们不重要
2）发现有适合的就一直用它

---

第3章：广告设计101法则【为扫描设计，不为阅读设计】

• 建立清楚的视觉层次

1)越重要部分越突出：字体、颜色、留白等
2) 逻辑上相关部分也在视觉上相关：相似内容分组放在同一标题下
3)逻辑上包含的部分在视觉上进行嵌套：一个分类标题包含另一个分支主题

• 习惯用法是你的好帮手
• 把页面划分成明确定义的区域（可以让用户很快决定关注页面的那些区域，或放心跳到那些区域 ）
• 明显标识可以点击的地方
• 降低视觉噪声（眼花缭乱没重点；组织不当；背景噪声）

---

第4章：动物、植物、无机物【为什么用户喜欢无需思考的选择】

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

---

第5章：省略不必要的文字【不要再web上写作的艺术】

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

《The element of Style》中的第17条规则
好处1：降低页面的噪声
好处2：让有用的内容更加突出
好处3：让页面更简短，而不必滚动屏幕
消灭欢迎词：欢迎词只是社交手段，用户没有时间闲聊，他们希望直截了当
消灭指示文字：最好让页面不言而喻，不可避免时砍掉多余部分

---

第6章：街头指示牌和面包屑【设计导航】

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

网络导航101法则

• 你通常为了寻找某个目标
• 你会决定先询问还是先浏览
• 浏览->通过标志的引导在层次结构中寻找
• 寻找不到会离开

在网络空间：感觉不到大小、方向、位置；
导航：给我们感觉、告诉我们位置、告诉我们如何始终网站、给了我们对网站建造者的信心；
页面结构：

网站ID或LOGO：
1、需要每个页面都显示，一般在左上角
2、要么让它最显眼，要么让它涵盖页面所有元素
栏目（主导航条）：
1、站点层次结构的最上层
2、会包含下一级栏目
3、多级导航
4、页面导航
5、小字体底层导航
实用工具：
1、到达网站中不属于内容层次的重要元素链接
2、举例：注册、登录、站点地图、购物车等
3、主页按钮
搜索：
1、公式：一个输入框、一个按钮、搜索二字
2、禁忌：花哨的用词、指示说明、搜索选项过多（本页、本站、全网）
页面名字：
1、每个页面都需要一个名称
2、页面名称需要出现在合适的位置
3、名称要引人注目
4、名称和点击链接一致
指示器：
1、视觉线索要突出
面包屑：
1、把它们放在最顶层
2、使用“>”对层级进行间隔
3、加粗最后一个元素
标签页：
1、好处：不言而喻、让用户很难做错、很灵活
2、做法：激活的标签页与其他标签页有区别、与下方的空间在物理上连接起来

网站测试的时候需要问的几个问题：

1. 这是什么网站？（站点ID）
2. 我在哪个网页上？ （网页名称）
3. 这个网站的主要栏目是什么？（栏目清单）
4. 在这个层次上我有哪些选择？（本页导航）
5. 我在导航系统的什么位置？（你的这里的指示器）
6. 我怎么搜索？(搜索）

---

第7章：首先要承认，主页不由你控制【设计主页】

1、主页要完成的任务

• 站点标识和使命
• 这是什么网站？
• 它是做什么的？
• 我为什么在这里？
• 站点层次
• 我能在这里找到什么？
• 我能做什么？
• 网站是如何组织的？——持久导航解决
  • 导读。类似杂志封面
  • 内容推介：最新、最好、最流行的 - 内容片段
  • 功能推介
  • 适时更新的内容
  • 交换链接：友情链接
  • 快捷方式
  • 注册
  • 让用户看到自己正在寻找的东西
  • …还有我没有找的东西。比如精彩的、我可能感兴趣的内容
  • 告诉我从哪里开始
  • 建立可信度和信任感

2、主页设计的目的
主页要传达整体形象。用户第一次进入网站，就要能回答这几个问题：

• 这是什么网站？
• 我能在这里干什么？
• 网站上有些什么？
• 为什么我应该在这里，而不是别的地方？

3、如何通过主页传达整体形象

• 口号Tagline
• 口号要清楚，要言之有物，准确的描述网站或公司
• 口号要长度适中
• 口号表述了网站的特点和显而易见的好处
• 口号不笼统
• 有个性、生动，有时候很俏皮
  不是所有的网站都需要口号。
  • 欢迎广告
  • “了解更多”

4、主页上传达信息的指导原则

• 想要多大空间就使用多大空间
• 不要使用过多的空间：保持简洁
• 不要把使命当作欢迎广告
• 最重要的是进行测试

5、用户知道网站是做什么的之后，主页就要回答另一个重要的问题：从哪里开始？

---

第8章：农场主和牧牛人应该是朋友【为什么web团队讨论可用性是在浪费时间，如何避免这种情况】

1. 职位情绪
   由于各自的职位不同，Web团队的成员们对于好的网站设计有着非常不同的看法。
2. 没有什么普通用户
   所有的Web用户都是独一无二的
   所有的Web用户都是不一样的
3. 对于大部分Web设计问题来说（至少对于重要的问题来说），没有简单的“正确”答案。良好的、一体化的设计能满足需要，也就是说，经过仔细考虑、实现和测试的设计就是好的。
4. 争论人们喜欢什么，既浪费时间又消耗团队的精力，而测试通过将讨论对错和个人喜好转移到什么有效、什么无效上，更容易缓和争论，打破僵局。而且，测试会让我们看到用户的动机、理解、反应上的差异，从而让我们不会坚持认为用户的想法和我们的想法一样。

---

第9章：一天10美分的可用性测试【让测试简单–这样你就能进行充分的测试】

1、 焦点小组不是可用性测试

焦点小组研究中，一小组人（通常是5-10个）围坐在桌子旁边，侃侃而谈，谈的是她们对产品的看法、产品的过往使用经验，或者他们对一些新概念的反应等。如果想要快速得到部分用户的意见和感觉，焦点小组是一个不错的方法。
在可用性测试中 ，一次一个用户，我们观看用户试用一些东西（不管是网站、网站原型，还是一些关于新设计方案的草图），去完成一些典型的任务，通过观察用户的行动，你可以检测到那些让用户混淆和倍感挫折的地方，并修复他们。
在可用性测试中，你会看到人们真正使用的情形，而不是在焦点小组里只能听到他们的说法。
焦点小组最适合在产品的早期阶段，判断是否在建造对的产品；
可用性测试，应该贯穿在整个开发和设计过程中。

2、 关于测试的几个事实：

如果想建立一个优秀的网站，一定要测试；
测试一个用户比不做测试好一倍
在项目中，早点测试一位用户好过最后测试50位用户

3、跳楼大减价的建议可用性测试

4、 应该多久进行一次测试: 每个月一个上午
理由：

• 这样能保持测试简单，所以你们能坚持进行。
• 这样能满足你们的需要。
• 这样就不需要决定什么时候测试。
• 这样人们更可能参与进来。

5、 应该测试多少用户:三个
理由：

• 这类测试的目的不是为了证明任何东西。
• 你不用发现所有问题。问题太多，资源不够。

6、怎样选择测试参与者

• 寻找能反应目标群体的测试用户，但不要因此裹足不前。

• 选择非目标用户的参与测试的理由：
  – 设计出的网站只有你的目标群体才能使用，这通常不是一个好主意。
  – 在内心深处，我们都是初学者。
  – 专家通常不会介意对初学者来说很清楚的界面。

7、 在哪里测试

• 一个安静的房间，桌子，椅子，电脑，鼠标，键盘，麦克风
• 使用屏幕共享软件或屏幕录制软件

8、 应该由谁来引导测试

• 主持人facilitator：引导进行整个测试的人
• 选择一位比较有耐心、冷静、有同理心、善于倾听的人。
• 主持人的主要工作：鼓励测试着尽可能地“说出心里话”。

9、 谁应该进行观察

• 各种利益相关者

10、 测试什么，什么时候测试

• 在整个项目过程中，持续对团队产出的任何东西进行测试，从最开始的草图、到线框图、页面排版、界面原型，以及最后的实际网页。

11、 怎样选择测试任务

• 测试任务部分取决于你们现在需要测试什么。
• 测试中尽量引入测试者自己的情感，并且可以让他们更多地用上他们自己对这些内容的理解。

12、 测试中会发生什么

一个典型的一个小时的测试应该包括以下几个部分：

• 欢迎部分：介绍测试内容，让测试者有所准备。
• 提问部分：提问一些问题，让测试者放松。
• 主页“观光”：了解测试者对主页的理解。
• 任务测试：测试的核心部分。让测试者执行一些任务，并说出其想法。
• 问题探查：测试结束之后，回答测试者的疑问以及测试过程中的问题。
• 结束部分：感谢测试者。

13、 测试中的典型问题

• 用户不清楚概念
• 他们找不到自己要找的字眼
• 内容太多了
  – 减少页面上的整体干扰
  –把需要看到的内容设置得更加醒目

14、 总结会：决定修复哪些问题

• 收集一份问题列表
• 选择10个最严重的问题
• 建立一份排序列表

---

第10章：可用性是基本礼貌为什么你的网站应该让人尊敬

1、好感储存器

含义：
用高度衡量用户对网站的好感大小。好感储存器的容量是有限的，遇到的每个问题都会降低好感储存器的高度。
特点：

• 它因个人特质的不同而不同
• 它依情况而定
• 你可以重新填满它
• 有时候一个简单的错误就能清空它

2、降低好感的几种方式

• 隐藏我想要的信息
• 因为没有按照里面的方式行事而惩罚我
• 向我询问不必要的信息
• 敷衍和欺骗我
• 给我设置障碍
• 你的网站看上去不专业

3、提高好感的几种方式

• 知道人们在你的网站上想做什么，并让他们明白简易
• 告诉我我想知道的
• 尽量减少步骤
• 花点心思
• 知道我有哪些疑问并且给予解答
• 为我提供协助，例如打印友好页面
• 容易从错误中恢复
• 如有不确定记得道歉

---

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

1、可访问性也是可用性的一部分。
2、增强可访问性的几件事

• 1 > 改正让所有人感到混淆的可用性问题
• 2 >读一篇关于盲人如何阅读的文章
• 3 >看一本关于web可访问性的书
• A Web for Everyone：Designing Accessible User Experiences》PS：有译本
• Jim Thatcher著《Web Accessibility：Web Standards and Regulatory Compliance》
  • 4 > 开始使用级联样式表
  • 5 >去摘够得着的果子：变更HTML代码
• 为每张图片增加合适的alt文本
• 使用合适的标题
• 让你的表单配合屏幕阅读器使用
• 在每页的最前边增加一个“跳转到主要内容”的链接
• 让所有内容都可以通过键盘访问
• 让文本和它们的背景之间设置明显的对比
• 采用一份可访问性良好的模版
• 如果没有充分的理由，不要使用js
• 使用客户端（而不是服务端）的影象地图

---

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

向用户索要更多数据信息时会导致：
1）无法得到真实的数据；
2）得到的完整表单更少
3）网站形象下降
建议：为你的网站增加“注意力吸引点”
#第13章： 指点迷津 -让可用性在你身边成为现实

1、UCD和UED

• UCD（User Centered Design，以用户为中心的设计）的目标是：设计正确的产品，保证它可用
• UED（User Experience Design，用户体验设计）是在产品生命周期的每个阶段，都把用户需求考虑进来。

2、说服管理层支持可用性设计

• 演示ROI（投资回报率）：寻找数据证明可用性的改进会节约成本或带来额外的收入
• 用他们的语言说话：了解公司的难题，陈述我们的方法可以协助解决这些问题

3、一些决定性的答案

• 不要使用小而对比不强的字体
• 不要把标签放到表单的字段里面
• 保留访问过的链接和未访问过的链接之间的区别
• 不要让标题漂浮于段落之间