发表于: 2019-04-01 21:24:57

1 727


今天完成的事情:

画完了原型,还没标注

 

明天计划的事情:

标注做完,小课堂ppt


遇到的问题:

1.之前一直是页面上的元素全部进行标注,任务四师兄让我删了一部分,现在不知道哪些需要进行标注,哪些不需要

2.标注的描述感觉还是有很大问题,总是担心说的不够清楚所以描述很多,看起来很罗嗦很绕,可能还是得多参考下别人的标注多多练习


收获:

原型图就不贴了,谈谈小课堂的内容


关于轮播图,我将轮播图分了4个方面进行了补充调研

1.轮播图在页面的位置

2.轮播图在页面中的布局

3.轮播图的切换方式

4.轮播图的切换效果

之前做任务四的时候将重点放在了23上

ppt还没做,先记录一些零星的小知识点,明天写进ppt里

1.微博,登录之前有轮播图,登录之后没有轮播图

微博属于社交性质的网站,登录之前轮播图可以起到一个宣传的作用,登录之后社交下不需要轮播图进行引导宣传,这个时候的轮播图只是视觉污染

2.屏幕左侧的轮播图

优点:a.可以吸引用户注意力,引导宣传  b.可以用轮播图内容引发用户兴趣,提高转化率

缺点:如果图片长期以营销为目的,用户会下意识进行过滤

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

3.屏幕中间的轮播图

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

缺点:很占空间,同样页面容纳信息量很小

案例:小猪短租、爱彼迎、美团、淘宝、网易严选(因为很占空间,所以各网站根据各自实际情况,将轮播图的尺寸进行了调整,需要大图冲击力的选择了三分之二屏的大图,还有其他内容填充的选择了尺寸小一点的轮播图,将轮播图放在正中间占据用户视觉热区的,多为电商类网站)

4.屏幕右侧的轮播图

优点:充实页面提高页面生动度

缺点:右侧可能会被用户忽略

应用:网易新闻、百度新闻、飞猪(此时左侧有更重要的内容,资讯类的网站将轮播图放在右侧避开了热区,此时轮播图只是一个补充作用。飞猪等旅行类网站,左侧有售票导航之类的内容,是网站的主要业务内容,所以轮播图放在了右侧)

5.无轮播图

应用:腾讯新闻、搜狐新闻、知乎、微博、豆瓣、链家、蘑菇街

这部分有点不太一样,这里资讯类的网站不需要引导宣传,也为了容纳更多的内容放弃了轮播图。社交类在也是,不需要引导宣传。但是也有电商类服务类需要引导宣传的选择了静态的banner图,放弃了动态的轮播图。


返回列表 返回列表
评论

    分享到