pmcaff学徒2期-微信朋友圈主页为什么设计成9宫格?

最近在浏览微信朋友圈、微博、闲鱼app、淘宝-微淘,就图片布局发现有几个不同之处,整体心得如下:

1.图片展示设计的不同之处:

1)朋友圈图片采用9宫格,限定最多发送9张图片,9宫格图片两侧距离屏幕边缘留白较多(如下图所示);

微信朋友圈:九宫格,图片两侧留白较大

2)微博、淘宝-微淘,图片采用9宫格,限定最多发送9张图片,9宫格图片两侧几乎延伸到屏幕;

微博:9宫格,图片几乎铺满屏幕


淘宝-微淘:九宫格,图片铺满屏幕

3)闲鱼主页最多浏览3张图片,可以左滑、右滑查看其它图片,最多可以发送10张图片(见下图);
     如果图片为3张及3张以上,主页显示的第3张图片不完全显示可左滑查看未展示图片(1所示); 图片左侧距离左侧屏幕有一定的留白(2所示),右侧屏幕与图片无留白(3所示)。

闲鱼:展示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)那为什么又可以左滑、右滑查看更多的照片呢?因为大部分购买者冲动购买还是比较少的,大部分还是理性的,需要确保商品细节,能够查看更多细节当然能够让消费者觉得更加可靠
大部分电商类的套路就是:大广场尽可能吸引你、让你觉得买东西比较容易,更多决策依据更深一层提供。所以,如果有一天你进入一个商场,发现入口比较简洁、感觉购买东西很容易,然后商场设计顾客行进路线七弯八拐,出商场时你发现自己左右手不得闲,你可能被“套路”了...

产品的目的又何尝不是去套路?

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,332评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,508评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,812评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,607评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,728评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,919评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,071评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,802评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,256评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,576评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,712评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,389评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,032评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,026评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,473评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,606评论 2 350

推荐阅读更多精彩内容