发表于: 2019-05-22 21:59:51

2 620


今天完成的事情:
1、任务四的小课堂
一、轮播图的大小
1、固定大小
优点:根据运营方的需求来改变轮播的大小,可以尽可能的节省空间
缺点:视觉冲击力小,展示效果差,吸睛效果差
场景:相比轮播图展示的内容,有同等重要或是更重要的版块信息需要展示,尽量减少轮播图占用空间
案例:京东、汽车之家
2、跟随屏宽铺满
优点:展示效果好,使整个页面更大气
缺点:占用空间较大,加载速度会慢一些,且轮播图色调和背景主题不一致时会产生违和感
场景:需要通过轮播图推送重要信息,尽可能的吸引用户的注意提高点击率
案例:爱奇艺、携程、网易严选、途牛
3、整体式
优点:视觉冲击力最大,色调随轮播图改变,更高端大气
缺点:占用状态栏的部分空间,且整个背景主题切换会给正在浏览其他内容的用户带来视觉干扰
场景:需要通过轮播图推送重要信息,轮播图更吸睛,更大气,页头没有重要信息展示
案例:优酷、腾讯
固定大小:
1、屏幕左侧
优点:快速吸引刚进入页面用户的注意力
缺点:轮播图尺寸很难把握,图片太小容易被忽略,图片太大右侧内容容易被忽略
2、屏幕中间
优点:重要程度较高,主要靠轮播图来吸引用户
缺点:很占空间,热区容纳信息量变小,视觉被吸引可能会忽略其他重要的元素
3、屏幕右侧
优点:充实页面提高页面美观度的同时还可以进行引导宣传营销
缺点:用户很可能会阅读完文字内容自动忽略轮播图
 
二、轮播图的内容
1、单张图片
优点:视觉效果非常好,重点突出,可以让用户一眼关注到宣传重点
缺点:占用空间较多,影响屏幕信息容量
场景:展示图片数量不多,需要通过轮播图突出宣传重点
案例:微博、爱奇艺
2、多张图片
优点:可以填充更多信息,用户可以根据喜好进行选择
缺点:视觉效果不好,画面混乱
场景:切换次数不多的情况下展示更多的图片信息,
案例:京东、易车网、腾讯视频
三、轮播图的切换方式
1、自动切换
优点:用户未进行操作时也可以提供轮播信息
缺点:可能会打断用户的浏览
场景:不用用户操作,也可以通过切换展示较多的宣传信息
案例:淘宝、新浪新闻、百度视频
2、翻页切换
优点:用户使用更加方便,不翻页时可自动隐藏,不会遮挡图片
缺点:只能一张一张进行切换,用户不能直观看到图片总数
场景:用户可以根据自己的需要自行切换图片
案例:淘宝、新浪新闻、百度视频
3、轮播点(圆点、长条、数字)切换
优点:可以跳转切换,可以直观看到一共有多少张图片
缺点:点击面积太小,容易误触
场景:用户可以根据自己的需要自行切换图片的同时可以看到图片的总数量和当前图片的排序
案例:爱奇艺、携程、网易严选、途牛
4、标签(导航)切换
优点:有简洁的提示信息,分类清晰,不会误触,可以跳转切换
缺点:美观性较差,侵占轮播图的空间
场景:用户可以根据提示信息自行切换图片
案例:爱奇艺、网易新闻
 
 
四、切换效果(顿挫感、是否平滑)
1、水平切换
2、渐变切换
3、闪烁切换
 
五、移动端的轮播图
移动端的轮播图与web端的区别在于,移动端轮播图受页面限制,它的大小都是屏宽铺满或者整体式的,切换形式一般都是自动切换+手动左右滑动切换+轮播点,但轮播点不提供切换功能,因为app页面太小,点击轮播点会出现严重的误触情况。
 
轮播图并不是唯一的宣传途径,不使用轮播图,有没有更好的宣传方式?
因为“广告盲区”的存在,这些提供信息的图片轮播看起来就像广告似的,人们浏览的时候往往会跳过它们,所以轮播图的点击率和转化率并不理想。那么不放轮换图片的话,要放上什么图片呢?
    单张大图:只选择一张能表达你品牌内容的图,给用户一种沉浸的体验,用户的注意力更集中,实际获得的信息其实可能更多;
      单张大图+CTA按钮:如果觉得单张大图对用户的号召力不够,可以加一个Call to Action 按钮。CTA 按钮在显要的位置帮助用户进行主要功能的跳转,还能有助于网站的转化率。
        短视频:有些情况下,图片可能也不足以表达你需要表达的信息那就用短视频吧
          定制登录页:如果放弃把所有的信息全都展示给所有用户看,那可以试试定制登陆页。在有限的空间提供跟用户相关的信息,对用户来说好感也上升,比如知乎、支付宝;
           
          明天计划的事情
          1、上午将小课堂以及上传视频;
          2、任务四总结;
          3、开始任务五;
          遇到的问题:
          1、轮播图并不是唯一的宣传途径,不使用轮播图,有没有更好的宣传方式?
          因为“广告盲区”的存在,这些提供信息的图片轮播看起来就像广告似的,人们浏览的时候往往会跳过它们,所以轮播图的点击率和转化率并不理想。那么不放轮换图片的话,要放上什么图片呢?
          单张大图:只选择一张能表达你品牌内容的图,给用户一种沉浸的体验,用户的注意力更集中,实际获得的信息其实可能更多;
          单张大图+CTA按钮:如果觉得单张大图对用户的号召力不够,可以加一个Call to Action 按钮。CTA 按钮在显要的位置帮助用户进行主要功能的跳转,还能有助于网站的转化率。
          短视频:有些情况下,图片可能也不足以表达你需要表达的信息那就用短视频吧
          定制登录页:如果放弃把所有的信息全都展示给所有用户看,那可以试试定制登陆页。在有限的空间提供跟用户相关的信息,对用户来说好感也上升,比如知乎、支付宝;
          收获:
          1、通过小课堂的调研,对任务四轮播图的理解更深刻,掌握的也更扎实; 



          返回列表 返回列表
          评论

            分享到