《Don't make me think》 - UCD大社区

可用性设计建议——《点石成金》读书笔记（上）

wangxuntian — 2011-06-07 13:14:03

阅读评分：4.5分（满分5分）

阅读感受：

1. 流传已久，必有其道理。

2. 短小精悍，在用户行为、导航设计、主页设计、可用性测试等方面，作者都提出了观点和可行的建议，适合于互联网产品/Web设计人员和前端开发人员。

3. 两小时，你能了解到的真的是最初级最初级的内容，这本书只管扫盲，不管精进。

4. 结合项目读，边看边试，会有更大的收获。

阅读笔记（1-7章）：

1. Krug可用性第一定律：别让我思考！

一个页面应该是不言而喻、一目了然、自我解释的。因为大多数人会比我们想象中少得多的时间来浏览网页。

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

我们不是阅读，而是扫描。
我们不作最佳选择，而是满意即可。事实上，大多数时间里我们不会选择最佳选项，而是选择第一个合理的选项，这就是满意策略。
我们不是追根究底，而是勉强应付。很多人完全不是以设计师设想的方式使用网络和软件，但他们用的很好。

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

Ÿ1）在每个页面上建立清楚的视觉层次。

一个视觉层次清楚的页面有三个特点：Ÿ

越重要的部分越突出。
Ÿ逻辑上相关的部分在视觉设计上也相关。
逻辑上包含的部分在视觉上进行嵌套。

2）尽量利用习惯用法。

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

4）明显标识可以点击的地方。

5）最大限度降低干扰。

有两类视觉噪声：

Ÿ眼花缭乱。所有的内容都希望引起注意，效果可能适得其反。
背景噪声。如菜单项之间的间隔线。

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

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

1）欢迎词必须消灭。没有包括有用的信息，只是一个劲地在说自己多好。

2）指示说明必须消灭。至少在多次“勉强应付”失败之前，没有人会细读他们。你的目标应该是通过让每项内容不言而喻来完全消除指示说明，或者尽可能做到这一点。

6. 导航的用途：

帮助我们找到想要的任何东西。
告诉我们现在身处何处。
它给了我们一些固定的感觉。
它告诉我们当前的位置。
Ÿ它告诉我们如何使用网站。
Ÿ它给了我们对网站建造者的信心。

导航的习惯用法：

持久导航（Persistent Navigation，或全局导航）：描述出现在网站每个页面上的一组导航元素。会让你立即确认自己仍然待在这个网站上。

应包括5个元素：站点ID，栏目，回主页的方式，搜索的方式，实用工具

1）站点ID通常在左上，因为它在当前站点结构中层次最高。

2）栏目，有时也称主导航条（Primary Navigation），是到达站点主要栏目的链接，即站点层次结构的最顶层。

3）让一个返回主页（Home）的按钮始终可见，另一个习惯做法，就是让站点ID同时也作为一个让你回到主页的按钮。

4）实用工具（Utility），是到达网站中不属于内容层次的重要元素的链接。

5）提供搜索，一个输入框，一个按钮，还有“Search”。

PS，主页内不必使用持久导航；填写表单时，持久导航可能会成为不必要的干扰。

对于这些页面，只需要站点ID，一个回到主页的链接和任何有助于填写表单的实用工具作为最小规模的持久导航就可以了。

7. 页面名称。注意以下四点：

Ÿ每个页面都需要一个名称。
页面名称应该出现在涵盖该页内容的位置。
Ÿ名称要引人注目。
名称要和点击的链接一致。

“You are here”：突出当前位置，告诉你所在的站点层次结构的前后关系。
面包屑（层级菜单）：告诉你从主页到当前位置的路径。

9. 标签是极少几个将物理隐喻有效应用到用户界面中的例子之一。

Ÿ 它们不言而喻。
Ÿ 它们很难错过。
Ÿ 它们很灵活。标签能增加修饰作用而且更实用。
Ÿ 它们暗示了一个物理空间。当前的标签在物理上出现在最前面。

Amazon的标签：

10. 设计主页

1）主页要完成的任务

站点的标识和使命。这是什么网站，它做什么的，如果可能，告诉我为什么我应该在这里，而不是到别的网站。
Ÿ 搜索。突出显示的搜索框。
导读。Content promos（内容推介）部分应突出最新、最好、最流行的内容片断，例如头条新闻或热销产品。Feature promos（功能推介）部分邀请我去访问网站更多的栏目或者试用一些个性化功能或邮件简报等。
Ÿ 内容更新。主页应有一些经常更新的内容，告诉我活跃的迹象。
Ÿ 友情链接。需要在主页上预留空间，用来放置广告、交叉推广、合作品牌的推广链接等。
Ÿ 快捷方式。最常访问的内容片断（如软件升级）值得在主页上放置链接。
Ÿ 注册。新用户注册和老用户登陆链接，并且要有某种方式让我知道自己已经登陆了。（欢迎回到XX，Steve Krug）

除了这些具体的，还需要满足一些抽象的目标：

Ÿ 让我看到自己正在寻找的东西。主页应该让我想要的任何东西显而易见。
Ÿ ……还有我没有寻找的。一些很精彩的也许会感兴趣的内容——就算我并没有寻找它们。
Ÿ 告诉我从哪里开始。
Ÿ 建立可信度和信任感。

2）常见的约束

Ÿ 主页的位置争夺激烈。
Ÿ 想要参与发表看法的人太多。
Ÿ 一个尺寸要适合所有人。

3）主页的混乱中有一件事往往会被忘掉——传达整体形象。这就是共有区域的悲剧（The Tragedy of the Commons）。

在主页上增加更多项目所得到的和付出的并不一致，得到推介的栏目获得了巨大的访问量，而由于主页变得更混乱而造成的有效性总体损失则要由所有的栏目一同承担。应该让所有的利益相关者知道过度使用主页的危险，并且提供其他方法来缓解这种需求，例如从其他热门页面进行推荐，或者轮流使用主页上的同一块空间。

4）如何传达

两个重要的位置要清楚陈述。

Ÿ 口号（Tagline）：靠近站点ID的地方，当做整个网站的描述。
Ÿ 欢迎广告：是网站的简要描述，在主页的首要位置显示，不需要滚动屏幕就能看到。

传达信息的指导原则：

Ÿ 需要多大空间就使用多大空间。
Ÿ 但也不要使用过多的空间。阐述应保持简短，表明观点即可。只提最重要的功能（4个）。
Ÿ 不要把使命陈述当做欢迎广告。如“XX公司在XX发展领域提供一流的解决方案…”
Ÿ 最重要的是进行测试。

5）主页导航可以不一样

由于主页独特的职责，通常不必使用持久导航，常见的差别包括：

Ÿ 栏目描述。每个栏目名称增加一些描述性的短语，甚至想列出下一级栏目。
Ÿ 不同的方向。可能使用垂直导航而不是水平导航。
Ÿ 用于识别的空间更多。主页上的站点ID通常会比持久导航上的站点ID更大，品牌口号不一定出现在每个页面上。

6）下拉框的问题

Ÿ 列表上的项目不可能在扫描页面时看到。
Ÿ 标准的HTML下拉菜单，无法控制字体、间隔和列表的格式，以提高菜单的可读性，也没有什么好办法把列表分成几组。
Ÿ 它们不好控制。列表的显示和收缩很快，会影响查看效果。

下拉框对于组织按字母顺序排列的项目来说最有效，例如国家、省份或产品名称。

+++++————————————————————————————————+++++

第8-12章的读书笔记还没有写，慢慢来。

端午行意外取消，我可不敢在动乱时前往锡林郭勒，小命最重要。

最近一直着急的租房事宜也于昨日搞定，进驻城里的感觉真好，特别是旁边就有海底捞和巫山烤全鱼，真让人兴奋。还买了双鞋，United Nude，嫩嫩的，很貌美。

开始要忙着打包啊搬家啊打扫卫生啊等等，诸多琐事，各种忙碌和疲惫啊。

生活要是能多多偷懒该多好。

相关话题：《Don't make me think》源地址：http://www.wangxuntian.com/?p=1036

《Don’t make me think》笔记

admin — 2010-02-02 23:11:53

很多年前就看过《Don’t make me think》的第一版，第二版在书架上很久了，这两天才翻看。温故知新，笔记如下：

某个东西越是需要投入大量时间（或者看起来会这样），它将来用到的可能性越小。
可用性第一定律：别让我思考。
我们使用web的第一个事实：我们不是阅读，而是扫描，一般会关注“与手头任务有关的”或者“当前或接下来的个人兴趣”或者“长久的兴趣，如免费、美女等”这些文字和短语。（老邓注：所以，别老想着在首页上放一大段自吹自擂的话了，那是自恋）
我们使用web的第二个事实：我们不作最佳选择，而是满意即可。
我们使用web的第三个事实：我们不是追根究底，而是勉强应付，很少有人花时间读说明书，大家总是贸然前进勉强应付，一旦发现某个方法能够用，即使很难用，也不愿意再主动去找另一种更好的方法，这不是智力问题，而是并不认为这个网站对自己有那么的重要。（老邓注：所以，别老想着用Flash去制作一个“预订流程说明”了，那是单恋）。
让页面不易理解的一个最大原因是视觉噪声，设计的时候可以先假定所有内容都是噪声，除非得到证明它不是。
大多数页面上的大部分文字都不过是在占地方，因为没有人打算阅读它们。但它们确实在那儿，所以会暗示你可能需要阅读它们，这样常常使得页面看起来难度更高了。去掉没有人看的文字能降低页面噪声，从而让有用的内容更突出，人们更加愿意阅读。（老邓注：这就是设计中常说的“少即是多”，加文字的时候需要反问“是想给客户看的还是只是为了立此为证以便后面和客户理论？”）P34页有一个非常好的精简案例，精简幅度60%。
如果你想为我提供选项来调整搜索的范围，在它有用的时候再提供给我——当我到达搜索结果页面，发现搜索全部内容得到的结果太多的时候，这时就需要缩小搜索范围。
共有区域的悲剧（The Tragedy of the Commons）。任何共享的资源（共有区域）都会因为过度使用而遭到破坏。（老邓注：这就是首页上为什么广告越来越多、内容越来越乱的原因）
从焦点小组了解到的是你在设计网站之前就应该了解的，别把焦点小组和可用性测试弄混了。详细的区别见P100页。
每轮可用性测试只测试三名用户，以保证尽快进行下一轮，多进行几轮。测试对象是谁并不重要，对于大部分网站而言，你只需要懂得上网基本知识的用户就可以了。
推荐屏幕录制软件Camtasia，它是TechSmith公司的产品，和SnagIt出于同一家公司。只需要300美元。再加1000美元，可以买到该公司的另一个产品Morae，它允许观察者在另一台电脑上看到真实测试情况。
测试中有两部分内容：理解测试，看看用户是否理解这个网站；任务测试，看看用户是怎么完成一些任务的。
P109-P113页是很值得一读的用户测试对话范例。
P115页，关于Kayak（皮划艇）问题。Kayak问题总是存在，因为有些含混之处总是没有简单的解决办法，比如“港澳台酒店”应该放在“国内酒店”里还是“国际酒店”里，可能我们会觉得放到两个分类里。笔者的建议是一个项目最好只在一个地方存在，其他位置用链接“参见……”来标出。
要抵制添加的冲动。当在测试时清楚地看到人们没有理解某些内容时，大部分人的第一反应是增加一些内容，例如一些注释或一些指导说明。而正确的解决方案往往是去除某个（一些）让人混淆的内容，而不是增加另一些干扰。
隐藏客户服务电话、运费、价格信息，会降低客户好感。隐藏电话的初衷是希望用户不打电话，通常这样做会降低用户的好感程度，而且他们找到号码并拨打时会更恼火。另一方面，如果电话很容易看到，他们知道在需要的时候可以拨打，会让人们在网站上停留的时间更长，从而增加了他们自己解决问题的可能性。
人们喜欢对网站的外观发表意见，但是几乎没有人会因为觉得它不够好看而离开。（老邓注：不过，根据《情感化设计》，更赏心悦目的网站，能增加用户忍受度，使用户更加愿意探索）
向用户询问不必要的信息可能产生三个后果：您得到的表单更少；您常常无法得到真实数据；您的网站形象下降。

Don’t Make Me Think中的十条金科玉律

sherrydodo — 2009-07-12 01:54:04

UX Booth的Redd Horrocks说，Don’t Make Me Think除了是一本用户体验入门佳作，还可以被从业者拿来当做一剂思维清新剂。他总结了书中得出的十条金科玉律，正好趁此机会记录下来，回顾一下这些简单明晰的道理，让最近混沌的大脑清醒清醒。

1. 可用性是什么？

可用性就是确保某个东西好用，确保一个普通人能在不受挫的情况下使用这个东西达成某个目的。

2. 网络应用应该是不言自明的

用户看一个页面或者使用一个网络应用的时候，这些页面或者应用应该是很清晰地阐释了自己，不需要另加说明的。

3. 别让我思考

没人会喜欢不知道该怎么做的窘境。如果网站的设计者不把网站设计得足够清晰明了，将会在很大程度上损坏网站本身以及服务商的信誉。

4. 不要浪费我的时间

大多数网站都是以节省时间这一需求为驱动的。这样的结果导致用户都像鲨鱼。他们必须得快速行动，不然就会死。

5. 用户喜欢后退键

和现实生活中没有后悔药可吃不一样，人们总是习惯性地使用网站的后退键。当你在网站上判断失误的时候，只需要点那么一两下就可以回到最初或者做出另一种选择。后退键是浏览器上最常用到的功能。

6. 我们是习惯的生物

如果我们发现有东西能用，我们就会一直用它. 一旦我们习惯了这个东西，不管它有多不好用，我们都懒得再去找另外的替代品。当我们跌跌撞撞用一个东西的时候，我们会慢慢以更优化的方式来用它，但我们却很少主动去寻找一个更好的替代品。

7. 没时间闲聊

毫无营养的的闲聊，或许可以帮助你社交，但却不能帮助你的网站在用户那里取得好感。因为用户没有时间来闲聊，他们都想直奔主题。你应该尽可能得消除不必要的对话。

8. 别丢掉搜索

有些人就是喜欢搜索,他们来到一个网站总会下意识地寻找搜索框。这就像一些人进了商店就直接找最近的店员帮忙一样。

9. 我们脑子里会有站点地图

当我们浏览网站的时候，虽然没有确切的地理位置感，但会下意识地记住自己的使用轨迹，从而形成自己对网站的一个站点地图

10. 让返回首页变得容易

在用户可视范围内放上首页的链接可以让用户感觉安心。一个首页按钮能够带给用户一种暗示，不管迷失在哪里，你都可以重头开始，就像是按一个重置键或者使用一张保释卡, 或者游戏里使用了一张回到迷宫起点的卷轴。

关于最后一条，有个切身感受。公司的词典网站改版后，一直有个感觉不好的地方：首页从以前相对单纯的词典搜索变成了综合性的咨询页面，词典的地位被大大削弱，除此以外，导航上再也没有首页按钮，取而代之的是词典，虽然点击词典还是回到首页，但如今的首页留给用户的印象绝对不只是一个词典的印象，这里就产生了用户印象和实际的差异，这种差异虽然较小，但总让人感觉有那么一点不舒服。当然这也有习惯的因素在里面，可能对新用户而言就不会有那么大的认识偏差。但无论如何，当某个功能已经不能代表全站的时候，同时自身的设计也显示出要强化其他功能服务的时候，这个单一功能的名词又怎么能作为首页的代名词呢？

什么是成功的网站用户体验？

3233 — 2008-12-22 18:36:42

Don't make me think提炼

主要从以下四个指标来考核：

•有用
有用是评估用户体验的基础性指标，无论是网站还是网站的具体某一功能服务，都需要是满足用户需求，确保对用户有用的产品。有用指标的实现与否更多体现在是否围绕规划与需求来进行开发设计。

•能用
能用是评估用户体验的技术性指标，在浏览器对网站的兼容问题、速度问题以及稳定问题上，都有着一定的考核标准，忽视了这些问题，用户就不能够顺利使用网站。

•易用
易用是评估用户体验的质量性指标，是比较网站不同阶段、不同网站之间最常用的评估手段。易用性良好的网站保证了用户能简单快捷地使用网站各种功能服务。而用户在使用网站功能中产生的各种负面情绪如不安、迷惑、沮丧、误解、愤怒等等都是易用性不佳的直接表现。

•友好
友好是评估用户体验的气质性指标，从视觉设计到网站所有解释性文字（有可能有部分功能与交互设计），友好性良好的网站能够最大可能的感化、影响用户，让用户在使用过程中拉近与网站的距离感，逐渐从情感上建立依赖性。