改善 WordPress 网站用户体验 (UX) 的指南

已发表: 2017-04-22

优化网站以获得更好的用户体验并不是一件容易的事，主要是因为必要的工具和/或编码知识不是一分钱一分货。 但是，当网站建立在一个因其用户友好性而闻名和喜爱的平台上时，UXO（用户体验优化）就不会那么痛苦了。

WordPress 上有数以千计的工具可用，其中很多甚至是免费的，它们可以帮助您更好地了解您的受众（跟踪和分析）、提高性能（缓存和图像优化插件）以及测试和改进（A/B Nelio、OptimizePress 等测试软件）。 本指南与他们无关。

本指南详细介绍了 WordPress 网站中一些更容易被忽视的可用性方面，以及解决这些疏忽的最佳方法。 我们将从：

旋转木马

每个企业的每个部门都想要轮播/滑块，仅仅因为它是一个美丽的中庸之道。 每个人都将他们的产品/活动/信息放置在页面上一个最显眼的空间中：折叠上方。

这就是为什么最理想的 WordPress 主题至少包含一个滑块插件（通常是革命滑块）。 让我们看看这种方法的优缺点：

优点：

  • 在单个位置显示最重要的消息。
  • 消息可以优先排序（最重要的是第一张幻灯片）
  • 应该吸引所有游客群体（“适合所有人的东西”）

缺点：

  • 用户通常不会等待幻灯片旋转，而是会在浏览当前可见帧后跳过轮播。
  • 幻灯片的内容不容易被搜索机器人抓取，这对 SEO 来说是个坏消息。

有一些方法可以解决这些缺点并改善轮播用户体验：

  1. 保持幻灯片/帧的数量不超过 5。
  2. 为用户提供轮播导航控制
  3. 不要自动转发。

有时，最简单的解决方案是最好的。 您可以使用轻量级 JavaScript (jQuery) 插件（如 Slick）在 WordPress 上创建用户友好的轮播，而不是依赖花哨的高级滑块插件。

高级导航

用户体验

标题中的主菜单与侧边栏中的辅助导航相结合，是确保导航完整和可用的近乎万无一失的方式。 但是，当涉及拥有数千页的大型网站（尤其是电子商务或内容丰富的大型博客）时，仅靠辅助导航是行不通的。

这就是我们需要超级菜单的原因。 但是这枚硬币也有两个方面。

优点：

统一可见性：较低级别的内容/页面包含在大型菜单中
节省了一个额外的步骤：用户可以更快地访问更远程/更模糊的内容。

缺点：

  • 众所周知，添加图形/图标等 UI 元素会导致性能问题。
  • 在内容层次结构不良的网站上或多或少无效
  • 使超级菜单完全响应可能是一个挑战

在讨论利弊之前（以及您是否甚至需要在您的网站上使用大型菜单），您需要对您的内容进行彻底分类。 WordPress 分类法的存在是有原因的。 用它。

一旦您的内容层次结构充分驯服和组织，您就可以使用 WordPress 插件（如 Max Mega Menu、uberMenu 等）向网站添加大型下拉菜单。 WooCommerce 扩展（如 Ajax 分层导航）为商店添加了过滤界面。

表现

性能-用户体验

不管你愿意相信什么：你不是排他的。

用户不想等待内容，所以不要让他们等待内容，否则他们会去别处寻找。 甚至您的队伍也受到网站缓慢的影响。 这是用户体验中性能优化需求的总和。

通过以下方式优化您的 WordPress 网站的性能：

CDN：对于拥有全球受众并拥有中高流量的网站来说，这是一个可行的选择。 MaxCDN 和 W3 Total Cache 插件是快速加载的天堂。

缓存：如上所述，W3 Total Cache 是您唯一需要的缓存插件（即使没有 CDN 支持）。 还要向您的开发人员询问有关 Redis 和 Memcached 等服务器端解决方案的信息

前端优化：像 EWWW Image Optimizer 这样的插件压缩图像（不影响质量）。 还要确保主题文件中的内联 CSS 和 JS 尽可能少。 也可以压缩和缩小样式表和 JavaScript 文件。

减少外部依赖，使用 CSS sprite，下载插件时要非常挑剔（越少越好）。 您甚至可以联系您的网络托管服务提供商并寻求帮助。 有时，您的虚拟主机确实会产生与性能相关的问题。

模态弹出窗口

不要以交互性和转换的名义令人讨厌。

是的，模态弹出（中断营销）是一个很好的转换工具。 有成千上万的插件（现在大多数社交媒体插件都有这个功能），让你向用户传达信息，“礼貌地”提醒他们分享/关注/喜欢社交媒体上的内容，订阅或注册，享受折扣等。

它有很多问题……但我们稍后会谈到。

优点：

  • 证明可以提高转化率

缺点：

  • 分散注意力：访问者在这里是为了内容，而弹出窗口挡住了视线。
  • 弹出窗口被视为白噪声（像许多广告一样），除非它适合用户旅程。
  • 可访问性不好

有一些在上下文中很好地使用弹出窗口的例子。 BrainPickings.org 了解其受众并仅在用户重复访问该网站并阅读完内容时才宣传他们的“捐赠”链接。 Reebok Crossfit 弹出窗口的时机不佳，但通过产品页面上的订阅折扣稍微弥补了这一点。

reebok-用户体验

资料来源：锐步

时间和触发延迟很好，但也有必要关注更大的图景并以与想要它的用户相关的方式绑定弹出窗口。

到目前为止，转化率的增加更多是由于简单的钝力，但是当你巧妙地做到这一点时，转化率和后续潜在客户的质量可以得到提高。 要求首次访问者订阅网站不会让您获得 99/100 次高质量的潜在客户。

尝试智能地将 WordPress 插件用于弹出窗口。 有一些（如 Supsystic 的 Popups）很好。 与这些人一起工作，而不是只关注单个页面上的交互。

尾注

为了改善用户体验，希望您确保采纳此建议并测试所有内容（使用 Google Analytics 或 Nelio A/B 测试，或任何其他工具：这取决于您）。

并承诺自己不断改进。

阅读更多 WordPress 插件 | WordPress 网站的 5 个快速修复