教科书级的网站用户体验指南

用户体验（User Experience，简称 UE/UX）是用户在使用产品过程中建立起来的一种纯主观感受。 但是对于一个界定明确的用户群体来讲，其用户体验的共性是能够经由良好设计实验来认识到。计算机技术和互联网的发展，使技术创新形态正在发生转变，以用户为中心、以人为本越来越得到重视，用户体验也因此被称做创新 2.0 模式的精髓。对于一个网站来说「用户体验」一直都是重中之重的事情，明月以前也多次讲到“用户体验”的重要性，但是并不够完善准确。

今天明月看到了AdSense 帮助里的『用户体验之南』才发现这是一篇“教科书”级别的存在，虽然是出自谷歌但其绝对是整个搜索引擎行业的标准了，任何搜索引擎其实都在遵循这个标准来判断一个站点的「用户体验」，非常值得大家深度拜读学习的。（明月是一口气给看完了，感觉受益良多）

1. 重点关注用户的目标

对您的网站进行优化时，请牢记这些用户体验原则

开始之前，先问问自己：“我怎样才能提供用户所需，同时得到我想要的东西？” 要回答这一问题，首先要了解用户的目标、自己的目标分别是什么以及两者如何相辅相成。您需要考虑自己网站的核心产品和优势是什么。我们建议您将重点放在一两个优势上。尽管您的网站可能在很多方面都很不错，但您仍应重点关注最擅长的内容。

提示：

在开始时，要先问问自己下面一些问题：

• 用户如何找到您的网站？
• 他们要找什么？
• 您能提供他们需要的内容吗？
• 您想从用户那里获得什么？
• 您如何从他们那里得到理想的响应？

示例：

您运营着一个技术资讯网站，在考虑完上述所有问题之后，您得出的结论如下：

• 大多数用户来自搜索引擎，并会直接进入文章页面
• 用户要找的是他们搜索的文章内容
• 您在目标网页为他们显示整页的文章
• 目标是让用户参与，停留更长时间，阅读更多内容

真正的困难在于如何达到此目标。您需要向用户证明您的网站上还有其他有价值的内容，并鼓励他们继续阅读。这可以通过在每篇文章底部放一些相关的或热门文章来实现。

2. 使用清晰的结构引导用户

对您的网站进行优化时，请牢记这些用户体验原则

无论用户到达什么页面，您都必须在短短几秒之内，通过第一个屏幕（即首屏）上的醒目位置吸引他们的注意力，并向他们展示您的主要内容。使用简单的层级可以建立清晰的网页结构，这能够为用户提供指引并突出您希望他们看到的内容。

另一点需要注意的是网站的信息结构。如果您采用一致的方式组织和显示您网站中的信息，用户可以据此从不熟悉的网页中找到熟悉的网页。如果网站结构不符合逻辑或者与用户的预期不一致，他们就会无所适从，不知道接下来要去哪里。这会从整体上给用户带来困扰，并导致他们离开您的网站。

提示：

下面这些简单的设计技巧可以让您的网页井井有条：

• 对比：并排显示网页上的元素时不妨试试不同的颜色、饱和度或透明度。
• 大小：大小是引导用户的最简单的设计手段之一。要敢于使用大尺寸的醒目元素将用户的注意力吸引到页面中最重要的信息上来。
• 对齐：相关的元素沿同一轴线排列。
• 空白：在具体元素周围留出空白区域，从而使用户特别关注这些元素。这也会使您的设计更加吸引眼球。
• 网格：使用简单的网格安排网页上的元素可以带来组织有序的感觉。

示例：

报纸网站往往投入很大精力通过层级来建立结构。突发新闻或最重要的新闻在屏幕上占据主导地位。这样可以确保您会首先看到它。重要的头条新闻相对于其他内容还会加大加粗，这样，浏览网站的用户就可以方便快捷地找出它们。照片和标题的大小及对比差异有助于引导用户浏览网页。

3. 确保用户在您的网站上知道执行什么操作

对您的网站进行优化时，请牢记这些用户体验原则

用户在您的网站上应该总是知道下一步该执行什么操作。当用户来到您的网页时，他们首先应关注哪里、其次应关注哪里等，都应该非常清晰。并且，无论是要点击“购买”进行购买还是阅读相关文章，他们下一步要执行的操作也都应非常清晰。

提示：

在制作有意义的号召性用语时考虑以下几点：

• 突出：使用大小、颜色、对比和/或空白区域突出号召性用语。
• 简单：不要使用过多不同的操作打乱网页。要认真思考您希望用户执行什么操作，并在设计中优先考虑这些操作。
• 激励：激励用户执行操作。在折扣、礼品、抽彩或访问更多内容中，都可能包含激励。
• 接近：务必将号召性用语放在页面的合理位置。例如，如果页面的主要内容是一篇文章，您最好将号召性用语放在文章下面。
• 一致性：在整个网站显示号召性用语，并且保持其外观一致。

4. 提供符合用户情形的体验

对您的网站进行优化时，请牢记这些用户体验原则

无论何时何地，只要用户需要，您的网站都应该为其提供良好的体验。您需要考虑用户在不同情况下使用网站的方式有何不同，这一点很重要。一定要考虑用户的时间限制以及他们使用的是移动设备还是计算机。

提示：

使用这些提示可以帮助您思考用户使用您的网站的可能情况：

• 情形：用户是在什么情形下到您的网站上查找信息？
• 限制功能：您的网站的移动版本应仅包括网站的核心功能， 能够帮助用户找到所需的信息。省去其他
• 用于桌面版本网站的高级功能，因为用户在访问桌面版本时可用的时间会略多一些。
• 速度：用户时间并不充裕，所以您的网站一定要能快速加载。Google 的 Page Speed 工具可以帮助您优化加载时间。
• 容错：用户常常会犯错，尤其是在使用移动设备时。要让他们无需使用“后退”按钮就可以很容易地撤销操作，返回原来的位置。

示例：

假设您拥有一个餐馆点评网站。移动用户和桌面用户的行为会有哪些不一样呢？首先，移动用户很可能出门在外，他们甚至可能在一边逛街，一边浏览您的网站。他们不会像使用桌面版本网站那样有时间浏览数页餐馆。他们期望您的网站使用手机的 GPS 定位他们所在的位置，并根据他们进行的搜索显示附近受欢迎的餐馆。由于用户没有时间阅读较长的点评，您的网站甚至可以通过显示最热门的简短点评来为移动用户优化点评体验。

请记住，一定要考虑用户访问您的网站时所处的情形，然后提供与之相符的用户体验。

5. 将偶尔光顾的访问者转变为忠实用户

对您的网站进行优化时，请牢记这些用户体验原则

在前面的讨论中，我们介绍了如何了解用户需求，并向他们提供所需的内容。您现在也许在想，该如何让用户一次又一次回头光顾呢？毕竟，回头客是线上和线下商家的生命线。为了使用户再次光顾，单单回答他们的问题是不够的，您需要吸引他们返回您的网站。

提示：

下面几个方法可以帮助您将一次性的访问者转化为回头客：

• 新增内容：首先是最重要的一点，您需要持续推出新颖优质的内容。然后，您需要确保在热门着陆页上展示这些新内容。
• 相关内容：向用户显示网站其他位置上的类似内容。划出一块区域，提供网站上同一主题的热门内容的链接，以方便用户浏览。这将可以吸引用户浏览更多内容。
• 社交：让用户可以通过他们喜爱的社交网络方便地与您交流互动。所有主要社交网络都提供了窗口小部件，您可以将它们放在网站上，方便用户关注您。一旦吸引到了这样的用户，就一定要确保展示最受欢迎的内容，推动他们不断回访。
• 电子邮件：确保用户可以订阅您的电子邮件列表，以获取更新和/或简报。
• 用户参与：使用户可以通过论坛、评分或推荐机制方便地与您的内容互动。

示例：

如果您的网站是优惠信息网站，也就是说用户可以在您的网站中搜索优惠信息，那么您首先可以提示用户注册，以便在有符合他们兴趣的新优惠信息时通过电子邮件通知他们。您还可以显示推荐该优惠信息的用户数量，这样用户就能看到哪些优惠活动较为热门。

看完后，明月认为这简直就是「用户体验」的“圣经”了，“谷歌出品，必属精品”真的是名不虚传呀！虽然只有五条，但每一条都值得多读、常读、必读。至理名言也就这个水准了吧？所以，无论你是新手还是老手、还是半吊子明月都强烈建议大家拜读！博学、审问、慎思的态度来学习就是了。