网站设计中幻灯片轮播(slider/carousel)的使用

banner_1920x600.jpg

什么是网页幻灯片/轮播(slider/carousel)

大多数公司制作网站都在思考哪些营销信息值得在其网站上展示,并以此获得最大收益。幻灯片/轮播(slider/carousel)目前在网站制作开发中很受欢迎,因为它们使网站可以在一个空间中包含多个营销广告信息,并且它们似乎是解决前行营销问题的合理方法。但是实际上它们并非没有缺点。

幻灯片/轮播有什么缺点?

容易让访问者产生疑惑

幻灯片/轮播中包含多个选项可能会使访问者感到困惑。事实表明,许多用户使用自动切换或者动态的幻灯片会觉得不舒服,因为切换速度太快或太慢。访客可能无法很好地浏览它们,从而丢失了最初吸引他们的信息。而且大多数访问者会觉得无聊,同时也不会去等待所有幻灯片都切换一遍,因此丢失了您认为重要的信息。

缺乏点击

根据University of Notre Dame的测试,有99%的人不会点击幻灯片/轮播。就算最终点了,也只会点击这一次。这结果完全偏离了网页首先放置幻灯片/轮播的目的。

横幅失明

根据幻灯片/轮播的大小和设计,人们通常会认为它是广告,导致他们完全忽略它。这被称为“横幅盲”。

在手机上不太好

通常都不会在移动设备上从一张幻灯片滑动到另一张幻灯片,大多数幻灯片/轮播使用的JavaScript脚本代码会减慢下载时间。如果Wi-Fi速度不快,大多数移动用户将不会等待幻灯片/轮播完成加载。而是直接往下拉或者跳转到自己感兴趣的内容上了。

负面影响

  • 幻灯片/轮播将您的内容推到页面的下方,使访问者更加费时且难以找到他们想要的信息。

  • 利用幻灯片/轮播的网站通常不会在页面上的其他任何地方重复内容,因此,如果访问者在滑块中看不到该内容,则它们会完全丢失信息。

  • 如果您的幻灯片/轮播未针对响应站点进行优化,则使用移动设备的访问者可能只会看到图像的一小部分或很小的文本,他们无法阅读,从而使滑块无用。

  • 滑块使用的JavaScript可能会减慢您的网站速度,并对访问者的观看体验造成负面影响。

转换率不佳

上述所有原因都会导致幻灯片/轮播转换率下降。这导致访问者没有收到您希望传达的消息。


经过我们多次的测试,幻灯片/轮播功能,是目前网页制作过程中一种较差的表现方式。

如何更好的使用幻灯片/轮播

如果是出于更好的视觉效果,而计划使用幻灯片/轮播的,下面我们有一些使用建议。

  • 使导航变得明显且易于使用

  • 仅加载您需要的内容,幻灯片总数不超过4张

  • 通过按钮样式的链接向用户建议更多内容

  • 在移动设备上使用支持触摸的轮播

  • 不要自动播放幻灯片

  • 提供手势提示

  • 添加跟踪

  • 使用跟踪数据来确定是否继续使用滑块

有哪些替代方案?

简单的解决方案是替换具有单个功能或焦点的单个静态横幅。这使访问者可以更快地查看他们要查找的信息,还可以减少页面加载时间。与滑块相比,正确的图像可以更好地传达您的业务和品牌感觉。

如果您希望同时显示多个项目,请尝试使用4-9网格模式,其中每个项目都有明确定义的链接。这样,您的访客就可以快速扫描目标内容并轻松选择所需的链接。这样可以提高您的转化率。

无论您是在横幅上添加大图片还是在页面上添加多个项目,产品信息的清晰度都非常重要。显示明显的链接以获取更多信息,并且不要忘记定期更新您的网站信息。并非所有可用功能都适合每个网站。确保以最符合您需求和访客需求的格式表示您的服务和品牌。