新闻详情

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

在美国，曾经有专业机构对 50 家零售电商网站做出分析报告，发现轮播图被广泛运用于电商网站：PC端 52% 的电商网站使用轮播图，而与此同时移动端 56% 的电商网站使用轮播图。报告一再强调，通过设计和交互细节使首页轮播图更加能让用户觉得友好，而不是关注于轮播图本身应该放那些内容。

此时，我们轮播图的内容应该先注重 3 点常识：

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

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

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

二、轮播图设计 10 大原则

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

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

原则3：自动轮播不要太快

原则4：用户悬浮内容时应该暂停自动轮播

原则5：用户有任何主动交互行为时应该停止自动轮播

原则6：轮播图控件提示当前图片所在帧数位置

原则7：轮播图控件允许用户进行前后帧内容的切换

原则8：移动端没有悬浮状态因此尽量避免自动轮播

原则9：移动端支持滑动操作

原则10：移动端屏幕的图片需要特别优化

三、轮播图的代替方案

单纯展示静态内容作为在主页的独立部分是替代轮播图的一种好方式：

1、它没有轮播图的那些用来控制切换图片的控件因而尤其适合在移动端使用

2、它高度符合用户与首页的交互方式(70%的移动端用户会下意识的拖动并浏览首页的内容来获知他们来到了什么类型的网站)

3、相比于使用轮播图要遵守的那10条原则它使用起来更加便捷那些商家和公司会越来越认识到布局设计上的紧凑会有多重要