取其精华！设计师读书笔记连载系列之《Don’t Make Me Think》

@围脖上的嘟嘟王子 ：《Don’t Make Me Think》作为设计师的必备读物，如果你还没看过，不妨看一下这篇总结笔记。这本书有13章，我选取了9个比较重要的点来记录，附上国内的相关案例，方便大家学习理解。

作者是Steve krug，他是一名可用性咨询师。他平时的工作内容和流程可以供大家了解和参考：

• 客户发来新产品的网站地址或者设计原型
• 他进行试用，向用户一样执行任务，然后把问题记录下来
• 他安排客户会议，描述这些问题，帮助用户决定哪些是最急于修复的，并确定最佳修复方案
• 客户支付报酬

作者对可用性的定义：

• 有用：能否帮助人们完成一些必须的事务？
• 可学习：人们能否快速明白如何使用它？
• 可记忆：人们每次使用的时候，是否都需要重新学习？
• 有效：它们能完成任务吗？
• 高效：它们是否只需要花费适当的时间和努力就能完成任务？
• 合乎期望：是人们想要的吗？
• 令人愉悦：人们使用它的时候觉得有意思甚至好玩吗？

接下来就是文章里的一些重点了。

一、可用性第一定律 - 别让我思考

让用户第一眼看到你的网站就能明白，一目了然，不用思考。

假如用户需要思考，哪怕很短暂，也要消除这些问号。

二、关于用户是如何使用Web 的三个事实

我们并不是阅读，而是扫描

我们总是任务在身，，我们知道自己不必阅读所有内容，我们善于扫描。

我们不会执着于最佳选择，而是满意即可

用户总是处于忙碌之中，如果猜错了也不会产生什么严重后果，花费精力做最佳选择也并没有太大改善，猜测更有趣。

用户不是追根究底，而是勉强应付

这对用户来说并不重要，用户不会花费太多精力试用新产品，如果发现这个东西能用，用户就会一直用下去

三、做设计时需要注意的重要方面

尽量利用习惯用法

如果你准备创新，最好暂时保留人们的习惯性用法，再慢慢替换。

QQ的抽屉栏更多的是要适应大屏时代的手势操作，即抽屉栏向右滑出，但也保留了人们点击右上角头像的习惯性做法

建立有效的视觉层次；

把页面划分成明确定义的区域；

明显标识可以点击的地方；

最小化干扰；

为内容创建清楚的格式，以便扫描；

四、网页或APP中的提示/指示该怎么做？

简短：只需要提供最少的信息来帮助用户
及时：放在用户正好需要它的地方
不会错过：设置合适的格式，保证我一定会注意到它。

有的提示一闪而过，比如保存成功、修改成功、支付成功等等；有的提示却需要用户手动关闭，例如下图的两个例子，天猫为了让用户感知到经验值发放成功，在消息位置给出了提示，即使你打开新的天猫页面，这个提示依旧存在，直到你注意到并关闭它；还有微信公众平台的编辑器，如果未输入标题便进行发布，提示也会一直存在标题上方。因此在做设计时，提示的位置、出现的时间、是需要用户重视还是忽略，都需要我们认真考虑。

五、省略多余的文字

消灭欢迎词，消灭冗长的引导、指示文字。

如下图的闪屏页面，都做得非常简洁，一个logo或者一张极具产品思想的图片即可让人记住

很多APP喜欢把引导页做的很精美，一般用来告诉用户新的功能，但你有没有 发现，微信从未做过任何引导页面，因为微信知道大部分用户都会之直接忽略。看下图的引导页，你真的会阅读这些引导文字吗？

当然，如果你能把引导页面做的很有趣，例如用动画，或者演示来吸引用户，会让用户对产品好感满满。如果没那个自信，还是不要了。

六、如何设计导航

用户来到网站通常会做两件事：浏览或者搜索，尽管你的网站侧重不同，但最好同时提供给用户。

如下图：腾讯新闻用户虽然多以浏览为主，但也在抽屉栏里提供了搜索入口。用户的搜索的需求频率虽然低，但却并不是多此一举，试想当你看过某个新闻时想分享给朋友看的时候，却发现早就被淹没难以寻找，这个时候如果没有搜索入口解决用户燃眉之急，用户对APP的评价将会大打折扣。

百度当然主打：百度一下。但用户也时常不知道搜索些什么，这时候浏览页面上的时事热点也是非常好的选择。

始终都能让用户返回主页

如下图：在小米商城，无论你在哪个页面浏览，鼠标hover上左上角的小米logo，logo就会变为主页icon，指引你回家。

每个页面都需要一个名称，这个名称需要出现在合适的位置，并且和链接一致

对于大型网站来说，面包屑指示非常重要，注意将它们的放在顶层，用 >号做间隔，并加粗最后一个元素。

如下图：淘宝里的面包屑指示想必大家最为熟悉，他们便捷不言而喻。

附上面包屑导航小故事来帮助大家记忆：很久很久以前，在大森林的边上住着一个贫穷的樵夫，他与妻子和两个孩子相依为命。他的儿子名叫汉塞尔，女儿名叫格莱特。后来樵夫的妻子去世了，他又给孩子们娶了一个后母。后母计划把两个孩子带到森林的深处，然后趁他们睡着的时候跑掉。汉赛尔无意中知道了后母的计划，于是偷偷地把一块面包藏在了口袋里。在去森林的路上，汉赛尔悄悄地捏碎了他的面包，并不时地停下脚步，把碎面包屑撒在路上。后母顺利地趁孩子们睡着的时候溜掉了，汉赛尔和格莱特醒来已是一片漆黑。汉赛尔安慰他的妹妹说：“等太阳一出来，我们就看得见我撒在地上的面包屑了，它一定会指给我们回家的路。”这是一个悲惨的故事，我并没有讲完。只希望童话里的兄妹两个顺利回家了。

七、如何设计网站的主页

传达整体形象， 当用户进入一个新的网站，主页一定要能回答以下四个问题：

• 这是什么网站？
• 网站上有些什么？
• 我能在这里做什么？
• 为什么我要在这个网站，而不是别的？

八、不要做那些浪费时间的争论了，听听用户的想想法吧

市场、产品、开发、设计由于专业不同而观点不同，反复的争辩既浪费时间又消耗团队经历

九、如何做可用性测试

• 每个开发团队应该每个月安排一个上午进行一次可用性测试
• 作者认为每轮测试3个用户即可，选取接近你目标用户的新手用户。
• 鼓励利益相关者-团队成员、市场、产品、开发人员等观看测试。

测试流程：

• 简单介绍测试如何进行（约4分钟）
• 了解测试者，比如他们是不是计算机高手，有没有玩过类似网站（约2分钟）
• 主页观光，观察用户在主页看到了什么，如何操作（约3分钟）
• 任务测试，这是测试的核心部分，让测试者执行一些列任务，并观察他们遇到的问题（约35分钟）
• 和团队开展总结会，决定修复哪些问题
• 收集一份问题列表
• 选择10个最严重的问题
• 问题评级
• 建立一份排序列表
• 将小问题建立另一份清单（这些问题不需要评审就能完成）
• 抑制添加的冲动，多用删除法，少用加法
• 不要太看重人们对新功能的要求
• 忽略“kayak”问题，用户出现暂时性错误，但能很快自我恢复，也称皮划艇问题，只要及时恢复正常，就是一种乐趣而已。

九、可用性是基本礼貌

降低用户好感的几种方式，请避免

• 隐藏我想要的信息
• 因为没有按照你们的方式操作而惩罚我
• 向我询问太多不必要的信息，比如私人信息
• 敷衍我、欺骗我
• 给我设置障碍
• 你的网站看上去似乎不那么专业，例如布局、颜色等

提高好感的几种方式，多使用

• 知道人们想要在你的网站上做什么，并让网站简单易懂
• 告诉我我想知道的
• 尽量减少步骤
• 知道我可能有哪些疑问，并给与解答
• 为我提供协助，例如客服
• 容易从错误中恢复
• 如有不确定，记得道歉

这本书的读书笔记到这里就结束了，当然，笔记只能帮助我们快速回忆书里的内容，还是建议大家去购买这本书详细阅读。

写在最后：在和产品经理发生激烈交锋的时候，理论知识是衬托你专业性的强大依据，设计不单纯是你能做到，更是你能说出为什么这么做，共勉。

最后，欢迎大家关注我的我的微信号：交互笔记，不定期更新。

【了解伟大企业的历史变迁】

“不作恶”企业谷歌的首页变迁史
《生日快乐！那些年我们用过的谷歌首页》

设计的趋势从此可见一斑！
《涨姿势！从苹果官网细看20年设计变迁史》

连邀请函都有浓浓的设计范儿！
《向经典致敬！带你看十年来苹果发布会的邀请函》

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量112万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com