发表于: 2019-06-27 21:38:39
1 517
今天完成的事:
1、改完并提交任务八
2、整理思考调查深度思考的问题
3、看宝马需求讲解视频
4、听内部评审
明天计划的事情:
1、改任务
2、继续了解宝马
遇到的问题:
1、无
收获
宝马混合式学习:
深度思考:
一、轮播图有几种表现形式,适合什么场景,有哪些切换方式?
轮播图在页面的位置:
屏幕左侧
优点:可以用轮播图内容引发用户兴趣,吸引用户注意力,提高点击率
缺点:轮播图尺寸很难把握,图片太小容易被忽略,图片太大右侧内容容易被忽略
场景:多用于资讯类
案例:搜狐、人人都是产品经理、环球网
屏幕右侧
优点:充实页面提高页面美观度的同时还可以进行引导宣传营销
缺点:用户很可能会阅读完文字内容自动忽略轮播图
场景:需要对页面进行充实或是左侧大片区域有核心业务的情况
案例:网易新闻、百度新闻、飞猪
屏幕中间
优点:重要程度比放在左侧还要高的多,主要靠轮播图来吸引用户
缺点:很占空间,热区容纳信息量变小,视觉被吸引可能会忽略其他重要的元素
场景:需要轮播图来极速抓住用户注意力的情况,多为电商、生活类等
案例:小猪短租、爱彼迎、美团、淘宝、网易严选、下厨房
无轮播图
优点:提高网站性能和加载速度
缺点:用户可接收到的宣传的内容一定程度上有所减少
场景:社交类、资讯类、生活类、和部分选择静态图的电商web
案例:腾讯新闻、搜狐新闻、知乎、微博、豆瓣、蘑菇街、链家、58同城
轮播图的布局设计
1.整张大图
优点:视觉效果非常好,重点突出,可以让用户一眼关注到宣传重点
缺点:占用空间较多,影响屏幕信息容量
场景:定位清晰、布局简洁、内容较少、对于宣传十分重视的web
案例:小猪短租、美团、途牛
2.一屏多栏轮播图
优点:可以填充更多信息,用户可以根据喜好进行选择
缺点:视觉效果不好,画面混乱
场景:想展示的信息内容较多
案例:淘宝、新浪新闻、京东
一屏多栏轮播图的情况,一起自动切换会让用户眼花缭乱,引起厌烦,所以新浪新闻为了解决这种情况,选择了在多栏轮播图的情况下,一栏舍弃自动切换,只采用手动切换的形式
3.多张小图构成一张轮播图
优点:可以填充更多信息,用户可自行选择
缺点:用户容易抓不住重点,对排版要求很高,否则容易画面混乱
场景:想展示的信息内容多且并且可以整合成为一个整体
案例:百度视频、易车网、京东
切换方式:
自动切换
轮播点切换
翻页键切换
标签切换
导航切换
评论