改善网站的 7 个用户体验速赢方法 2016 年 8 月 30 日

作为数字营销人员，您一直致力于优化您的网站。 通过网络统计，您希望了解访问者离开网站的数量和地点。 统计数据并不总能提供人们离开原因的洞察力。 在线研究，尤其是实时反馈收集，可以提供很多关于访问者动机的有价值的信息。

在 Mopinion 担任职务时，我经常对客户收到的反馈进行分析。 这些分析表明，在用户体验方面往往还有很多收获。 在本博客中，我将提供七个重点，您作为营销人员可以使用，以实现速赢，从而改善您网站的用户体验。

---

开始您的免费试用！

立即试用 Mopinion

• 收集无限反馈
• ■
• 14 天免费试用

---

提示1：页面的加载时间

这似乎是一个显而易见的观点。 然而，从我们为客户收集的反馈来看，这似乎是一个很大的干扰。 它不仅经常被提及（在某些情况下大约是收到的反馈的 30%），而且它在烦恼计上的得分也非常高。 特别是对于以促销为导向或每月周期工作的公司，您可以看到他们正在努力应对访客数量的某些高峰。 例如，想想彩票或抵押贷款提供商的图纸，他们必须在每月的固定时间处理许多突变。

此外，它还经常表明更复杂的在线工具——例如汽车上的汽车配置器——需要互联网连接的大量带宽，或者对计算机或其他设备的图像处理产生影响。 当然，这些工具可以为访问者提供附加值，但同时当流程运行不快速和顺利时，它们也会带来风险。

托管
你可能会想：你能做些什么呢？ 第一步是检查您是否有足够的可用带宽。 查看灵活且可扩展的托管解决方案，例如 Amazon 或 Rackspace 的云托管。 映射您拥有最多访问者的字段，并确保您在该区域运行正确的监控工具，例如 Pingdom 或 Google Pagespeed。 当你与 IT 部门会面时，确保你知道你在说什么……

资产
在您使用的资产中可以找到离家更近的解决方案。 根据雅虎交通拥堵如图片、css 和 javascript 文档 80% 的页面加载时间。 因此，请确保您不加载不必要的垃圾，并且正确压缩和压缩必要的文件。

此外，它经常显示小部件和插件在不必要的地方加载。 因此，请仔细检查您需要什么以及在哪里需要。 当您只需要一个特定工具的 1 页插件时，您不必在其他地方加载它。

缓存也可以提供解决方案。 查看确保访问者不必经常不必要地加载相同资产的工具。 当您的网站在未知的框架或 CMS（例如 WordPress）上运行时，通常会以插件的形式提供缓存选项，例如 W3 Total Cache。

提示 2：登录过程

遗憾的是，登录问题仍然是家常便饭。 对于许多公司而言，在线服务提供是与现有客户和新客户日常联系的重要组成部分。 想想您定期登录的所有网上商店、银行、能源公司和电信提供商，以便在购物环境或我的环境中使用服务提供。

我们处理的大部分反馈（大约 5%）来自与登录过程相关的页面。

不幸的是，很多人很难记住大量的用户名和密码。 除了人为因素外，登录过程本身仍然会出现很多问题。 对于许多人来说，使用电子邮件地址比使用单独的用户名更容易记住。 避免使用复杂的客户编号或个人姓名。

停止重新加载
在前端使用验证可以确保更易于使用（因此不是通过服务器/数据库收集信息，而是直接在浏览器中收集信息，例如通过 Javascript 和/或 Ajax）。 一个优点是页面不必重新加载。 一个例子：一个客户不小心输入了“[email protected]”而不是“.com”作为电子邮件地址。

通过 Javascript 或 Ajax 验证，您可以立即向用户提供有关电子邮件地址输入错误的反馈。 通过应用这些技巧，您可以使用户更容易登录。 更大的烦恼是，在错误登录后所有字段都完全为空，并且必须重新填写所有内容。

又忘记了什么……？
下一个障碍通常是收集忘记的密码。 为用户提供重置密码或通过电子邮件申请密码的可能性已或多或少成为标准。 仅在用户实际尝试错误登录后才显示该选项似乎很简洁。

最后：错误消息。 对于许多用户来说，出现问题已经很烦人了。 尽量避免类似机器人的消息，例如“无效密码”。 拜访沟通部门的那位好同事……您可能会收到一个适合公司语气的绝佳选择。 对上述消息的建议：“您似乎输入了错误的密码。” 听起来已经很友好了，对吧？！

提示 3：表格

可能非常容易辨认：您已经进行了选择、设置过滤器或在表单中输入了数据，而在下一页上，一切都消失了，您必须再次输入所有相同的信息。 对您网站的访问者造成极大的刺激。

我们平台每天分析的网站反馈中有 9% 与表格有关。 最大的烦恼是提交已经输入一次的信息，或者必须在表单和选择中多次执行相同的操作。 它有时会导致轻微的烦恼，但通常会导致严重的烦恼。

当访问者搜索信息、订购产品和产生潜在客户时，表格很有帮助。 因此，您的表单正常工作至关重要。 一般来说，您要求在表单中填写的字段越少，转换率就越高（考虑到某些数据确实必不可少）。 与简单的潜在客户生成表单相比，在付款或订单的情况下必须完成更多的字段是有道理的。

当用户仍然需要提供大量信息时，还提供中途保存表单的可能性。 这样，用户稍后将能够完成表单。

映射您的旅程
绘制您网站中最重要的旅程，并检查您希望用户提供信息的区域或他们必须输入数据的区域。 回收这些数据。

你知道你的访客是谁，确保他/她的偏好被保存并且可以重复使用。 还可以使用智能工具自动填写或补充表格中的某些字段。

它是否涉及尚未成为客户的访客？ 您还可以区分重复访问者和新访问者。 例如，当您提供下载有关您的产品的内容的可能性时，只需在第一次询问必要的信息。 当访客返回并填写另一张表格时，确保他/她只需填写新字段并隐藏您已经知道的所有内容。

响应式表单
鉴于移动使用是最流行的网络这一事实——在 2014 年移动使用超过了桌面——你的访问者很有可能使用智能手机或平板电脑。 所以仔细考虑可用空间、触摸界面和表格的长度。 多步骤表单提供了一种解决方案，因为您实际上将表单切成小块并且每个屏幕仅显示 1 或 2 个字段。 使用 Optimizely 等工具测试多个变体可能很有用。

提示 4：找到正确的页面或信息

我们的软件为客户分析的反馈中有 22% 涉及访问者无法找到正确信息的事实。 在最坏的情况下，所需的信息根本不可用，访问者完全退出。

许多大公司和网上商店只是提供大量信息，有时只是因为产品种类繁多。 这个问题不是很容易解决的。 然而，基于以前的经验，我有一些技巧可以改善用户体验。

解决这一常见问题的第一步是绘制在线旅行地图。 自己检查访问者在访问您的网站时有哪些目标。 访问者通常必须通过许多步骤来实现他们的目标。 “映射”旅程可帮助您深入了解访问者遇到的问题以及他们需要某些信息的地方。

点击行为
此外，您可以使用点击行为来分析人们离开的位置。 在这些方面，获得定量反馈也很有用。 这将揭示点击行为背后的原因。 例如，当您表示重复行为（例如在特定流程中来回走动）时，您可以主动显示反馈表。 在这里提出问题的一个合乎逻辑的指标是目标完成率 (GCR)。 问题通常类似于：“您是否能够实现您的目标？”，选项有“是”、“否”或“部分”。 您将“是”百分比报告为 GCR。 在 GCR 问题之后要求一个公开的解释显然是可取的。

提示 5：不清晰的文字

我们每天分析的反馈中约有 7% 与不明确的网络内容有关。 这可能涉及产品信息，也可能涉及订单流或自助服务页面（如常见问题解答）中的内容。

人们在您的网站上寻找信息时有一定的目标。 该目标通常是找到问题的答案。

访客和客户阅读信息，在表格中查找内容或观看视频。 例如，了解产品是否满足需求、定价模型是否合适或为了解决与支持相关的问题。

除了信息必须清晰且不能太长之外，访问者还希望能够立即找到它。 因此，请确保内容可以轻松扫描并删除不必要的信息，以便人们能够了解重要事项。
添加图像和视频，以便轻松吸收整个内容。

回答你的问题？
在需要提供大量或更复杂信息的页面上，始终建议找出访问者体验信息的方式。 这可以通过简单的嵌入式反馈表来完成，您可以在其中提出一个问题：这些信息是否令人满意？ 回复选项为“是”或“否”，并有可能发表公开评论。 例如，访问者可以在此处指出缺少哪些信息或确切地不清楚哪些信息。

此反馈可用于收集有关访问者欣赏您的内容的程度、内容是否足够以及您可以采取哪些措施来提高内容质量的可访问见解。

提示 6：无处不在的错误

太糟糕了。 无法避免错误。 他们总会想办法偷偷溜进去……

不要害怕：有超过一千种浏览器/平台组合在流通。 因此，在您的网站某处出现错误的风险很大。 Browserstack 等工具提供了以几乎所有可能的组合测试您的网站的可能性。 然后它通常涉及前端的错误。 在后端软件本身中，各种事情也可能出错（例如，考虑表单验证、与权限相关的问题或数据库输出的问题）。

即使进行了最广泛的测试，在您上线后仍然可能会出现错误。 您的客户通常是最先发现他们的人。 因此，除了您自己组织的所有测试委员会之外，建议让访问者有机会轻松报告错误。

当您提供通过反馈表报告此问题的可能性时，您会发现您很快获得了相关的见解。 我们为客户分析的反馈中约有 20% 与错误通知有关。 因此，不要让客户帮助指示未使用的错误。

提示 7：移动优先？

我还在技巧 3中指出了优化“移动”表单的示例。 在整个在线体验范围内，移动设备仍然被忽视了。 考虑到平均超过一半的在线访问是通过移动设备完成的，这很奇怪。

我们在平台上收到的反馈中约有 6% 与移动设备上的问题有关。 在一些博客中，当涉及到搜索引擎优化 (SEO) 等问题时​​，移动设备被认为是一个重要的关注点。 因此，它不仅对用户体验至关重要，而且对您网站的可查找性也很重要。

重要的一点是图像的使用。 从最小的“视口”开始，然后逐步升级到更大的屏幕。 确保内容也巧妙地适应具有更高 dpi 的 Retina 屏幕。

正如我之前在本博客中提到的，较长的加载时间会对用户体验产生负面影响，因此请确保您的文件不会变得太大，并且只加载正确的大小。 当您大量使用插图和图标时，您还可以看看 SVG（可缩放矢量图形）的使用。 这些实际上是可以随您的设计轻松扩展的行文件。

文字和字体
还要密切注意文本和字体的使用。 这也是我们在分析反馈时经常看到出错的领域之一。 远离过细和复杂的字体。 人们在使用智能手机时通常需要从较小的屏幕上阅读。 通过巧妙地处理字母和线条之间的空间来提高可读性。 还要检查不同视口上的文本布局。 在这里，您将找到有关文本与容器的理想比例组合的更多信息。

手机导航
最后，在移动导航方面，我们经常注意到一些障碍。 幸运的是，许多移动菜单已经嵌入到已知模板中，例如 WordPress 等系统。 但如果您不想使用这些系统，请确保从小屏幕开始。 空间有限，假设它们将通过触摸来使用。 Apple 的指南表明平均“手指”为 44 像素。

确保可以快速访问您最重要的页面并限制选项的数量。
例如，可以在此处找到有关设计移动导航的更多信息。

最后提示：移动浏览器也可以使用前面提到的 Browserstack 进行完美测试。

注意：我们分析的反馈量百分比属于我们在 2015 年对我们自己的反馈数据进行的一项研究。想要查看我们所有的发现，请阅读这篇博文。