掌握自己熟知的   探索未来需要的
当前位置: 首页 >> 资讯列表 >> 资讯列表-副本
网站建设

【网站建设攻略】网站轮播图应该遵循的3大常识与10个原则

网站使用轮播图,在有限空间能提升用户阅读效率,但现有大部分网站轮播图设计得并不好用。阿优turf整理了 10 个轮播图设计原则,可以提高使用高轮播图时的用户体验。阿优会通过实例来过一遍 10 个轮播图设计原则,然后说明为什么、怎样区别对待 PC端和移动端的轮播图,在文章最后列举出一种相比于轮播图更好更易用的展示方式。


唐山网站建设_SEO优化_网站运营_托管代运营-唐山阿优科技


设计轮播图应该尊重的3常识

在美国,曾经有专业机构对 50 家顶级零售电商网站做出分析报告,发现轮播图被广泛运用于电商网站:PC端 52% 的电商网站使用轮播图,而与此同时移动端 56% 的电商网站使用轮播图。


报告一再强调,通过设计和交互细节使首页轮播图更加能让用户觉得友好,而不是关注于轮播图本身应该放那些内容。此时,我们轮播图的内容应该先注重 3 点常识:

1、如果轮播图的内容与网站本身不相关,且没有经过精心设计和使用高质量的图片,那么用户体验会很糟糕——轮播内容应与网站主题相关。

2. 如果轮播图的内容看起来太像广告,那么用户会直接忽视它,即使轮播图的内容与用户所需相关 ——轮播图内容不能过于商业化。

3. 轮播图的一个主要优势就是可以放高品质图片 ,高质量图片会降低首页的退出率,并且会对网站和品牌产生积极效果。——轮播图片要精心设计。


轮播图设计 10 大原则

将 10 个原则拆分在 4 个部分来进行阐述:

一、滑动(轮播)顺序和点击后的落地页

二、PC端自动轮播逻辑

三、轮播图控件应该具备两项功能

四、在移动端一切都如此不同


一、用户体验与用户划分

大部分用户不会看完所有的首页轮播图,即使是一个自动切换的轮播图。他们常常会在所有轮播图内容循环一遍以前就早早的跳到另一个页面,或者向下滑动页面。因此,只要轮播图不是展示网站特点和展示网站产品的唯一方式,那么用户即使不看完所有轮播图问题也不大。

我们做过轮播图可用性研究(仔细安排每一帧的展示内容和顺序),发现大部分用户会在轮播图自动轮播完一个轮回前就跳到另一个页面,而在手动轮播图网站里轮播图只会停留在第 1 帧。

除非用户主动去找不然他们不会注意到那些有用的信息。所以,即使完善轮播图的细节设计是一个很好的想法,但这并不能成为用户获取网站信息的唯一方式。

两条原则:

原则1: 轮播图的展示顺序特别是第一帧非常重要;

原则2:把轮播图当成展示网站重要信息和特点的一种补充手段而非唯一方式。


二、PC端自动轮播逻辑

自动轮播形式能够保证轮播图的每一帧都有一定的曝光量,并且实际上自动轮播的点击率 (8%~10%) 要比手动轮播的点击率高 (1%~2%) 。

这是因为:像动态图片一样,自动轮播图很容易把用户的注意力从页面的其他静态图片上吸引过来,因此轮播图的内容和设计质量都需要很高的要求才能保证用户产生有效的阅读,此时要注意 3 个极其重要的自动轮播图设计原则:


原则3:自动轮播不要太快——

如果轮播得太快那么用户就没有足够的时间看完感兴趣的轮播图内容、就会因为不感兴趣的轮播内容而被骚扰;

    相关阅读