本文从产品设计的角度列举了注意事项。

地铁站作为日常交通工具，每天人来人往，人们总是被站内的各种广告所吸引。无论行程多么匆忙，人们总会注意到缤纷的色彩和出色的文案。

这种广告常被称为“横幅广告”，即“横幅图”。

什么是横幅旋转木马？

横幅:由一幅或多幅图片拼接而成的横幅、展示广告；开头提到的广告是单横幅图；多图轮播就是我们说的横幅轮播。

互联网的历史发展并不长，所以很多应用思想都来自于传统的商业社会，并经过改编、改进和优化。

比如Banner graph应用到互联网后，一般不再是单一的Banner graph，而通常是多个图片的轮播，所以习惯上称为Banner carousel graph或者广告轮播graph。

现实中大部分是单横幅地图，而在互联网中，横幅地图有很多。原因如下:

1)成本角度:

在街道或地铁站有很大的可用区域，可以显示所有的广告。

但是使用多个轮播加载广告页面的硬件成本较高，而在移动端或PC端可显示区域的大小有限，多张图片可以提高空之间的利用率。

2)行为角度:

现实中，我们经过广告位只需要1-2秒，几乎没有人会站在原地等下一个广告。在移动端或PC端，只要用户不退出应用，就有看到其他横幅图片的可能，广告更容易被曝光。

3)目的地角度:

一个固定的广告页面并不能马上获得显著的收益，而是为了吸引用户，加深用户印象，在“未来”产生消费行为。

轮播地图的目的不仅仅是吸引用户的注意力，更是希望用户立刻产生探索的欲望，点击查看详情或者查看下一张，产生收益的时间会更短。

横幅轮播图常见于电商或资讯应用或功能首页或功能模块首页，电商app，如淘宝、JD.COM；资讯类App，比如36Kr，人人都是产品经理；还有其他比如网易云音乐App的发现模块首页。

横幅轮播通常位于主页的顶部，有时在页面的中间。多张图片以动态的形式呈现给用户，自动轮播的效果可以让每张图片得到更好的曝光。

首页顶部的功能可以提高广告产品和优质内容的曝光率，提高浏览到购买的转化率，衡量内容的价值。

中间部分的横幅轮播的作用是在可用的固定和较小的广告空间中显示更多的广告和内容。

每张图片都支持点击跳转到新的登陆页面，可以是外部网站、应用内页面或富文本。

移动应用中横幅图片上常见的轮播控件，通常以多点或其他样式显示，用来告诉用户有多少张图片，让用户有探索的欲望，提醒用户当前显示的是哪些图片。

PC端会有左右点击按钮，点击切换到上一页或下一页。

但如果图片颜色太丰富，控件就不太好看，不如放在旋转木马下面。并且可以选择其他风格来增强用户体验。

横幅轮播是动态呈现，每张图片的停留时间和轮播方向是前端代码中设置的计时任务。

但需要注意的是，图片的停留时间尽量不要少于3秒，以免用户还没看完图片上的所有信息就已经切换页面，造成用户体验不好。

如果图片上内容过多，停留时间可以延长，但不要超过5秒，因为用户看到第一张图片后，会被其他内容吸引，迅速离开，这样后面的图片就不会暴露。

每张图片应该停留多长时间要根据图片内容来确定，最佳停留时间可以通过内部测试或者其他实验方法来确定。

Banner carousel一般会自动向左滑动，你可以在移动端手动向左或向右滑动，查看下一张或上一张图片。

Banner轮播地图的内容有跟踪实时热点和热点推荐的功能，需要经常更新。

有两种方法可以改变carousel的内容。一种是在前端代码中设置轮播和跳转链接，同时需要修改代码。

另一种方法是在操作后台管理系统中配置，如旋转名称、定向投放、定时投放、顺序、图片、跳转链接等。这种方法灵活，便于操作人员操作。

我们知道动态内容通常比静态内容更能吸引用户，图片比文字更能吸引用户。所以在一个页面上，注意力权重对比，视频>:轮播图>:图片>文字。

虽然轮播图吸引了用户的注意力，增加了广告的曝光，但实际上用户并没有耐心等待所有图片自动轮播，早就去了其他页面或者手指被划走了。

所以要把最重要最想看的页面放在第一页，保证最大可能的点击率。后面的图片曝光的机会会比较少，所以图片要按照重要性排序。

根据产品量和Banner更新频率决定是否缓存。如果是高流量应用，Banner图更新不频繁，第一次访问时最好调用缓存。

以上都是从产品角度设计横幅轮播的注意点，但是能吸引用户的是图片的内容，比如图片的布局，包括信息，色调等。，需要产品、运营、设计师共同完成。

作者:晴天；微信官方账号:impm6666

本文由@ Sunny原创发布。每个人都是产品经理。未经许可，禁止转载。

图片来自Unsplash，基于CC0协议。