如何解释数据以改善您的网站设计和性能

有效的设计对于网站的业务目标至关重要。 与有吸引力的人往往会获得更多关注一样，精心设计的网站更有机会传达其信息并将其用户引向其期望的结果。 在很多情况下，网站所有者会选择他们认为让观众满意的东西。 然而，这并不一定意味着观众同意。

为了使网页设计被认为是真正有效的，分析数据必须讲述一个支持该主张的故事。 互联网是可以用硬数字衡量艺术感的稀有空间之一。 可以对设计元素进行测试、量化和改进，以真正捕捉用户群的集体品味。

如果你想知道为什么苹果和谷歌在设计方面处于领先地位，这不仅仅是因为他们可以雇佣最有才华的人。 他们成功的很大一部分是他们在测试他们使用的每个设计变量方面的坚韧不拔。 幸运的是，您不必成为一家大型公司就可以做这两家标志性企业所做的事情。 使用简单的工具、无需预算和一点点努力，您就可以开始改进您网站的外观，以提高可用性和转化率。

衡量网页设计的元素

有效的设计应该遵循使网站变得更好的核心原则。 将站点放在一起时，需要始终考虑四个要素：它们是：

1. 明确的目标

每个站点都需要向用户发送一个强烈但隐含的信息，说明它想要完成什么。 无论是推销、选择加入、消费内容的邀请，还是参与讨论，每个页面都必须反映对访问者和网站管理员都有利的动机。

网站设计应该作为网站目标的指导力量——它应该有助于将观众沿着转化漏斗移动得更远。

要考虑的指标：

以下指标可以帮助您确定您的网站是否表现出明确的目标，或者它是否正在以模糊的动机赶走用户：

• 跳出率——在传统营销中，他们说头脑混乱的人总是说不。 将其应用于网页设计和可用性，困惑的访问者总是会点击浏览器上的“返回”按钮。 根据分析大师 Avinash Kaushik 的说法，跳出率是所有数字营销中最性感的指标。 它很简单，但一眼就能告诉你很多。

当用户登陆您的一个页面并返回引荐页面而不点击任何内容时，就会发生反弹。 这表明用户的意图很可能没有得到满足，并且用户体验在很大程度上没有得到满足。 如果您的网站的跳出率为 60% 或更高，则可能会引起关注。 这表明您的设计、您的消息传递或两者都可能令人困惑。

跳出率是从网站页面跳出的访问次数与总访问次数的百分比。 几乎每个分析平台都提供整个网站和每页的跳出率数据。 在 Google Analytics（分析）中，您的跳出率是您在仪表板中首先看到的内容之一。

• 转化率– 完成网站目标时发生转化。 这可能是对页面的访问、交易、选择加入邮件列表、电话等。因此，您的转化率是继续转化的访问与网站访问总数的百分比.

不明确的目标会使网站的转化率受到影响。 在您的消息传递中清晰并拥有一个限制分心的设计方案可以帮助您保持健康的转化率。 如果您网站的转化率低于 2%，您需要检查您的设计，看看它是否有助于或损害您网站目标的明确性。

2. 引人入胜的内容

内容是网站中每个用户体验的核心。 无论是文本、视频、音频还是图像，都必须正确布局和格式化，以吸引观众的最大参与度。 当良好的网站设计得到适当的支持时，内容变得更容易访问和共享。 相反，糟糕的设计会限制内容影响用户和扩大网站覆盖面的能力。

要考虑的指标：

大多数分析平台都会为您提供大量数据，让您了解内容的执行情况。 如上一节所述，页面级跳出率对于缩小可能存在设计问题的页面很有价值。 在尝试寻找有关设计内容性能的线索时，还有其他指标可供参考：

• 页面上的平均时间- 用户停留在页面上的持续时间表明他们的参与度。 非参与的流量会匆忙离开您的页面，而糟糕的设计可能会导致他们渴望离开。 如果普通用户在访问您的网页时平均花费不到两分钟，您将需要立即调查此事。

谷歌分析和大多数其他平台提供网站/页面统计数据的平均时间。 事实上，您可以在 GA 的基本仪表板上找到该指标。 对于页面级平均时间，您可以转到 GA 的“网站内容”部分并为您的所有页面生成报告，以查看哪些页面表现不佳。 从那里，您可能能够发现可以帮助您识别设计问题的共性和模式。

• 退出率——您网站中的哪些页面在不应该成为转化漏斗的最后一站时，却将最多的访问者送走？ 这个指标会让你知道。 在 Google Analytics 的“网站内容”报告下，您可以根据哪些页面最常引导用户离开您的网站，对网站页面进行排序。 应调查退出率异常高的页面，以寻找可能阻止访问者流失的设计改进。

3. 易于导航

易于导航与用户浏览网站以找到他或她想看到的内容的速度有关。 菜单、搜索框和类别的战略性使用将有助于促进更好的导航体验。 理想情况下，用户从主页转到满足其意图的子页面的点击次数不应超过四次。 除此之外的任何事情通常都意味着您的导航设计令人困惑或模棱两可。

MeasurementU 的 Jeff Sauro 写了一篇出色的文章，介绍了在尝试评估导航方案的性能时应该注意什么。 这些包括：

• 可查找率/完成率
• 寻找时间
• 寻找时间的可变性
• 初始点击
• 成功之路
• 信心
• 困难：
• 最难找到的物品
• 第一条路径成功与第二条路径成功
• 困难的原因

您可以阅读上面链接的帖子中的每个定义以及如何为它们收集数据的提示。

如果您正在寻找更容易获得但不够深入的导航分析报告，您需要查看 Google Analytics 的导航摘要。 这个隐藏的宝石可以在行为>网站内容>GA中的所有页面下找到。 它显示了访问者如何从一个页面流向另一个页面，因此您可以深入了解哪些页面正在促进良好的导航，哪些页面正在充当流量拦截器。

最终目标是确保您的设计促进访问者移动和发现满足用户意图的页面。 导航路径为您的受众提供的东西越快越容易，您的大转换数字就越大。

4.视觉吸引力

视觉吸引力是指网站如何从整体上对访问者产生影响。 大多数人都同意，视觉吸引力是网站布局、配色方案、纹理、字体和富媒体使用的函数。 这也是构成优质网站的四个原则中最主观的部分。 这意味着它是应该进行最多测试和分析的区域，以了解哪种方案取悦大多数观众。

在大多数情况下，有两种类型的测试来查看哪些视觉元素最适合网站的整体设计。 这些是：

• A/B 拆分测试——在网页设计和营销中，A/B 测试是一项实验，目的是查看两种变体中的哪一种能从一小部分受众中获得更好的响应。 例如，如果您要在两种号召性用语按钮颜色之间进行选择，您将需要执行这种测试以查看哪一种获得更多点击。

这同样适用于字体等元素。 如果您想知道两种字体中的哪一种可以促进更好的阅读，您可以运行拆分测试以查看哪种设置产生更好的参与信号。 页面上的平均时间和向下滚动率是您要检查的一些统计数据。

Google 网站优化器是一款出色的 A/B 测试工具。 它是免费使用的，即使对新手网站管理员也相对友好。

• 多变量测试——如果 A/B 测试告诉您单个元素中哪一个效果更好，那么多变量测试会告诉您哪种元素组合可以促进理想的用户行为。 该按钮颜色是否适合您的背景和字体样式？ 让用户行为给你最诚实的答案。

与 A/B 测试一样，Google 网站优化器是此类测试的绝佳工具。 VWO 和 Optimizely 也是不错的选择。

帮助改进网页设计和性能的工具

计划和执行对您的网站的修改可能是一项艰巨的任务，但这并不意味着您必须从头开始。 下面列出了可以帮助您入门的工具。

目标设定和跟踪：
设定目标是增强网页设计以及跟踪它们以了解您的表现的一个组成部分。 Google Analytics 提供了一个全面的设置来为您希望应用的更改创建目标。 借助 GA，您可以创建自定义目标、设置值、记录您的状态并分享它们。 您还可以使用Goals on Track，这是一个用于目标设定和监控的替代分析平台。

网站和页面速度：
您将在您的网站和网页中实施的更改可能会影响加载速度。 您可以使用 Pingdom（一种告诉您网站加载速度的工具）和 PageSpeed（一种 Google 创建的工具，可帮助分析优化的网页出现的速度）来监督这两项活动。

热图：
您网站上的热图可让您确定访问者在您的网站上进行的活动，例如点击和滚动。 它会告诉您他们去哪些地方最多，哪些区域受到的关注最少。 识别您网站的热图将提示您了解人们最常使用的网页设计方面。 Crazy Egg 和 Inspectlet 可以帮助您监控这一点。

编码备忘单
在实施网页设计更改时，编码可能是最繁琐的任务之一。 幸运的是，jQuery、CSS、HTML5 和 Javascript 等编码人员可以使用大量指南来帮助他们。

结束语

归根结底，网页设计是一个不断发展的问题。 在初始阶段采用艺术和最佳实践是很好的，但分析和测试必须推动优化过程。 感觉什么看起来好，什么好用； 用不会说谎的数字来确定会更好。