《别让我思考》读书笔记

别让我思考

Krug 可用性第一定律

设计者应该尽量做到,当我看一个页面时,他应该是不言而喻、一目了然、自我解释的。我应该能明白它——它是什么,怎样使用它——而不需要花费精力进行思考。

网页上每项内容都有可能迫使我们停下来,进行不必要的思考。

1
2
3
作为一个用户,永远不该让我们花上几微秒去思考某个东西是否能点击。你可能会这么想,“其实,找出某个东西是否能点击并不需要花费多大工夫。如果你将鼠标移过去,它的光标由箭头变成一只小手,就表示可以点击。这会有很大的问题吗?”。

问题是,当我们访问 Web 的时候,每个问号都会加重我们的认知负担,把我们的注意力从要完成的任务上拉开。这种干扰也许很轻微,但它们会累积起来,有时候这样的干扰不用太多,就足以让我们抓狂。况且,人们通常不喜欢苦苦思索背后的原理。

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

扫描,满意即可,勉强应付

如果想设计有效地网页,你必须开始接受关于网络使用情况的三个事实。

第一个事实:我们不是阅读,二是扫描

人们会花极少的时间来阅读大部分的页面,其实,我们只是扫描一下(或者匆匆掠过)网页,寻找能够吸引我们注意力的文字或词语。

我们为什么扫描:

  • 我们总是处于忙碌之中。Web 用户的行为更像鲨鱼,即它们不得不一直移动,否则就会死掉。我们没有时间阅读那些不必要的内容。
  • 我们知道自己不必阅读所有内容。在绝大多数页面上,我们实际上只对其中一小部分内容感兴趣,剩下的内容我们并不关心。
  • 我们善于扫描。
第二个事实:我们不做最佳选择,而是满意即可

在设计页面时,我们通常假设用户只是扫过整个页面,考虑所有可能的选项,然后选择一个最好的。然而,事实上,大多数时间里我们不会选择最佳选项,而是选择第一个合理的选项,这就是满意策略。一旦我们发现一个链接,看起来似乎能够跳转到我们想去的地方,那就是一个我们将会点击它的大好机会。

我们为什么不寻找最佳选择:

  • 我们总是处于忙碌之中。
  • 如果猜错了,也不会产生什么严重的后果。与救火不同,在网站上做了一次错误选择的后果通常只是点击几次后退按钮。
  • 对选择进行权衡并不会改善我们的机会。
  • 猜测更有意思。猜测不会像仔细衡量那么累,而且如果猜对了,速度会更快。他还会带来一个机会因素——有可能无意中看到某个令人意外但不错的内容,这种可能性让人开心。
第三个事实:我们不是追根究底,而是勉强应对

在很大程度上人们一直在使用这些东西,但并不理解它们的运作原理,甚至对它们的工作原理有完全错误的理解。无论面对哪种技术,很少有人会花时间读说明书。相反,我们贸然前进,勉强应对,编造出我们自己模棱两可的故事,来解释我们的所作所为,以及为什么这样能行得通。

为什么会这样:

  • 这对我们来说并不重要。对于我们中的大多数人来说,是否明白事物背后的工作机制并不重要,只要我们能正常使用它们即可。这并不是智力低下的表现,而是我们并不关心。
  • 如果发现某个事物能用,我们会一直用它。我们一旦发现某个事物能够用(不管有多难用),我们也不会去找一种更好的方法(至少不会主动去找)。

广告牌设计101法则

为扫描设计,不为阅读设计

如果用户们都是疾驰而过,那么,你需要注意以下5个重要方面,来保证他们尽可能地看到了并理解了你的网站:

在每个页面上建立清楚的视觉层次。
  • 越重要的部分越突出。
  • 逻辑上相关的部分在视觉上也相关。
  • 逻辑上包含的部分在视觉上进行嵌套。
尽可能利用习惯用法。
  • (优)它们非常有用。通常,习惯用法因为有用才会成为习惯用法。适当使用习惯用法会使用户在网站之间的访问更容易,不需要花费额外的努力来得到背后的工作原理。
  • (劣)设计师通常不愿意利用他们。和使用习惯用法相比,设计师们都面临着很大的诱惑,想要重新发明轮子很大程度上是因为他们觉得他们的职业使命感,趋势他们去做一些崭新的,与众不同的设计。
把页面划分成明确定义的区域。

把页面划分成明确意义的区域,可以让用户很快决定关注页面的哪些区域,或者放心地跳过哪些区域。

明显标识可以点击的地方。
最大限度降低干扰。

有效降低噪音的方式——在设计页面的收,先假定所有的内容都是视觉噪声,除非得到证明它们不是。


动物、植物、无机物

为什么用户喜欢无须思考的选择

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

如果我们需要一直在网络上进行选择,那么让这些选择变得无须思考是让一个网站容易使用的主要因素。


省略不必要的文字

不要在 Web 上写作的艺术

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

省略多余的文字。有力的文字都很简练。句子里不应该有多余的文字,段落中不应该有多余的句子。同样,画上不应该有多余的线条,机器上不应该有多余的零件。


街头指示牌和面包屑

设计导航

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

导航有两个显而易见的用途:帮助我们找到想要的任何东西告诉我们现身何处。此外,导航还有以下额外的好处:

  • 他给了我们一些固定的感觉。
  • 它告诉我们当前的位置。
  • 它告诉我们如何使用网站。
  • 它给了我们对网站建造者的信心。在网站上的每一刻,我们都会在头脑中保持一个标杆:这些人知道他们在做什么吗?这是我们决定是否离开,或者以后会不会来的主要考虑因素之一。

首先要承认,主页不由你控制

设计主页

主页要完成的任务:

  • 站点的标识(Logo)和使命。主页要告诉我这是什么网站,它是做什么的。
  • 站点层次。主页要给出网站提供的服务的概貌——既要包括内容(“我能在这里找到什么?”),也要包括功能(“我能做什么?”)——还有这些服务是如何组织的。
  • 搜索。
  • 导读。
  • 内容更新。时常更新的内容让用户觉得这个网站并不是一成不变的。
  • 友情链接。需要在主页上预留空间,用来放置广告,交叉推广,合作品牌的友情链接等。
  • 快捷方式。
  • 注册。

主页需要满足一些抽象的目标:

  • 让我看到自己正在寻找的东西。
  • ··· ··· 还有我没有寻找的。
  • 告诉我从哪里开始。
  • 建立可信度和信任感。

农场主和牧牛人应该是朋友

为什么 Web 设计团队讨论可用性是在浪费时间,如何避免这种情况

1
从个人角度来说,我们喜欢 Flash 动画,因为它们很好玩;我们也可能不喜欢它们,因为要花很长时间下载。我们喜欢每个页面左边的菜单,因为它们看起来很熟悉而且容易使用;我们可能不喜欢它们,因为它们很枯燥乏味。我们真的喜欢有____的网站,或者,我们发现____真是让人痛苦极了。

在网站日常开发当中,项目人员共同讨论关于某些的设计问题时,很难不讲以上例子所阐述的感觉牵涉进来。结果往往就是一堆人待在房间里面,每个人都有自持主见,不肯让步。而且,由于这些主张的力量——还有人的天性——自然有一种把这些喜欢或者不喜欢投射到整个 Wen 用户身上的倾向,认为绝大多数的 Web 用户喜欢我们所喜欢的。我们通常认为大部分 Web 用户和我们一样。

争辩人们喜欢什么既浪费时间又消耗团队的精力,而通过测试能将讨论对错转移到什么有效、什么无效上,更容易缓和争论,打破僵局。而且,测试会让我们看到用户的动机、理解、反应的不同,从而让我们不会再坚持认为用户的想法和我们的想法一样。


一天10美分的可用性测试

让测试简单——这样你能进行充分的测试

关于测试的几个重要事实:

  • 如果想建立一个优秀的网站,一定要测试。测试更像是邀请外地的朋友,不可避免地,当你和他们一起四处游玩时,你会看到平时不会注意到的一些情况,因为你对它们太熟悉了。同时,你也意识到有很多你认为想当然的事情,对别人来说却并非如此。
  • 测试一个用户比不做测试好一倍。测试总是有效果的,哪怕是对错误的用户做一次最糟糕的测试,也会让你看到一些改善网站的重要方面。
  • 在项目中,早点测试一位用户,好过最后测试50位用户。一旦一个网站投入使用,要改变它就不会那么容易了。有些用户拒绝做出任何变化,因为即使很小的变更也会给他们带来深远的影响,让我们付出无法想象的代价(至少是项目初期所付出的数倍),所以任何在开始时就有助于防止你犯错误的方法都很划算。
  • 人们对招募用户代表的重要性估计过高。
  • 测试的关键不是要证明什么或者反驳什么,而是了解你的判断力。测试能做的就是给你提供有价值的参考,加上你的经验、专业判断和常识能够让你更容易地在 A 和 B 之间做出更明智——也更自信——的选择。
  • 测试是一个迭代的过程。
  • 没有什么比现场用户的反应更重要的。
跳楼大减价的简易可用性测试
传统可用性测试 跳楼大减价的建议可用性测试
每次测试的用户数量 通常需要八个或者更多个用户,因为建立测试的花费不菲 3-4个用户
招募方式 仔细选择,尽量靠近目标用户 随便找一些人,几乎任何会上网的人都可以
测试地点 一个可用性实验室,其中包括一个观察室和单向玻璃 任何办公室或会议室
主导测试 一位有经验的可用性专家 任何相对有耐心的人
提前计划 需要提前几个星期制定测试计划,预定可用性实验室,并预留招募时间 几乎可以在任何时间进行测试,稍微提前一些做计划即可
准备工作 起草、讨论并修订测试草案 决定你要展示什么
测试目标/时间 除非你预算充足,否则会把所有的鸡蛋放在一个篮子里,在网站快要完成的时候做一次测试 在开发过程中持续进行小规模的测试
成本 5000-15000美元(或者更多) 300美元(50-100美元是给每个用户的补贴),或者更少
后续工作 一周之后,产生一份20页的报告,然后开发团队朋友来决定怎样修改 开发团队(还有有兴趣的人员)利用当天的午餐时间进行总结

可用性是基本礼貌

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

降低好感的几种方式:

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

提高好感的几种方式

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

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

正当你觉得已经完成了的时候,一只猫掉了下来,背上捆着涂了奶油的面包

在页面设计中,可以从下面几个方面有效提高网站的可访问性:

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