《点石成金》读书笔记:为网站增加注意力吸引点

核心提示：阅读笔记（8-12章）1. WEB设计团队讨论可用性是在浪费时间原因：1）“每个人都喜欢______”我们也是Web用户，对网站上自己喜欢什么不喜欢什么有着强烈的感觉，《点石成金》读书笔记:为网站增加注意力吸引点，而且，由于主张的力量和人的天性，请留言，哎，自然有种把这些喜欢或不喜欢投射到整个W

阅读笔记（8-12章）

1. WEB设计团队讨论可用性是在浪费时间

原因：

1）“每个人都喜欢______”

我们也是Web用户，对网站上自己喜欢什么不喜欢什么有着强烈的感觉。而且，由于主张的力量和人的天性，自然有种把这些喜欢或不喜欢投射到整个Web用户身上的倾向。

2）职位情绪

设计师通常认为，大多数人喜欢视觉上看起来有趣的网站；开发人员认为人们喜欢功能又多又酷的网站；在建立优先级时，他们在看法上的不同常引发冲突。

更大的冲突是市场文化和工程文化（The Cultures of Hype and Craft）。当市场文化（上层管理、市场、业务拓展）关注于在网站上做出有助于吸引风险投资、用户、战略合作伙伴和赢利的承诺时，实现这些承诺的责任就落在设计师和程序员这样的工程文化人员身上。这增加了另一个层次的复杂性——这种复杂性常体现为从市场文化那边下达的武断指示。

3）普通用户的神话

“大部分Web用户和我们一样”&“相信大部分Web用户是弹性的，可以随意变化的。”

实际上，所有Web用户都是独一无二的，所有的Web使用都是不一样的。

大部分Web设计问题（至少对于重要的问题来说），没有简单的“正确”答案，良好的、一体化的设计能满足需要，也就是说，经过仔细思考、实现和测试的设计就是好的。

2. 焦点小组不是可用性测试

• Ÿ焦点小组：一小组人（5-8人）围坐在桌子旁边，对展示给他们的想法和设计做出反应。主要价值来自参与人员彼此的反应，焦点小组是快速得到用户的意见和感觉的一种不错的方法。
• Ÿ可用性测试：一次一个用户展示一些内容（不管网站，网站原型，或是一些单个页面的草图），并且要求用户说出：1）这是什么；2）试着用它来完成一项典型的任务。

焦点小组在抽象地确定你的目标受众想要什么，需要什么，喜欢什么的时候会很有用。它们也可以测出网站的理念是否有意义，价值主张是否吸引人。同时，在测试你的网站的功能命名，发现用户对你的竞争对手看法等方面，也是很好的办法。但不适合用来了解网站的运行情况，以及怎样改进网站。

3. 测试：

1）关于测试的几个事实：

• Ÿ 如果想建立一个优秀的网站，一定要测试。你会意识到有很多你认为想当然的事情，对别人来说却并非如此。
• Ÿ 测试一个用户比不做测试好一倍。
• Ÿ 在项目中，早点测试一位用户好过最后测试50位用户。
• Ÿ 人们对招募用户代表的重要性估计过高。重要的是尽早和经常测试。
• Ÿ 测试的关键不是要证明什么或反驳什么，而是了解你的判断力。
• Ÿ 测试是一个迭代的过程。
• Ÿ 没有什么比现场用户的反应更重要。

2）简易可用性测试

3）应该测试多少用户

每轮测试的理想用户数量应该是三个，最多是四个。前三个用户很可能会遇到几乎所有最明显的问题，而且最重要的是多做几轮测试，而不是写下每轮测试里面发现的所有问题。

测试对象是谁并不重要。利用你能够寻找到的任何人（满足最低要求），然后曲线上升。

4）招募时要注意：

• 提供合理的激励。
• Ÿ邀请要简单。“我们需要一些人来看看我们的网站，并给我们一些反馈，这很容易，大约花费45分钟到一个小时的时间，而且你将得到______美元的报酬。
• Ÿ避免对网站（或网站背后的组织结构）进行预先讨论。
• 别不好意思请朋友和邻居帮忙。

5）测试时可以采用屏幕录制软件（例如Camtasia），可以鼓励任何人来参与。

6）测试什么，什么时候测试

在开始设计网站时，测试一下同类网站，总结哪些地方好，哪些地方效果不好。

可以进行两种测试：“理解”测试和关键任务测试。

• Ÿ “理解”测试：让测试用户看到网站，然后看他们能否理解这个网站的目标、价值主张、组织方法、运行方式等。
• Ÿ 关键任务测试：让用户完成一些任务，然后观察他们是怎么做的。

也推荐做“小隔间”的测试：打印出来，拿给旁边隔间的人，看他们是否能弄清楚页面的意思。

7）立刻回顾测试结果

做两件事：

• 给问题分类——回顾大家看到的问题，决定哪些问题需要修正
• 解决问题——找出修正这些问题的方法

8）几种在测试过程中最有可能遇到的问题：

• 用户不清楚概念。不知道说的是什么，或者理解有误。
• 他们找不到自己要找的字眼。这通常意味着：1）你用来组织内容的分类不符合用户的习惯，2）分类符合他们的习惯，但没有使用他们期望的名字
• 内容太多了。用户看不到，需要1）减少页面上的整体干扰；2）把他们需要看到的内容设置得更加醒目，让它们从可视层次结构中更加突出。

9）关于决定修正什么问题的建议：

• Ÿ忽略“Kayak”（皮划艇）问题。只要1）出现问题的人马上发现自己偏离了原来的主题，2）他们尽量回到原来的方向而不需要帮助，3）这种情况看起来并没有扰乱他们的活动，就可以忽略。
• Ÿ抵制添加的冲动。正确的解决方案往往是去除某个（或一些）让人混淆的内容，而不是增加另一些干扰。
• Ÿ不要太看重人们对新功能的要求。他们只是在告诉你喜好而已。
• 在每轮测试中，你的主要目标是寻找重要而不费力的收获。

Ÿ成功的网页往往要进行巧妙的平衡。一个微小的变化都会带来不小的影响。修正这些问题同时不破坏已经正常运行的部分。

4. 好感存储器

1）网站降低好感的几种方式：

• 隐藏我想要的信息。最常见的情况是隐藏客户服务的电话号码，运费和价格。
• Ÿ因为没有按照你们的方式行事而惩罚我。
• Ÿ向我询问不必要的信息。网站要求的信息超出当前任务时会让用户觉得厌烦。
• Ÿ敷衍我，欺骗我。虚伪的真诚和假意的关心。
• Ÿ给我设置障碍。长长的Flash介绍，多个市场页面。
• Ÿ你的网站看上去不专业。组织得不好，布局没有下功夫。

2）提高好感的几种方式

• 知道人们在你网站上想做什么，并让它们明白简易。
• 告诉我我想知道的。把运费、旅店日停车费用、暂停服务以及其他你不愿意放在前面的项目放在前面。
• 尽量减少步骤。
• 花点心思。
• 知道我可能有哪些疑问，并且给予解答。
• 为我提供协助。
• 容易从错误中恢复。推荐读物Defensive Design for the Web。
• 如有不确定，记得道歉。

5. 支持可访问性是正确的做法。现在就能正确实施的五件事：

1）改正让所有人感到混淆的可用性问题。让网站对我们其他的人更好用，会让残障人士用得更好。

2）读一篇文章《Guidelines for Accessible and Usable Web Sites: Observing Users Who Work with Screen Readers》。屏幕阅读器用户用他们的耳朵扫描。

3）看一本书

<Building Accessible Websites>——Joe Clark

<Constructing Accessible Websites>——Jim Thatcher

<Maximum Accessibility: Making Your Web Site More Usable for Everyone>——John Slatin & Sharron Rush

CD: The Web AIM Guide to Web Accessibility Techniques and Concepts

4）开始使用级联样式表。好处：

• Ÿ对格式的控制没有限制。
• Ÿ灵活性。
• Ÿ浏览器之间的一致性。
• 实现CSS将让你很容易做到两点大幅改善网站的可访问性。
• 序列化你的内容。
• Ÿ允许你重新定义文字大小。

5）在HTML代码中做一些具体的变更

几件最重要的事：

• Ÿ为每张图增加alt文本。
• Ÿ让你的表单配合屏幕阅读器。这在很大程度上分解为使用HTML的label元素把表单字段和提示文本联系起来，以便人们知道他们应该输入的内容。
• Ÿ在每页的最前面增加一个“跳转到主要内容”的链接。
• 让所有的内容都可以通过键盘访问。因为不是每个人都能使用鼠标。
• Ÿ如果没有充分的理由，不要使用Javascript，有些自适应技术对Javascript的支持不是很好。
• 使用客户端（而不是服务器端）的影像地图（Image Map）。Alt标记不支持服务器端的影像地图。

6. 要求太多个人数据的危险

询问不必要的信息可能产生三个严重后果：

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

要记住下面三个原则：

• Ÿ只让我提供完成此次事务所需的信息。
• Ÿ不要要求填写过多可选信息，只是看到那么多要填写的字段已经让人不快了。要求的可选信息较少会得到更多回复。
• Ÿ告诉我提供自己的信息将得到的回报。明确告诉我注册以后将得到什么，给我一份电子简报的样本，等等。

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

网站不需要很炫目，外观必须要有表现力、要专业、吸引人。试图增加注意力吸引点也通常会给他们增加障碍。

您可以按照您的想法去做以便让网站有更好的外观，但是要保证这样做不会妨碍网站的正常运行。而且大部分的花哨招数只会妨碍网站正常运行。

想想您自己的经验：您喜欢使用的网站，是因为它们看起来很炫，还是因为它们拥有您想要或需要的信息您才喜欢它？您能找出一个网站，它的内容很有趣，或者很有用，但您因为它看起来不够有趣而不用它的吗？

8. 推荐读物

<information architecture for the world wide web>

<why we buy: the science of shopping>

<sources of power: how people make decisions>

<the practice of creativity: a manual for dynamic group problem solving>

Useit.com

<homepage usability: 50 websites deconstructed>

<web application design handbook: best practices for web-based software>

<defensive design for the web>

<the design of everyday things>

<a practical guide to usability testing>

http://psychology.wichita.edu/surl

http://www.webword.com

http://www.usabilityviews.com

http://usability.gov/guidelines/index.html

读书笔记完整PDF下载：

《点石成金》读书摘录——by 王洛堇2011.6.14

+++++_________________________________________________________+++++

本来已经整理好完整的读书笔记，结果发现115改版，5级以下不能共享……

包括之前的读书笔记、思维导图下载链接全部失效。

换成了Dbank，希望能用。

如果还有不能下载的，请留言。

哎，找个免费的稳定的服务怎么这么难啊。