“别让用户思考”，提高网站可用性

2019-03-06 14:33:00

网站的设计，始终都是要站在用户的角度。尽量使用简单、一目了然的功能设计来让用户可以不用思考就能完成操作，可以提高用户体验，增加用户留存率。

关于网站的可用性，也许你可以找到很多不同的定义，但是经常可以分解成以下几个方面：

有用：能否帮助人们完成一些必须的事务？
可学习：人们能否明白如何使用它？
可记忆：人们每次使用它的时候，是否需要重新学习？
有效：他们能完成任务吗？
高效：他们是否只需要花费适当的时间和努力就能完成任务？
合乎期望：是人们想要的么？

有着20几年从业经验的可用性专家史蒂夫克鲁格认为：关于可用性，最重要的方面其实很简单，就是别让用户思考 ——它意味着，设计者应该尽量做到：当我看一个页面时，它应该是不言而喻、一目了然、不用解释我就能明白它是什么意思，怎么用它，而不需要进行额外的思考。
网页上每项内容，都有可能迫使我们停下来进行不必要的思考，例如：

我在什么位置？
我该从哪里开始？
他们把XX放在什么地方了？
这个页面最重要的是什么？
为什么他们把它叫做这个？
这是广告还是网站的内容？

为了使一个页面不言而喻、自我解释，你应该先明白：用户是如何使用web的。

一、用户如何使用web

大部分时间里，用户实际上是在每个页面瞥一眼，扫过一些文字，点击第一个令他们感兴趣或者大概符合他们寻找目标的链接。通常页面上的很多部分，他们看都不看。
如果想设计有效的网页，你必须了解用户使用web的三个事实。

第一个事实：用户不是阅读，而是扫描

人们只会花极少的时间来阅读大部分页面，寻找能引起我们注意力的文字或词语，当然也有例外，比如：新闻故事、报告、或产品描述页面，人们会回去阅读。
但是，就算是那些页面，人们也经常会在阅读和扫描之间来回切换。原因在于：大部分情况下，我们使用web总是想完成某项任务，而且通常想尽快完成，我们没有时间来阅读那些不必要的内容。扫描是一项基本技能，通过扫描，我们能快速寻找到我们感兴趣的，或者跟手头任务有关系的内容，剩下的内容，我们根本不关心。

第二个事实：用户不做最佳选择，而是满意即可

在扫描页面的绝大部分时间里，我们不会选择最好的，而是选择第一个过得去的选项。一旦我们发现一个链接，看起来似乎会跳转到我们想去的地方，那就是一个我们将会点击它的大好机会。
为什么用户不进行最佳选择？
原因在于：寻找最佳策略很难，需要的时间很长，满意策略效率更高。在网站上做一次错误的选择，其后果通常只是点击几次返回按钮，花费精力去做最佳选择并没有用，还不如查看猜到的第一个页面，不行再回退回来。

第三个事实：用户不是追根究底，而是勉强应付

很大程度上，人们在使用一些东西，但并不理解它们的运作原理，甚至对他们的工作原理有完全错误的理解。很多人经常上网，但他们并不知道自己在使用浏览器，他们只知道在一个输入框里输入一点东西，然后内容就出来了。
对于我们中的大对数人来说：只要我们能正常使用，是否明白事物背后的运行机制并不重要，这并不是智力低下的标签，而是我们并不关心——它对我们来说，没那么重要。人们发现某个东西能用，会一直使用它，不太会去找一种更好的方法。
了解用户使用web的三个事实后，我们要针对用户的行为扫描网站做设计，而非阅读。

二、为扫描设计网站而不是阅读

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

1. 尽量利用习惯用法

任何东西，要让人能瞬间理解，一种最好的方法就是：遵循习惯和惯例。
那些已经广为采纳或者已经标准化的设计模式，例如：用户通常会期望标志性的站点图标（Logo）出现在页面的左上角；网站的主导航横跨在页面顶部或者纵向放置在页面左边；几乎所有购物网站都会提供购物车。
除此之外，很多视觉元素也会有标准的外观，例如：标示视频连接的图标、搜索图标、社交网站的分享方式。
不同网站也演化出了各种不同的习惯用法——电子商务、大学、博客、餐馆、电影，以及其他很多网站，因为这些相同类别的网站都要解决相同的问题。
这些习惯用法都不是凭空出现的：它们都是从某个人灵光一现的想法开始，如果这个想法不错，其他站点就会模仿。最终，有足够多的人在足够多的地方看到它，让他变得不言而喻。
你不妨打开淘宝、京东、当当网站比较看看，这类电商网站是不是都长得差不多。
如果应用良好，web习惯用法会给用户带来很大方便，因为他们访问不同的网站时，不需要付出额外的努力来得出背后运行原理。

2. 建立有效的视觉层次

让页面一瞬间明白易懂的一个好办法就是：确保页面上所有内容的外观（所有的视觉线索）能准确地表达内容之间的联系

哪些是最重要的？
哪些是类似的？
哪些是另一些的组成部分？

换句话说，每个页面都应该有清楚的视觉层次。
一个视觉层次清楚的页面有三个特点：

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

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

把页面划分成明确定义的区域很重要，因为这可以让用户很快决定关注页面的哪些区域，或者放心地跳过哪些区域。
对网页扫描所进行的几项初始研究表明：用户很快就会确定页面哪些部分含有有用信息，然后对其他部分看都不看。

4. 明显标示可以点击的地方

因为人们在网络所做的大多数事情就是：找到下一个地方点击。
那么，明确地标识哪些地方可以点击，哪些地方不能点击，这很重要。
扫描页面的时候，我们会寻找各种视觉线索，看哪些地方可以点击，例如：某种形状（按钮、选择卡等等），某些位置（菜单条之类的），以及某些格式（例如文本颜色、下划线等）。

5. 最小化干扰，降低视觉噪声

让页面不易理解的一个最大原因是：视觉噪声，用户对复杂度和干扰的容忍度不一样，一些人不在乎眼花缭乱的页面和背景噪声，但很多人在乎。
大体归类有三种视觉噪声：
没有重点：
页面上所有的内容都突出——大量不同的字体和抢眼的颜色。
这样做的事实就是：没有什么东西显得重要。
页面眼花缭乱往往是没法决策什么内容真正重要，没法创建合适的视觉层次结构，把用户首先吸引到最重要的地方。
组织不当：设计师没有对网页排版进行合理的设计与组织，排布乱七八糟，给予访问用户不适感。
太过密集：页面内容太多，没有去掉对页面没有帮助的内容，让用户无法再短时间内寻找到自己想要的东西。

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

绝大部分时间，用户都在你的网页上扫描文本，想要找到一些东西，而你的文本格式可以帮助他们，让他们扫描起来更容易。
下面是一些最重要的方法，可以让你的页面方便扫描：
充分使用标题：
标题可以告诉用户每个部分的大意，这样可以帮助用户决定哪些地方需要阅读、扫描，或者直接跳过去。
给标题设置正确格式非常重要，但常常忽视的两点：

如果你使用多级标题，那么，请确认：在不同级别的标题之间，是否有着非常明显、不可混淆的视觉区分。可以通过让每个更高级别的标题字体更大，或者给他周围留更多的空白来做到这一点。
不要让你的标题“浮在空中”。让它更靠近有它们引导的内容，而不是之前的内容，这两种方式在位置上可能只差了一点点，效果却大不一样。
保持段落简短：
如果段落篇幅很长，那么它们会像一堵墙一样挡在读者面前，让读者们失去继续扫描或者阅读下去的勇气。遇到长段落，读者很难记住它们已经读到的位置，而且，比起一系列短小精悍的段落来说，它们更难扫描。
突出关键词语：
大部分页面扫描动作是在寻找关键词和关键短语。所以，加粗关键词，让它们容易找到。但不要突出显示太多关键词，因为那样它们将被自己淹没。
三、网站导航
如果到了一个网站，却找不到你要的内容，或者不知道这个网站是怎么组织的，你不太可能在那里呆很长时间。为从，我们有必要创建明确、简单、一致的导航。
1. 导航对用户的作用
导航有两个显而易见的用途：帮助我们找到想要的任何东西；告诉我们现在身在何处。
除此之外它还有如下功能：
它告诉我们这里有什么：
通过让层级结构可视化，导航告诉我们网站上有些什么，导航体现了内容，而且，体现站点内容可能比引导我们或告诉我们位置更重要。
它告诉我们如何使用网站：
如果导航机制在于履行它的职责，他们会含蓄地告诉你该从哪里开始，你能进行哪些选择，如果正确无误，它应该是你需要的所有指示说明。
它给了我们对网站建造者的信心：
在网站上的每一刻，我们都会在脑海里保持一个标杆“这些人知道他们在做什么吗？”。
这是我们用来决定是否离开，或者以后还会不会来的主要考虑因素之一。
清楚、规划得当的导航是网站给人留下好印象的最好机会。
那么一个优秀的导航应该具备哪些要素？
2. 全局导航元素
全局导航应该包括4个元素，你需要一直保持这4个元素可见，它们分别是：站点ID、栏目、实用工具、搜索

苹果中国
站点ID ：
网站的站点ID就像建筑物的名称，它一般位于页面左上角，代表了整个网站，它在当前的站点结构上层次最高。
除了它的位置之外，为了让他成为页面上最显眼的内容，我们还应该用一中独特的字体，一个可以识别的图形来构建。
栏目：
也叫主导航条，是到达该站点主要栏目的链接——即站点层次结构的最顶层，还可以包括二级导航。
实用工具：
到达网站中不属于内容层级的重要元素的链接，这些实用工具要么能帮助我们使用站点（例如：登录/注册、帮助、站点地图、购物车），要么提供网站发布者的信息（例如：关于我们、联系我们）。
搜索框：由于搜索可以快速查询用户想要的内容，因此，除非站点规模非常小而且组织得很好，否则每个页面都应该有一个搜索框或一个到搜索页面的链接。
四、网站主页
当一个新用户首次访问网站的时候，最初的那几秒非常重要，你应该有一个页面来告诉用户：
这是什么网站？
你能在这里做什么？
网站上有些什么？

这个就是主页要传达给用户的网站形象。
除此之外，主页还有另一个作用：它是一个固定的空间，当你在一个网站上，主页就像北极星，点击回到“主页”给了你一个重新开始的机会，让我自己看到自己正在寻找的东西，看到自己还没寻找的东西，告诉我从哪儿开始，建立可信度和信任感。
主页除了包含导航栏以外，它一般还有如下内容：