作为一名职业是做互联网产品的，偶尔也该务下正业。今天跟大家谈谈，网站常见的功能模块——轮播图。
轮播图，或称幻灯片、焦点图、滑片。不管你怎么称呼网站上的这块功能模块，但相信你总会在很多网站上看到它的身影，尤其是电商网站，比如：淘宝、京东什么的。
从上图，可知，轮播图一般具有以下特征：
- 显示在首页的顶部。并占据浏览器第一瓶，无需滚动即可看到，且所占面积不小，十分抢眼；
- 有多个页面轮播跳转；每页中包含一张图片；
- 底部会有指示器表明，图片的数量及当前图片位置。
综合特征，可知轮播图具有以下优点：
- 使得主屏上最重要的位置可以展示多页内容；
- 页面顶部呈现更多信息，让用户有更可能关注这些信息。
简单地总结就是：“让信息更显眼、更多”；所以，在进行原型制作的过程中，我也是往往一开始就先画个轮播图的位置，比如下图：
然而，轮播图对于用户是否真正有意义？毕竟，大多数人打开网站，看到轮播图并不会停留太久，而是直接下拉浏览更多的详细信息。对于轮播图，真正获得用户关注到的可能只有第一张，后面几张会被忽略掉。
有一项研究表明，只有1%的浏览者点击了轮播图——而且其中84%用户都只会点击第一张图。
这正是轮播图的缺点。然而，这个缺点并非是致命，更何况其优点可能发挥的作用更大。事实上，在一些细节上做得好些，也完全可减少其缺点带来的影响。就比如，人们为什么会下意识的忽略轮播图的内容？因为绝大多数人都会把轮播图认为是广告内容，进而产生广告盲点现像。而我们要做的，就是在图片内容设计上，尽可能切合网站的主题背景，千万别看起来像是广告。
换句话说就是“内容为王”。轮播图里的内容，决定了轮播图质量的上限。无论交互多么简单，不相关的内容都会带来糟糕的用户体验。所以归纳起来应该注意以下几点：
内容无聊或对用户无帮助的，就不用轮播图；
仔细做好排序，能抓住用户兴趣的内容放到第一张。而且最好前面一张能够带动用户去关注下面一张的内容。
轮播图不应该作为用户进入某项功能和内容的唯一途径。应同时放置在其他位置，确保用户不会因为忽略轮播图而未能进入该功能和内容，导致丢失流量。
限制轮播图的页面，一般认为5张以下最好，不宜过多。
提供指示条，告知用户目前轮播图是第一页。关于指示条的呈现，个人比较喜欢拉钩网的指示条，可清晰的预告下一张内容是什么，让人有种能完全把控轮播图的内容的感觉。
自动轮播的速度不要过快或过慢，且要循环轮播，避免到最后一页就停止轮播了。
除了使用轮播图，也可以采用主页横幅代替。即减去多页轮播的过程，避免用户因不知道下一张内容是啥，且不关心，所以不会去看完全部轮播图。而采用主页横幅的效果，则能更专注的设计主页横幅内容，比如NB的网站，单页横幅占据大部分面积，并提供直接购买入口按钮，给人以良好的沉浸式体验。
总结一下全文，轮播图具有显眼、信息量多等特点，可用以推荐重要的内容；但图片内容不可太像广告，避免“广告盲点”产生，使人忽略了轮播图的内容。而针对于易被忽略的缺点，可通过把控内容、顺序等细节，吸引用户注意；且可在功能设计上，可增加一些用户体验好的细节，比如指示条、播放速度及上下切换按钮等。若网站内容不多，则可采用主页横幅的形式代替，会有更好的效果及用户体验。【产品】
作者： Julian Xu，目前为互联网产品助理，望能互相学习及交流。#生命不息，折腾不止#
欢迎转载，转载请注明出处！