网站主页英雄滑块，也称为轮播，通常是 SEO 专业人士、设计师和高层管理人员之间争论的话题。不幸的是，这些元素通常不会按照您希望的方式执行，并且可能会损害您的转化率。

为什么英雄滑块不起作用

太多消息 = 没有消息

当用户进入您的网站时，他们应该能够在前三秒内理解两件事：你是谁，你做什么。此外，添加到英雄的视觉图像应传达或唤起支持您所发送信息的情感。

当主页英雄包含带有多个优惠、消息或含义的滑块时，主页的较大消息很容易丢失给用户。在很多情况下，设计师使用旋转木马在主页上获取每个部门的消息。然而，这通常会导致网站访问者眼中的混淆和品牌错位。

Blue Frog 设计师 Jane Azinger 经常说：“简单是关键！当您第一次见到某人时，他们不需要立即了解您的整个人生故事。您希望从总体观点开始广泛讨论并开始对话，然后您可以深入研究。”

点击率低

许多专家已经尝试并测试了主页滑块的几种变体，以了解用户如何与它们进行交互。最后，他们很少能如愿以偿。

许多测试导致只有 1% 的用户点击了滑块；第一个位置获得了绝大多数点击。

较慢的网站性能

2021 年，您负担不起慢速网站！英雄滑块可以极大地影响这些 UX 元素中的前三个：

最大内容绘制 (LCP)测量加载性能，或加载顶部折叠的最大元素所需的时间。

首次输入延迟 (FID)衡量交互性，或网站变为用户可交互和可点击所需的时间。

累积布局偏移 (CLS)测量视觉稳定性，或页面加载时内容的偏移量。

滑块需要大量 JavaScript 和 CSS 代码才能按预期工作，这会严重影响页面的整体速度和性能。再加上用户往往会简单地忽略滑块，这不仅使它们毫无意义，而且会妨碍任何站点。

用户挫败感

对于网站访问者来说，没有什么比在他们阅读内容的过程中旋转的滑块更令人沮丧的了。任何干扰用户正在执行的任务的动作都会导致恼怒和沮丧。此外，一旦您打破用户的注意力，他们就不太可能以相同的焦点或意图重新参与内容。这通常会导致他们错过重要内容或完全离开网站。

横幅失明

许多营销人员都熟悉横幅失明的概念，但并不总是将其与性能不佳的英雄滑块联系起来。人类非常直观，能够捕捉网站中的模式。在横幅广告时代，这些广告通常包含会分散用户注意力的轮播广告。由于这对用户来说是一种令人沮丧的体验，他们最终学会了完全忽略横幅。由于英雄滑块通常与横幅广告类似，因此它们通常很少受到目标受众的互动和关注。

可用性差

要遵循的关键用户体验规则是用户需要控制。轮播和滑块通常提供糟糕的可用性。它们会自动移动（通常没有足够的时间来实际阅读幻灯片）并且导航图标小或不清晰，这使得它们难以互动或阅读起来没有吸引力。

不响应设计

很少有滑块插件或扩展允许滑块遵循适当的响应式设计。由于现在大多数网站流量来自移动设备，而搜索引擎只抓取网站的移动版本，您不能让优化不佳的滑块成为用户看到的第一件事。

改用什么

请记住，首页英雄的目标是暂时吸引用户的注意力，并传达或唤起与品牌相关的情感。一旦获得用户的注意力，他们将通过向下滚动页面并与站点交互来本能地开始在内容中搜索自己。

而不是英雄滑块或轮播，试试这些替代品：

一张大英雄形象

一张大的英雄图片是传达情感的好方法，可以避免用户因过多的动作或相互矛盾的信息而感到不知所措。此选项允许您向用户介绍自己，并让他们重新控制他们希望如何与您的网站进行交互。

缓慢移动的背景视频

为了使背景视频有效地工作，它不能过度分散注意力。它的唯一目的应该是传达情感和/或介绍品牌。视频应支持英雄的信息传递，并吸引用户点击号召性用语或继续滚动以了解更多信息。

虽然滑块似乎无处不在，“人人都用，一定有用”是营销人员的普遍心态，但当你真正分析英雄滑块的表现时，你会发现它们都不尽如人意。帮您自己和您的品牌一个忙，并选择一种更简单、更以用户为中心的方法来进行主页英雄设计和消息传递。