最近在浏览微信朋友圈、微博、闲鱼app、淘宝-微淘,就图片布局发现有几个不同之处,整体心得如下:
1.图片展示设计的不同之处:
1)朋友圈图片采用9宫格,限定最多发送9张图片,9宫格图片两侧距离屏幕边缘留白较多(如下图所示);
2)微博、淘宝-微淘,图片采用9宫格,限定最多发送9张图片,9宫格图片两侧几乎延伸到屏幕;
3)闲鱼主页最多浏览3张图片,可以左滑、右滑查看其它图片,最多可以发送10张图片(见下图);
如果图片为3张及3张以上,主页显示的第3张图片不完全显示可左滑查看未展示图片(1所示); 图片左侧距离左侧屏幕有一定的留白(2所示),右侧屏幕与图片无留白(3所示)。
2.微信朋友圈设计分析
2.1需求分析:
微信整体定位为熟人、半熟人社交,微信添加好友需要双方认证,整体是一个强关系社交产品。
而微信朋友圈,是微信的一个活跃用户功能,目的是让增强用户之间的粘性,是为了在时间维度留存用户而设计,朋友圈的用户本质上还是微信的用户,在目标用户层面是一致的,但朋友圈为了进一步强化用户之间的关系。
场景1:微信朋友圈是线下邻里八卦猎奇场景在线上的映射,我买了件新衣服、听到了一个新八卦,我会很有欲望向邻里熟人炫耀,并期待能够看到他们的积极反馈,如赞同我、评论我。
2.2为什么朋友圈、微博大都限定9张图片?
笔者也和朋友做了如下讨论:
1、节省流量角度:必须限制发图数量,服务器性能很容易被拖垮;
2、美学角度:
1)发图者:9宫格是很好的排版模式,可有有很多的图片组合方式,数量太多耗费看图片人的流量,数量太少发图片的人不爽,所以9比较好;
2)看图者:有选择看与不看的权利,如果每一行并列是一张或者两张,根据这个比例,用户可以看的比较清楚,但并不是所有照片用户都想看,并列三张就相对模糊,不想看可以直接划过,对自己没有留下什么其他印象,想看就可以点开仔细观看,如果每一排并列四张就显得太小,不符合界面美观要求
3)其它可能原因:
“9”在中国寓意较好,9寓意久,长长久久
可能也有人类一次能有效观赏、记忆的图片数量等心理学理由
设计者喜好9这个数字,拍脑门决定
2.3为什么朋友圈图片两侧留白较大
朋友圈留白设计的原因:
1)留白设计是一种趋势,图片两侧留白较多,给人一种更加整洁的感觉。
2)根据2.1需求分析,朋友圈定位为熟人、半数人之间,基于此定位,能够看到我朋友圈状态的人对我已有一个基本印象,看朋友圈状态时希望能够尽快获取状态的整体印象,图片小巧虽然模糊了内容,但是能够满足整体印象的需求,因此图片适宜方正小巧一些;
3)微信设计一直都比较克制,图片两侧留白设计符合微信整体简洁、克制的产品定位。
微博、淘宝-微淘图片两侧无留白的原因:
1)微博、淘宝-微淘都是陌生人为主,如何在陌生人中留下深刻印象?那就是惊艳、轰炸类地推送。试想生活中我们容易对哪类新闻留下深刻印象?往往是那些夸张、个性强、反差大的(如标题党),身边路过的奇装异服人士常常比打扮大众的人更加能让我们留下印象。同理,陌生人社区线上图片如果越大,就会自然而然给人夸张的印象,往往更容易吸引我们的注意力。
2)陌生人我之前没有啥交集,自然也就不会有其它印象,这时候需要尽可能多地展示细节,图片区域越大,细节当然就展示的更多
闲鱼主页最多浏览3张图片
1)闲鱼是一个购物类app,闲鱼图片是为了描述商品细节,给购买者做出购买决定提供决策依据,而图片展示越多往往加大了做出决策的难度;我们在买东西的过程中,如果不是急缺品、而是一个可有可无的商品,决策依据越多我就越难决定是否要购买,这导致的结果往往是我决定不了而不买;即考虑因素越多我反而越不容易决定买不买,故闲鱼在主页只展示了最多3张图片;
2)那为什么又可以左滑、右滑查看更多的照片呢?因为大部分购买者冲动购买还是比较少的,大部分还是理性的,需要确保商品细节,能够查看更多细节当然能够让消费者觉得更加可靠
大部分电商类的套路就是:大广场尽可能吸引你、让你觉得买东西比较容易,更多决策依据更深一层提供。所以,如果有一天你进入一个商场,发现入口比较简洁、感觉购买东西很容易,然后商场设计顾客行进路线七弯八拐,出商场时你发现自己左右手不得闲,你可能被“套路”了...
产品的目的又何尝不是去套路?