发表于: 2021-02-22 18:20:24
1 536
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
重新完善了任务四的banner调研PPT
主要是对于之前调研的竞品进行总结,在结合总结,看草船云网站属于哪种场景,然后在banner上如何去进行设计
通过大量的调研可以发现,轮播图无论是在网页还是app产品中,都是不可或缺的存在,而且在轮播图的设计上也不会那么单一,轮播图也能够很好的利用有限的位置去向用户展示更多的信息,更多的是起到一个广告的作用,增加商品的曝光度,达到快速转化的目的。
对比了电商网站,京东,淘宝,唯品会和卷皮官网的banner 设计,banner设计均采用单张切换的类型
淘宝:banner轮播图的设计属于单张切换类型,banner轮播图位于首页导航栏下方,所处网页头部中间位置,banner占用篇幅较小,主要是用作广告推广,自动向左切进行切换,自动切换时间为5s,同时支持手动切换,另外此处的banner在设计上,是设计出了上下两段式的banner,第一个banner轮播图则是为了展示一些店铺信息,第二个banner则是进行了细化的商品展示,这样设计的目的是当用户浏览banner时,有自己需要的商品就可以直接点击并跳转到相应界面进行选购,或者是进入相应店铺去选购。
优点:分段式的banner设计可以更加全面的去展示商品信息,比如用户在第一个banner中没有看到喜欢的东西,在第二个banner中或许就能看到自己喜欢的东西,提高转化率,同时单张切换类型的banner也能更好的去向用户展示相关的商品信息。
调研总结:
banner按照类型进行分类,可以分为单张切换样式、多张切换样式、功能类样式等。
banner的单张切换样式在web产品中是使用较多的,单张banner能够更好的向用户传递信息,不会显示空间局促,在视觉上也能给到用户比较好的体验,主要是用于各大企业门户网站,以及一些综合性网站的首页,每一张banner都能够完整的向用户传递相关的信息。
banner的多张切换样式在app产品中使用较多,一般是利用有限的位置,尽可能多的去向用户传递信息,同时也告知客户,有多张banner,可以引起用户的兴趣,让用户有兴趣来了解,达到宣传的目的和提高转化率;在部分web电商网站中也会有相应的应用,主要是为了利用有限的位置去尽可能的多展示一些商品的信息,达到提高转化率的目的。
banner的功能类样式在app产品中使用较多,一般是用于音乐或视频产品,用户点击banner可以进行操作,如音乐的播放或者视频的播放,提高用户的操作便利性,进而提升用户体验度。
草船云网站属于综合性网站,banner也是在首页去向用户展示相关的信息,因此在banner的设计类型上选择单张切换样式,采取全屏铺满的设计。
关于草船云网站的banner设计:
对于草船云的方案:草船云作为一个为客户提供技术性服务等相关业务的综合性网站,banner也是在首页进行展示,首先在于banner的设计上,应该设计成单张切换类型,这样设计的好处是:单张切换的banner可以采取全屏铺满的样式,图文结合的方式去向用户展示相关信息,用户也能更加直观的通过banner轮播图去快速了解相关内容,这里没有采用多张切换的样式,是为了防止多张banner样式会影响用户的阅读体验,在视觉上对用户造成影响,因此选择单张切换类型。
首先草船云定义为一个功能型网站,主要是为用户提供创业咨询与创业部分和人才推荐,所以在于banner的设计上应该采取单张切换类型的banner设计,banner轮播图应该位于导航栏下方,且为单张切换类型,图文结合的方式,在用户进入网站后,可以吸引用户的目光,更加清楚明了的向用户传递有用的信息,用户未点击banner时,banner自动切换,切换时间为5S,也可手动点击箭头切换,banner轮播图自动切换是向左进行自动切换,同时采取的是全屏铺满的样式设计,同时在banner图上会有圆点显示banner张数当跳转到第几张banner的时候,圆点的底色会跟着变化。
明天计划的事情:(一定要写非常细致的内容)
遇到的问题:(遇到什么困难,怎么解决的)
收获:(通过今天的学习,学到了什么知识)
评论