我从一本 20 年前的网页设计书籍中学到的东西

背景简介

在我的学校（没错，我十几岁了），有一个学校图书馆，我经常去。有一天，我决定看看他们有没有关于网页设计和开发的书籍。我建网站已经有一段时间了，但出于好玩，我想看看学校图书馆里有什么书。

我原本没抱太大希望，但出乎意料的是，竟然有一本书，名叫《别让我思考》（Don't Make Me Think），作者是史蒂夫·克鲁格（Steve Krug）。封面底部写着“网络可用性的常识性方法”。我拿起书，翻到封面时，注意到了版权声明：© 2000 Steve Krug。

等等。这本书出版的时候我甚至还没出生。互联网出现还不到十多年。HTML5 和 CSS3 成为标准之前，Google Chrome 浏览器也还没出现。

这番话让我心里升起了一丝警惕，但我还是勉强读了下去。当时，我对这本书其实没抱太大期望。

但现在我可以说，读完之后，一切都是值得的。因为20年前网络上的许多通用原则和用户行为如今更加普遍，而且这本书传授的网页设计经验在今天仍然非常适用。

第一课：网页上的所有内容都应该不言自明

克鲁格首先提出了一个“简单的生活事实”：我们不是阅读书页，而是浏览它们。

用户通常很匆忙，几乎不会阅读网页上的所有内容。如果你的页面上有大量长篇大论或内容繁多，用户肯定不会阅读所有内容。

正如克鲁格所解释的那样，用户在浏览过程中会弄清楚事情，寻找可以点击的内容，阅读大标题并查看图像。

这对设计师来说意味着什么？

由于用户仅浏览页面，因此页面必须井然有序且不言自明。

正如克鲁格所解释的，实现这一目标的一个好方法是使用Web 约定。Web 约定是网站中随处可见且深受用户喜爱的组件集。

常见 Web 约定的示例包括：

• 主导航栏
• 旋转木马
• 购物车图标
• 页脚
• 标签

正如克鲁格所写，重要的是利用现有的惯例，而不是试图自己发明。如果你使用一个用户从未见过的惯例，那么他们将不知道如何使用它，而且它的效果也大打折扣。

对于如何使网站井然有序，克鲁格给出了一些惯例和建议，其中包括。

• 使用标题、副标题和小标题来指示层次结构
• 将网页划分为明确定义的区域
• 使用嵌套部分来表示事物的子集
• 让可点击的内容一目了然

克鲁格说，一般来说，逻辑上相关的事物在视觉上也应该相关。

第二课：删除无用内容

克鲁格在《别让我思考》中给出了另一条规则，即“删除网页上一半的文字，然后再删除剩下的一半。”

这条规则与上一节相关，因为用户不会阅读所有内容。网页上的内容越少，用户就越有可能看到并浏览真正重要的内容。

克鲁格举了一个巨大的例子，那就是“快乐谈话”。快乐谈话是指网页上的介绍性文字和说明。不幸的是，正如克鲁格所说，大多数用户只会浏览一下这些文字。这就是为什么，用克鲁格的话来说，“快乐谈话必须消亡”。

删除页面上无用的内容，尤其是文本，可能会提高用户参与度，并使您的网站更实用、更优雅。

第三课：让主页简洁明了

不可否认的是，主页是任何网站上最重要的页面，甚至是最重要的页面。

网站主页有两个用途：

• 告诉用户该网站的内容
• 向用户显示从哪里开始

任何不会直接影响这些目的的杂乱事物都应被忽略。

第四课：测试是关键

如今，可用性测试比《别让我思考》问世时容易多了。像HotJar这样的网站可以让你轻松快速地找到样本用户来测试你的网站。

正如克鲁格指出的那样，可用性测试只需几次测试就能帮你发现网站中最大的问题。既然可以真实用户测试你的网站，何必花费大量时间去思考用户会如何使用呢？

结论

《别让我思考》写于近二十年前，当时的世界与今天大相径庭。它证明了，尽管网络背后的技术和网站发生了翻天覆地的变化，但用户使用网络的本质却始终如一。本书展示了如何以可用性和用户需求为中心，设计出最佳的网站。

我真心推荐你读一读《别让我思考》，希望你喜欢这篇文章。正如我之前所写，这本书已经有了新的修订版，我推荐你去读，而不是读原版。自从读完《别让我思考》之后，我发现这本书至今仍然非常受欢迎。这并不奇怪。在我看来，它是网页设计和可用性基础的唯一指南。

当然，本文仅代表我个人观点，我鼓励你自行研究。书中部分引言已根据上下文略作改写，特别感谢学校图书馆将这本书摆放在书架上！

— 加布里埃尔·罗穆阿尔多，2019 年 10 月 24 日