发表于: 2019-06-27 21:38:39

1 517


今天完成的事:

1、改完并提交任务八

2、整理思考调查深度思考的问题

3、看宝马需求讲解视频

4、听内部评审



明天计划的事情: 

1、改任务

2、继续了解宝马


遇到的问题:

1、无



收获

宝马混合式学习:




深度思考:



一、轮播图有几种表现形式,适合什么场景,有哪些切换方式? 

 

轮播图在页面的位置:

屏幕左侧

优点:可以用轮播图内容引发用户兴趣,吸引用户注意力,提高点击率

缺点:轮播图尺寸很难把握,图片太小容易被忽略,图片太大右侧内容容易被忽略

场景:多用于资讯类

案例:搜狐、人人都是产品经理、环球网

屏幕右侧

优点:充实页面提高页面美观度的同时还可以进行引导宣传营销

缺点:用户很可能会阅读完文字内容自动忽略轮播图

场景:需要对页面进行充实或是左侧大片区域有核心业务的情况

案例:网易新闻、百度新闻、飞猪

 

屏幕中间

优点:重要程度比放在左侧还要高的多,主要靠轮播图来吸引用户

缺点:很占空间,热区容纳信息量变小,视觉被吸引可能会忽略其他重要的元素

场景:需要轮播图来极速抓住用户注意力的情况,多为电商、生活类等

案例:小猪短租、爱彼迎、美团、淘宝、网易严选、下厨房

无轮播图

优点:提高网站性能和加载速度

缺点:用户可接收到的宣传的内容一定程度上有所减少

场景:社交类、资讯类、生活类、和部分选择静态图的电商web

案例:腾讯新闻、搜狐新闻、知乎、微博、豆瓣、蘑菇街、链家、58同城

 

 

轮播图的布局设计

1.整张大图

优点:视觉效果非常好,重点突出,可以让用户一眼关注到宣传重点

缺点:占用空间较多,影响屏幕信息容量

场景:定位清晰、布局简洁、内容较少、对于宣传十分重视的web

案例:小猪短租、美团、途牛

2.一屏多栏轮播图

优点:可以填充更多信息,用户可以根据喜好进行选择

缺点:视觉效果不好,画面混乱

场景:想展示的信息内容较多

案例:淘宝、新浪新闻、京东

一屏多栏轮播图的情况,一起自动切换会让用户眼花缭乱,引起厌烦,所以新浪新闻为了解决这种情况,选择了在多栏轮播图的情况下,一栏舍弃自动切换,只采用手动切换的形式

3.多张小图构成一张轮播图

优点:可以填充更多信息,用户可自行选择

缺点:用户容易抓不住重点,对排版要求很高,否则容易画面混乱

场景:想展示的信息内容多且并且可以整合成为一个整体

案例:百度视频、易车网、京东

 

切换方式:

自动切换

轮播点切换

翻页键切换

标签切换

导航切换

 



返回列表 返回列表
评论

    分享到