淘宝图片轮播尺寸大小 淘宝轮播图图片尺寸( 二 )


文章插图

淘宝图片轮播尺寸大小 淘宝轮播图图片尺寸

文章插图

轮播规则Banner 轮播图为动态呈现 , 每张图片停留时间 , 轮播方向均是在前端代码中设置的定时任务 。
而需要注意的是 , 图片停留时间尽量不要少于 3 秒 , 避免用户还没有阅读到图片上全部信息 , 页面就已经切换了 , 造成不好的用户体验 。
如果图片上的内容过多 , 那么停留时间可延长 , 但不要超过 5 秒 , 因为用户看到第一张图片后 , 就很快会被其他内容吸引而离开 , 以至于后面的图片得不到曝光 。
具体每张图片应该停留多长时间 , 应该根据图片内容而定 , 还可通过内部测试 , 或其他实验方式多次测试确定最佳停留时间 。
Banner 轮播图通常自动向左滑动 , 并且在移动端可以手动向左或向右划动查看后一张或前一张图片 。
更新规则Banner 轮播图内容具有跟踪实时热点和热度推荐的作用 , 因此需要更新的频率较高 。
更换轮播图内容有两种方式 , 一种是在前端代码中设置轮播图和跳转链接 , 更换时需要同时修改代码 。
另一种方法是在运营后台管理系统中进行配置 , 轮播图的名称、定向投放、定时投放、顺序、图片、跳转链接等 , 这样的方式比较灵活 , 方便运营人员操作 。
权重排序我们知道 , 通常动态内容比静态内容更吸引用户 , 图片比文字更吸引用户 。因此在一个页面上 , 注意力权重比较 , 视频>轮播图>图片>文字 。
尽管轮播图更吸引用户注意 , 增加广告的曝光度 , 但是其实用户并没有耐心等所有图片自动轮播完 , 就已经去到其他页面或者手指已经划走了 。
所以应该把最重要 , 最想呈现给用户的页面放在第一张 , 保证得到最大可能的点击率 。越往后的图片得到曝光机会越小 , 因此图片应该根据重要程度排序 。
注意事项
  • 视觉疲劳:长时间显示固定 Banner 图会加重用户对该区域的麻木 , 并且用户可能已经不感兴趣了 。所以需要有频率地对图片进行更新 , 并且每次更新都应能吸引眼球 。
  • 跳转参数:每个 Banner 图都需要支持可点击访问 , 跳转到新的落地页面 , 因此需判断落地页地址是否参数化 。如果没有的话 , 需要单独进行开发 。
  • 容错机制:Banner 图的访问 , 加载 , 缓存的异常都需要考虑周全 , 产品需定义当访问异常或内容未加载出来异常页面的呈现 。
根据产品体量和 Banner 更新频率决定是否缓存 , 如果是个大流量应用并且 Banner 图不常更新 , 那么最好在首次访问时调用缓存 。
总结以上 , 均是从产品角度设计一个 Banner 轮播图的注意要点 , 但是能够吸引用户的还是图片的内容 , 比如图片的版面设计 , 包含信息 , 色彩组合等等 , 需要产品与运营和设计师共同完成 。
【淘宝图片轮播尺寸大小 淘宝轮播图图片尺寸】题图来自Unsplash , 基于CC0协议


特别声明:本站内容均来自网友提供或互联网,仅供参考,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。