点石成金

点石成金:访客至上的 Web 和移动可用性设计秘笈

史蒂夫·克鲁格(Steve Krug)· 可用性设计大师

一句话:每个让用户停下来想一秒的地方,都是设计欠的债。
可用性经典 · 薄,快读 · 入门五本「甜点」

作者与背景:一本「越薄越经典」的书

克鲁格是可用性咨询师,常年帮网站做「可用性测试」。他观察到的第一手事实很简单:用户根本不按设计者的思路用产品。这本书把这些观察写成了一条条可执行的纪律。

  • 写作风格:口语化、幽默、案例多,两三个晚上就能读完——它是入门五本里的「快读甜点」。
  • 时代背景:初版写于 2000 年,讲的是 Web 设计,但道理完全适用于今天的 App——「扫视、不思考、随时想跑」的用户行为没变过。
  • 为什么产品经理要读:它让你从「我要怎么设计」切换到「用户会怎么看」——这是同理心的第一课。

第一定律:Don't Make Me Think

这是全书唯一的「必须背下来」的定律:页面上的每个元素,都应该让用户一眼就明白它是什么、能做什么,不需要任何思考。

  • 思考=摩擦:用户每停下来想一次「这按钮是干嘛的」「这标题什么意思」,就离离开近一步。
  • 自解释的设计:链接名字要准确、按钮位置要符合预期、流程要符合直觉——让用户「无脑」完成操作。
  • 检查方法:拿你的页面问一个陌生人:「这是什么?从哪开始?哪里能点?」答不上来就是设计欠了债。

核心洞察:用户是在「扫视」,不是在「阅读」

用户打开页面的前 5 秒在想什么? 按钮 这是什么网站? 从哪里开始? 哪里能点? 找得到要找的? 迷路了怎么办? 用户不是在「阅读」页面,而是在「扫视」页面

用户打开页面的前 5 秒,脑子里只有几个问题:这是什么?从哪开始?哪里能点?找得到我要的吗?迷路了怎么办?页面必须在扫视的 5 秒内把答案给出来。

  • 别指望用户读完文案:他们扫标题、扫首行、扫图片,然后决定走或留。
  • 「足够好」优于「完美」:用户不会找最优解,找到第一个「看起来能用」的就用了。
  • 可点击的元素要有视觉线索:按钮要像按钮、链接要像链接,别让用户猜。

实用法则:KISS 与「去掉一半文字」

  • KISS(Keep It Simple, Stupid):能用一页说清的绝不放两页,能一个按钮解决的绝不两个。
  • 去掉一半文字,再删一半:页面文字减半后,可用性通常不降反升。
  • 「面包屑」和「返回首页」是救命稻草:让迷路的用户永远有退路。
  • 可用性测试不贵:找 3 个人、各测 20 分钟,就能发现大部分问题——别等上线后才发现。
如果你不能在一个下午自己设计出一个明确无误的东西,那就找 3 个用户来测试,你会发现一切。 —— 克鲁格

章节内容展开:这本书是怎么组织的

《点石成金》十三章,分三块:「道理」→「设计」→「测试」。道理部分讲用户心理,设计部分给具体技法,测试部分教你怎么验证。

道理篇 · 用户到底怎么用网页 第 1~5 章

  • 第 1 章 别让我思考:全书之魂——每个让用户想一秒的地方都是设计欠的债。
  • 第 2 章 用户如何用 Web:扫视、满意即可(够用就行)、勉强应付(不求最优解)。
  • 第 3 章 广告牌设计法则:设计页面像设计广告牌——5 秒内被看懂。
  • 第 4 章 动物、植物、无机物:用户靠「识别」而非「思考」来理解页面元素。
  • 第 5 章 省略不必要的文字:文字减半,可用性不降反升。

设计篇 · 导航、首页与具体技法 第 6~9 章

  • 第 6 章 街头指示牌和面包屑:导航设计——让用户永远知道「我在哪、能去哪」。
  • 第 7 章 首先要承认,主页不由你控制:不同用户从不同入口进来,主页只是其中之一。
  • 第 8 章 农场主和牧牛人应为 Web 团队:两种性格互补的团队成员如何协作。
  • 第 9 章 可用性测试:为什么必须测、多久测一次、怎么组织——测试是设计的一部分。

测试篇 · 让设计经得起检验 第 10~13 章

  • 低成本测试:3 个人、20 分钟、一间会议室,就能发现大部分问题。
  • 测试什么:任务完成率、卡点位置、用户迷惑点——记行为不记评价。
  • 什么时候测:随时测——原型阶段就能测,别等上线。
  • 收尾:可访问性(照顾残障用户)与全书最后的忠告。

阅读顺序建议:必读第 1、2、5、6 章;其他章节可跳读。读完立刻做一次「20 分钟测试」,比反复读更有效。

怎么读这本书

1

当「快读甜点」读

两三个晚上读完,重点记住三条:Don't make me think、用户扫视不阅读、KISS。

2

边读边测

每读完一章,找 1~2 个 App 对照:哪里让我「想了一秒」?记下来。

3

做一次 20 分钟测试

找一个界面,让朋友操作完成一个任务,你只观察不说话——你会看到真实的「扫视」。

4

和用户体验要素联动

五层模型的「框架层、表现层」具体怎么做好,这本书就是答案——两本连读正好互补。