Magicmeowo

前言

温故而知新，本书作为交互领域的经典书籍，一方面讲解了web设计应该注意的问题。同时也分享了复盘和测试产品的一些基础方法。经典书籍不能只读一次，把书读薄。

1.别让我思考（可用性第一定律）

有逻辑有顺序的排版，建立视觉重点。
文字是需要让用户明白，而不是写作艺术。
交互状态时明晰的，哪些是只读，哪些是可点击，哪些是链接。（交互的反馈是什么）
所在位置，从何处开始？这个页面上的关键点是，命名定义。

如果不能让网站进行不言而喻，那就让网站自我解释。（页面的外观、精心选择的名称、页面布局以及仔细斟酌过得文字，综合在一起将创造出一种接近瞬间的识别效果）

2.用户实际上是如何使用Web的（扫描，满意即可，勉强应付）

用户是阅读，不是扫描。（用户总是处于忙绿，知道自己不必读完所有内容，用户擅于扫描）
用户不作最佳选择，而是满意即可。
用户即便是猜错了，也不会产生什么严重的后果。（在时间较为紧张的情况下，当用户想到了一个决策方案，符合基本路径就已经开始执行，很少去考虑最佳决策）

对于用户而言，明白事物背后的机制并不重要，只要满足正常使用即可。

发现某事物能用，用户会一直用它。而很少去改变或者精进。（任何事情都是如此，需要精进）
如果用户明白了设计的原因

• 用户更容易找到自己需要的东西
• 用户能更容易理解你的网站提供哪些服务，而不是他们偶然看到的那些
• 更可能引导他们到网站上，你更希望他们看到的地方。
• 让用户有掌控感，喜悦感，享受感

3.为扫描设计，不为阅读设计

• 在每个页面上建立清楚的视觉层次
• 尽量利用习惯用法
• 把页面划分成明确定义的区域
• 明显标识可以点击的地方
• 最大限度降低干扰（背景环境简单）

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

点击多少次都没有关系，只要每次点击都是无需思考，明确无误的选择。（通常3-5次）

5.不要在Web 上写作的艺术，省去多余的文字

去掉每个页面上一半的文字，然后把剩下的文字再去掉一半。
有力的文字都很简练。
去掉多余文字的好处：
1、可以降低页面的噪声
2、让有用的内容更加突出
3、让页面更简短，用户在每个页面上一眼就可以看见更多内容，不必滚动屏幕
“欢迎词必须消灭”

6.设计导航

如果在网站上找不到方向，人们不会使用你的网站。
【导航内容】（关于网站导航的一些专业词汇）ID ，栏目、二级栏目，实用工具
导航数量最好维持在4-5个，太多可能会造成眼花缭乱的感觉。

【实用工具】可能会包含“关于我们、下载、如何购买、注册、档案、目录、招聘、搜索、结账、论坛、我的、购物车、公司信息、常见问题（FAQ）、新闻、登录、联系我们、帮助、订单追踪、站点地图、客户服务、主页、新闻稿（Press Release）、店面分布（Store Locator）、讨论板、投资者关系（Investor Relation）、隐私声明、你的账户

【关于首页】homepage 始终可见，会给用户一个保证，无论迷失到何种地步，都能够重新开始。在主页之外的站点ID 小心加上 “home”，让大家都知道可以点击它。

【搜索】除非规模非常小，而且组织得很好，不需要搜索功能。否则每个页面都应该有一个搜索框。

• 避免花哨的用词，如果输入框名称是Search，按钮名称则应该是GO
• 指示说明，告诉用户搜索范围，或提供明确选项。

【页面名称】

• 每个页面都需要一个名称
• 要出现在合适的位置
• 要引人注目
• 名称和点击的链接一致
• 避免让用户产生空间迷失感，可以告诉用户它当前所在的位置。（有很多种方式来告知用户当前所处位置）

【面包屑】避免与主导航冲突，注意信息层级，明确当前所在位置。

【网站标签】不言而喻，就是导航，非常灵活。提供了一个物理空间，可移动排序可独立。

【测试一个网站的清晰度】
这是什么网站，我在哪个页面上，网站的主要栏目有哪些，我在导航系统什么位置，
我在这个位置上有哪些选择，我要如何进行搜索。

7.设计首页

首页相比于其它分支页，起到了提纲挈领和自我介绍的作用。用户拥有主动权去进行之后内容的选择。相比其它分支页，首页的导读需要突出最好，最新，最流行的内容片段，吸引用户注意力。让用户明白网站的价值。

首页可能包含的其它内容：导读、内容更新、友情链接、快捷方式、注册、让用户找到正在寻找的东西、通知主页也可以提供一些用户没有寻找的，但可能会感兴趣的内容。

激励用户行动。
建立可信度和信任感。

【tagline / slogan 】
清楚，言之有物，长度适中，容易让人理解。
能表述出网站的特点和显而易见的好处。

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

保持客观，通过测试来检验。

9.让测试变得简单

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

焦点小组：通常5-8人，向他们展示想法和设计作出反应。主要参与价值来自参与人员彼此的反应。焦点小组是快速得到用户的意见和感觉的一种不错的方法。目标是确定用户想要什么，喜欢什么，觉得什么有用。

可用性测试，要求用户说明，或具体执行某一项典型的任务。

• 如果想建立一个优秀的网站，一定要测试。
• 测试一个用户比不做测试好一倍。
• 在项目中，早点测试已为用户好过最后测试50位用户。
• 尽早和经常进行测试
• 测试是一个迭代过程，要遵循开发、测试、修复、再度测试的过程。
• 没有什么比用户的反应更重要。

多次测试，宽松招募，曲线上升。
可用性测试：测试对象是谁并不重要
用户包含：目标用户非目标用户；新手用户，资深用户，一般用户。
如果网站需要专业领域的知识，则应该至少一轮测试中需要招募具有该领域知识的用户。

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

用户每遇到一个问题，好感度就会降低。
降低好感的几种方式：

• 隐藏用户想要的信息
• 用户没有按照设计者的方式形式操作，导致无法达成某种结果
• 向用户询问不必要的消息
• 敷衍用户
• 给用户设置障碍
• 不专业

提高好感的方式：

• 知道人们在你网站上想做什么，并让它们明白简易。
• 告诉用户，用户想知道得
• 减少交互步骤
• 产生解决用户问题所需要的信息；保证它准确且可用；用清晰的方式来表达；组织良好，轻松找到。
• 知道用户的疑问，并可以给予回答。
• 为用户提供协助
• 遇到错误，可以提供恢复的解决方案或提示
• 如有不确定，有礼貌地道歉。

11.可访问性，特殊人群也是用户。

可访问性，残障人士等特殊人群也是用户。
避免担心增大工作量或者折中设计的心理。
不能对此刻不完美的现实世界袖手旁观，**让每个网站有更强的可访问性，**不需要大量的工作，只需要注重能产生最大影响的几个方面就够。

• 改正让所有人感到混淆的可用性问题
• 让特殊用户读一篇文章，并进行观察。
  《guidelines for accessible and usable web site：observing users who work with scrren readers》
• 了解其它可用性书刊，提高可访问性体验
• 对格式的控制没有限制
• 灵活性，可以通过简单操作改变网站外观
• 浏览器之间的一致性
• 序列化内容（如 用css将内容按顺序放置在源文件中，这就是屏幕阅读器用户将听到的）
• 允许你重新定义文字大小
• 为每张图片增加alt文本
• 让表达配合屏幕阅读器
• 在每页的最前面增加一个跳转到主要内容的链接
• 让所有的内容都可以通过键盘访问
• 充分考虑自适应
• 使用客户端（而不是服务器端）的影像地图

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

要求太多个人数据的危险

• 网站常常无法得到真实数据
• 得到完整表单更少
• 网站的形象下降

原则建议：

• 只让用户提供完成此次事物所需的信息
• 不要要求填写过多可选信息
• 告诉用户提供自己的信息将得到的回报

用户并不希望被网站粘着，而只是想完成某些工作，试图干涉用户现有业务只会给他们增加障碍。