苏州ui设计中banner轮播图设计要点

发布者: u-walker 发布时间: 2019-12-03 浏览 94
  苏州ui设计中banner轮播图设计要点。在实际生活中,我们的周围存在着各种形式的banner轮播图,那么,对于ui培训学校的新手学员来说,有哪些轮播图设计要点值得我们注意呢?

苏州ui设计中banner轮播图设计要点

  一、Banner轮播图功能概述

  Banner 轮播图常见于电商类或资讯类应用或功能首页或功能模块主页面,电商类 APP,例如淘宝、京东;资讯类App,还有其他比如网易云音乐 App 的发现模块主页等。Banner 轮播图通常位于首页顶部,有时也会在页面中间位置。以动态的形式为用户呈现多张图片,自动轮播的效果可以让每张图片得到较好的曝光。位于首页顶部的作用可提高广告商品、优质内容的曝光度,提高浏览到购买的转化率和衡量内容价值。中间部位 Banner 轮播图的作用是在可利用固定且较小的广告位展示更多的广告数量和内容。每张图片都支持点击跳转到新落地页,可以是外部网站、应用程序内页或富文本。

  二、轮播图设计规则

  Banner 轮播图为动态呈现,每张图片停留时间,轮播方向均是在前端代码中设置的定时任务。而需要注意的是,图片停留时间尽量不要少于 3 秒,避免用户还没有阅读到图片上全部信息,页面就已经切换了,造成不好的用户体验。如果图片上的内容过多,那么停留时间可延长,但不要超过 5 秒,因为用户看到第一张图片后,就很快会被其他内容吸引而离开,以至于后面的图片得不到曝光。具体每张图片应该停留多长时间,苏州ui设计师应该根据图片内容而定,还可通过内部测试,或其他实验方式多次测试确定最佳停留时间。Banner 轮播图通常自动向左滑动,并且在移动端可以手动向左或向右划动查看后一张或前一张图片。

  三、注意事项

  1、视觉疲劳

  长时间显示固定 Banner 图会加重用户对该区域的麻木,并且用户可能已经不感兴趣了。所以需要有频率地对图片进行更新,并且每次更新都应能吸引眼球。

  2、容错机制

  Banner 图的访问,加载,缓存的异常都需要考虑周全,产品需定义当访问异常或内容未加载出来异常页面的呈现。

  3、跳转参数

  每个 Banner 图都需要支持可点击访问,跳转到新的落地页面,因此需判断落地页地址是否参数化。如果没有的话,需要单独进行开发。

  苏州ui设计中banner轮播图设计要点。轮播图的设计要点不局限于以上这些,总结起来可以发现大多是为了增加曝光率以及提升用户体验,需要在两者之间达到一个平衡且出色的状态。

本页网址:https://www.u-walker.com/suzhou/1720.html

上一篇: 苏州ui设计师如何做好登录体验设计

下一篇: 值得苏州ui设计师学习的微信设计细节

相关推荐

预约报名

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部