乍一看,网站旋转木马滑块似乎是通过一系列图像和文本来突出内容的好方法。转念一想,网站旋转木马也可以证明是一个眼目和分心的访客。Hubspot自己的网站CRO策略师和文案,丽贝卡林顿股票,虽然转盘可能不是理想的,但它们可以是个性化内容的好方法对于不同类型的客户。

下载我们的免费UX Research&Testing Kit

一款精心设计的旋转木马不仅具有突出显示的内容,而且还可以吸引您的访客并改善整体用户体验(UX)。你的旋转木马应该迷恋游客,了解更多关于你所提供的东西的更多信息,并激发他们的兴趣。

现在,让我们回顾一些网站carousel的最佳实践来帮助您做到这一点。

网站旋转木马最佳实践

1.沟播放。

旋转木马通常会自动浏览内容,每隔几秒钟就会弹出一张新的图像。然而,出于各种原因,远离自动播放可能会更好。

旋转木马滑块的目的是吸引并进一步通知观众。通过自动旋转木马,可以在将其引入下一个幻灯片之前完全理解幻灯片所需的时间。这可能会混淆或分散您的留言中的访客,这可能会使他们捕获他们的购买旅程。

从技术的角度来看,自动播放旋转板也可以通过延长装载时间并导致滞后来干扰网页的性能。这些问题可能对用户令人沮丧,并将它们从您的网站驱动。

通过允许用户决定他们什么时候想在旋转木马上继续前进,他们将保持参与,并按照自己的节奏学习概念,最终为你的客户提供更多的权力。

2.提供轻松的导航。

说到功能,另一种为您的网站用户提供完全控制旋转木马滑块的方法是通过导航工具。旋转木马中的导航工具应该简单明了,通常以箭头或圆点的形式出现。

左右箭头是很容易识别的方式,可以让那些与滑块交互的人在准备好时前进或后退。向右的箭头将帮助用户移动到下一张幻灯片,而向左的箭头将显示以前的幻灯片。

箭头网旋转木马例

基于点的导航系统将基于旋转木马中的框架的数量来显示一排的多点。点将是固体或中空的,取决于观察者的滑块。当其余的应空洞时,应填充显示的幻灯片点。

基于点的Web旋转木马实例

来源

无论您在carousel中使用哪种类型的导航,用户都应该能够按照顺序看到自己的进度。基于点的系统是一个很好的方式来表明他们已经取得了多大的进展。对于箭头系统,如果在总数中包含一个标识,例如“2/3”,显示用户使用的是哪个幻灯片,可能会有所帮助。

3.适应所有设备。

根据统计此外,全球移动网络流量自2017年以来一直徘徊在50%左右。通过移动,平板电脑,现在对笔记本电脑的一系列设备,相应地调整您的网站非常重要。

这意味着网站旋转木马必须有一个响应设计。仔细检查与您的旋转木马相关联的所有图像和文本都清晰,并在页面上正确显示。请记住,移动用户也仅限于攻丝,捏和滑动,因此确保这些手势在您的Web转盘上是功能性的。

在手机平台上,尽量让旋转木马与页面的其他部分成比例,这样它就不会占用太多屏幕空间。对传送带的过分关注可能会让用户忽略其他内容,甚至更糟,分散和惹恼读者。

4.优化SEO。

在创建旋转木马滑块时,您将希望通过讨人喜欢地来实现自己的成功,以增加搜索引擎排名。不,恭维不会将你的布朗尼点得分。专注于搜索引擎的关键领域是标题图像alt text.

通常情况下,人们在旋转木马框架中使用H1标题,这从外部看来似乎无害。但是,过度使用H1标题会混淆谷歌和其他搜索引擎,因为每个H1标题本质上代表了页面的标题。使用多个H1标签/标题,搜索引擎很难理解页面上的信息,这将对你的排名产生负面影响。

图像alt文本在搜索引擎优化排名中也起着重要的作用。Alt文本是当图像加载失败时显示的图像的书面描述。他们也可以帮助视障读者更好地理解内容。在图像alt文本中要具有描述性、特殊性和相关性,这样谷歌就可以为搜索者抓取和提取必要的信息。编写良好的alt文本将在页面上提高您的排名图像搜索。

5.有意策划你的旋转木马序列。

有一种说法“拯救了最好的。”自然而然,我们将要做对面。

旋转木马是为了吸引读者的注意力,所以用你最有力的幻灯片来开启这个系列。你还应该假设你的访问者注意力范围有限,不会完成你的整个序列。如果大多数读者甚至都没能读完这本书,那么给他们最后的欢呼将是一种浪费。如果他们真的感兴趣,这一策略将鼓励观众更多地关注你要分享的内容。

创建序列时,将每个幻灯片视为最后的印象,读者拥有您的公司或产品。raybet电子竞技你想要他们记住什么?强调这一点,并确保每个帧只能说明一点。如果您试图将多个故事挤成一张图片,则可能会令人困惑。

交给你了

网站旋转木鞋可以以视觉上有趣的方式在网站上组织内容,同时也会让您的受众感到帮助您推动转换。请务必在将旋转木集合在您的网站上保留上述最佳实践,以确保您的效果有效。

用户体验的模板

UX研究套件

最初发布8月3日,2020年8月2:44:31,Updated 8月03日2020年

主题:

用户体验