设计错误:你还在使用网站轮播吗?

2019.07.25 mf_web

137

网站轮播; 轮播可用性; 旋转木马替代品

网站轮播是一种互动方式,似乎在网络时代是司空见惯的。当一群人在主页上竞争焦点图片的优先级时,似乎使用轮播可以毫不费力地解决这个争议,因此没有人输。但是,这真的是一种有效的方法吗?如何设计给用户带来更好的体验?

你应该考虑旋转木马的可用性。事实上,网站轮播的点击率和转化率通常很低。然而,它占据了页面上广阔的引人注目的地方。想象一下这样一个场景:当你去图书馆寻找一本特定的书来阅读时,一个推销员会留在你面前,并要求你先看一张大型广告地图; 但是,在您阅读完第一张内容之前,他会切换到另一张广告地图。他很讨厌,不是吗?所以它在旋转木马的大多数设计中。

1.确保你真的需要使用旋转木马

首先,用户将设计不当的旋转木马视为与他想要观看的内容无关的广告图像。在各种网页中具有足够经验的用户将选择最快捷的方式来查找和浏览他们想要查看的内容。专注于查看意外轮播显然效率低下,因为它会导致盲点自动跳入用户视图。以下是一个热力学图表,显示用户的浏览习惯:快速扫描以找到他们想要阅读的地方,然后沉浸式地按顺序阅读。他们都无异常地忽略了似乎是广告的图像。

使用旋转木马

使用旋转木马

此外,2013年的研究结果表明,旋转木马的互动效果非常不理想:只有1%的用户点击旋转木马的切换按钮,其中84%的用户只在主页上点击一次。

点击率

此外,根据多个学者对30多个B2B网站的研究和分析,轮播根据内容分为三类:品牌推广,思想领导,服务推广。结果发现,所有三个类别的点击率都非常低(0.16%~0.65%):

点击

不仅如此,许多使用轮播的网站存在以下问题:

使用复杂的大图片。由于旋转木马通常会携带大量的图片信息,因此复杂的大型图片会导致网站性能低下,加载速度慢,特别是那些第一个主页被高分辨率旋转木马占用的网站。如此巨大的图片信息会对加载速率产生重要的负面影响。加载一秒钟意味着失去用户。用户和搜索引擎都优先考虑具有高加载速率的站点。

使用旋转标题。许多开发人员倾向于在页面顶部的轮播上使用<h1>标签,以便在页面上旋转4到5个不同的<h1>标签,从而降低相关关键字的检索能力。

使用Flash。一些网站的轮播使用Flash来显示内容,这可以产生很酷的结果,但不能被任何搜索引擎抓取。

2.Carousel替代品

总之,设计不当的网站轮播容易被忽略,其点击率通常不理想。更重要的是,它也可能对SEO产生负面影响。因此,在考虑我们想要向用户提供的内容的优先级和预期效果之前,我们不应该谨慎使用轮播。实际上,还有很多其他方法可以帮助我们解决问题并带来好的效果:

A.找出最需要传达给用户的内容,并将次要内容放在次要位置。

Google Cloud上提供广泛的产品和服务,但本网站不使用轮播显示其所有产品和功能。相比之下,它清楚地向用户显示其浓缩的品牌价值和概念,并提供主要(免费试用)和次要(与销售人员联系)转换条目,这些条目放在显眼的位置。同时,其他二级参赛作品位于底部,为用户提供了广泛的平台产品和服务选择,但没有使用旋转展示所有产品和功能,而是集中了品牌价值和概念清楚地显示在用户面前,并提供主,时间(和销售人员联系)两个明显的转换条目。同时,

谷歌云

B.将其作为内容的一部分。

氧气是一个专注于内衣购买推荐的应用程序。当您浏览其页面上的产品时,将以通常的产品推荐方式向您显示促销信息,从而在沉浸式阅读中产生轻微的干扰感和用户的高转化率,如下图所示:

应用

C.删除不重要的促销地图,并直接显示内容。

右边的图片似乎“更好”,更“吸引人”,但在实际场景中,用户总是习惯性地忽略横幅上的内容并有选择地阅读文本。直接显示用户需要的内容可以提高用户的检索效率,从而产生更高的转换率:

因此,当您的伴侣告诉您他想“添加可以旋转的横幅”时,请不要急于开始绘图,而是按照以下步骤与他/她进行讨论:

A.想一想:这样做的目的是什么; 您最希望用户关注何时打开页面的内容; 这些内容是否可以优先考虑。

B.根据现有的研究结论合理地理解轮播的效果。也就是说,旋转木马不是灵丹妙药,并且在设计不当时会带来负面影响。

C。思考是否有更好的方法来达到同样的目的并获得相同的效果。

D.如果很难做出选择,请进行AB测试。

3.应该使用旋转木马

现在你也可能有这些疑惑:真的是网站轮播难以使用吗?为什么这么多网站仍在使用它?为什么我的网站数据与上述数据不同?以上数据是基于网络场景的,在移动场景中会有什么不同吗?

确实有些场景非常适合旋转木马 - 当传达用户想要以图片形式观看的信息最有效时,所有图片属于同一类别并且用户期望它。谷歌图像就是一个典型的例子:当搜索图片的关键词时,他/她将首先看到小图片列表; 点击其中一张小图片查看原始图片,他/她可以通过左右箭头或相关图片推荐阅读更多类似的图片。

云

此外,当网站只显示图片或租用其广告空间时,它也可以应用于其他场景。在使用旋转木马之前,您可以使用Mockplus作为原型和交互式设计的有效工具,进行原型可用性测试和模拟。

Mockplus旋转木马

另外,在移动场景中,屏幕的垂直高度较小,旋转木马的比例较大,其交互操作的触发区域大于网站场景,因此点击率较高。一些学者对移动电子商务网站转轮的互动效果进行了研究和分析。他们的结果与Erik的结果不同:23%的用户点击了旋转木马的内容,其中54.1%完成了第一页的转换,15.7%的用户在第二页上操作。虽然数据线也是线性递减的,但是轮播的点击率(23%)和主页后的点击率(45.9%)都高于Erik先前在ND.edu上获得的数据。

数据

综述

由于不同历史背景,用户习惯,关注点和不同站点的设计方案,数据可能差异很大。我们需要知道的是,使用网站轮播与否对于影响网站的点击率和转换率并不重要,但关键在于是否存在适合实际场景的设计方案。在适当的场景中,具有良好用户体验的旋转木马也可以带来惊人的效果。

最新案例

联系电话 400-6065-301

微信咨询 寒总监

江苏快三官网 北京赛车pk10APP开发 北京赛车下注app 荣鼎北京赛车pk10APP 北京赛车pk10计划app 北京赛车pk10APP 北京赛车pk10投注 北京赛车pk10投注 北京赛车pk10APP下载 江苏快三官网