本文从产品设计角度列举了以及相应注意事项。
什么是Banner轮播图?
现实中多是单张Banner图,而互联网中多是多张Banner图的原因是:
1)成本角度:
2)行为角度:
3)目的角度:
功能概述
Banner轮播图常见于电商类或资讯类应用或功能首页或功能模块主页面,电商类APP,例如淘宝、京东;资讯类App,例如36氪、人人都是产品经理;还有其他比如网易云音乐App的发现模块主页等。
Banner轮播图通常位于首页顶部,有时也会在页面中间位置。以动态的形式为用户呈现多张图片,自动轮播的效果可以让每张图片得到较好的曝光。
每张图片都支持点击跳转到新落地页,可以是外部网站、应用程序内页或富文本。
前端展示
在移动端应用的Banner图片上一般展示的轮播图控件,通常以多个小圆点或其他样式显示,作用是告诉用户一共有多少张图片,让用户有探索的欲望,并且提示用户当前展示的是第几张。
但是如果图片色彩过于丰富,控件不易看到,所以较好的方法是放在轮播图下方。并且可以选择其他的样式,提升用户体验。
轮播规则
Banner轮播图通常自动向左滑动,并且在移动端可以手动向左或向右划动查看后一张或前一张图片。
更新规则
Banner轮播图内容具有跟踪实时热点和热度推荐的作用,因此需要更新的频率较高。
更换轮播图内容有两种方式,一种是在前端代码中设置轮播图和跳转链接,更换时需要同时修改代码。
另一种方法是在运营后台管理系统中进行配置,轮播图的名称、定向投放、定时投放、顺序、图片、跳转链接等,这样的方式比较灵活,方便运营人员操作。
权重排序
我们知道,通常动态内容比静态内容更吸引用户,图片比文字更吸引用户。因此在一个页面上,注意力权重比较,视频>轮播图>图片>文字。
所以应该把最重要,最想呈现给用户的页面放在第一张,保证得到最大可能的点击率。越往后的图片得到曝光机会越小,因此图片应该根据重要程度排序。
根据产品体量和Banner更新频率决定是否缓存,如果是个大流量应用并且Banner图不常更新,那么最好在首次访问时调用缓存。
总结
以上,均是从产品角度设计一个Banner轮播图的注意要点,但是能够吸引用户的还是图片的内容,比如图片的版面设计,包含信息,色彩组合等等,需要产品与运营和设计师共同完成。
本文由@晴天原创发布于人人都是产品经理。未经许可,禁止转载