8

拥有11.5亿月活用户的微信,产品到底有啥设计逻辑?

 3 years ago
source link: https://www.shejipi.com/488765.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

你觉得微信哪个设计最令你满意?

文章来源:数艺设

ID:szysptpress

作者:数艺君

编辑:卝生

前有QQ,后有微信,在社交APP这一领域,国内当属腾讯最强,报告显示2019年微信的月活跃账户数超过了11.5亿,且数据还在持续增长。

iuQJNb.jpg!mobile

哪怕是微信的创始人张小龙,或许也没想过,微信能做到如今这个体量,从一开始被人质疑到如今的社交巨头,微信的成功离不开其背后优秀的产品设计。

rYvuErv.png!mobile

作为在即时通信领域超越QQ并成为全民应用的APP产品,微信在产品设计领域一直被赞美、模仿与追逐。

但是在使用微信的过程中,我们还是会对微信的某些设计产生一些疑问,可以说有的设计也脱离了设计师对用户体验的认知。为什么会这样呢?这些看似“不友好”的设计背后又存在着怎样深层次的逻辑呢?

下面,数艺君将从以下几个方面来进行分析。

01

微信设计背后的产品逻辑分析

1,点赞评论聚合

微信朋友圈中的“点赞评论”机制是以聚合的形式呈现的,这样无疑会给用户增加一个操作层级,从用户操作的高效性来看,这样的设计方式是不够高效的。而对于微信团队来说,这样的设计背后有哪些深意和思考呢?

朋友圈的定位是分享生活,重点是分享而不是互动,如果将点赞和评论的入口直接放出来的话,用户互动频率变高,就会导致点赞者和评论者的意图性和含金量大幅度降低。

在目前这种设计下所收到的赞美和互动会让分享者感到更真心实意一些,同时也减少了消息通知的打扰,这样整个朋友圈的互动分享生态才会变得更好,如图所示。

Z3EJ7rm.jpg!mobile
zArMjya.jpg!mobile

2,朋友圈的模块设置

对于大多数微信用户来说,他们使用微信时常用的两个功能就是“对话”和“朋友圈”。

从用户高低频操作的角度来说,朋友圈完全可以设计成一个单独的标签。但在微信产品设计中,朋友圈却被作为“发现”标签中的一个模块进行呈现,这是为什么呢?

就数艺君个人观点来看,在微信产品设计中,如果朋友圈直接作为一个标签呈现,那么微信就真的变成了一个社交工具,而不是一种“生活方式”了。

从格局维度来讲,“生活方式”的格局定义远高于社交工具。同时,朋友圈作为一个模块,可以很好地将一部分流量分发到购物、游戏、扫一扫及小程序等模块当中,如下图所示。

umAzYbF.jpg!mobile
qaAVfef.jpg!mobile

3,购物、钱包和游戏模块设置

几乎所有互联网产品的追求都是将产品做大,然后变现盈利。在用户流量较大的APP中可以有很多的变现方法,如游戏、购物及支付,这些都是强盈利的产品,而微信却将这些产品以标签中的列表的形式展示给用户,这看似不符合商业逻辑,而实际则不然。

如果将购物、游戏及支付等功能再进行强化,那么微信给用户的印象将不再是“生活方式”,而变成了一个单纯的卖货、游戏和支付的平台,这可能会影响微信的用户认知和产品定位,如下图所示。

3MB7Rbi.jpg!mobile
BnaQVrU.jpg!mobile
JBNv22J.jpg!mobile

4,朋友圈支持的图片上传格式

在日常生活中,许多人都认为GIF动图是好玩且有意思的,而对于经常发朋友圈的人来说,应该很希望朋友圈能够发布GIF动图,但微信系统却不支持这一功能,这是为什么呢?

针对这点,数艺君认为微信设计师在考虑分享者的需求时,也可能同时考虑到了浏览者的需求。如果微信系统被设置为支持朋友圈中上传GIF动图,那么用户在浏览朋友圈的过程中,会很容易被GIF动图所吸引和干扰,从而抢夺浏览者浏览整个朋友圈时的视觉焦点。

同时,在使用微信朋友圈的过程中,有的用户为了吸引目光,会故意发一些哗众取宠的动态图,以吸引微信好友关注,如此可能会导致一些浏览者的体验变差。

简而言之,设计师在进行产品设计时,并不是要充分满足每一项用户需求,而是需要综合考虑产品整体的需求和体验。

5,通讯录的模块设置

在微信有限的界面中,通讯录作为第2个标签页出现,无疑是拥有着特别重要的地位。

但实际上这个标签的内容都是与联系人相关的,用户进入这个页面进行操作的频率很低,微信团队为什么要将这么重要的位置留给通讯录呢?

究其原因,早期版本的微信就是一个即时通信的APP,所以联系人显得比较重要,将通讯录设置为第2个标签页是很合理的做法,这样更能加深用户对即时聊天的认知。

随着微信这个APP的发展,其他业务的进入导致微信平台变得臃肿,为了保留即时通信工具这个属性,所以微信一直将通讯录的位置保留着,如图所示。

ieqMZ3V.jpg!mobile

6,相册模块的命名

微信中的朋友圈入口名称为“相册”,而不叫“朋友圈”,这是为什么呢?

就数艺君个人观点来看,微信这样设计是为了鼓励用户发图片,因为图片比单纯的文字动态质量更高,如果改为了“朋友圈”,则更偏向动态发布了,也就违背了该产品的设计初衷,如下图所示。

nqI7R3.jpg!mobile

7,朋友圈的查看设置

微信朋友圈是不支持分组查看的,这是为什么呢?就数艺君个人观点来看,可能是因为大部分用户查看朋友圈的目的是为了打发时间,所以一般都希望朋友发的内容越多越好。

增加分组功能,会减少内容的展示数量。分组之后,当用户停留在非全部导航页面时,会忽略其他分组的一些动态内容。

同时,从产品的角度来说,朋友圈分组查看会导致很多好友的动态无法被浏览到,既影响产品的数据,也影响朋友圈的互动性,如图所示。

NjAnAfm.jpg!mobile

8,群发仅限200人设置

在使用微信时,很多用户都有群发需求,希望可以将消息群发给所有人,但是微信只支持最多群发给200人,如下图所示。

IVZzauN.jpg!mobile
NVZ3ieQ.jpg!mobile

之所以要这么设置,要从微信群发的两个角色说起,即群发者和接收者。目前,微信群发的使用场景都是二维码宣传、点赞请求、过年群发及微商选定目标人群发广告消息等,这些对于接收者而言都是“骚扰信息”。

如果支持无限量群发,那么接收者收到的信息会变多,会被过度干扰,进而导致接收群体的用户体验变差。

9,对话列表的删除设置

微信中的对话列表只支持选择删除,不支持批量删除。原因是如果对列表进行了批量删除,用户和被删者主动对话的概率就会下降,微信对话的整体活跃度也可能会随之降低。

总体来讲,微信的设计逻辑主要分为两个方面:一是整体考虑所有角色,在考虑角色a的使用需求的同时,还要考虑角色a的使用需求给角色b、角色c或平台所带来的影响;二是关注整个产品的定位及平台生态,考虑需求或设计时,应先从全局开始,再到局部。

yEJnMrN.jpg!mobile

从大局到细节,微信对于产品设计的把控可谓完美,有时候,胜负往往就在于细节,哪怕是一个小组件,可能就会有不一样的效果。

下面,数艺君就以微信为例子,展开说说单元控件类组件的作用。

02

单元控件类组件

单元控件类组件一共有7种:搜索、开关、页面控制器、图标、滑块、进度及选框。

1.搜索

用户通过搜索关键词,可以提取自己想要的信息。当应用内包含大量信息的时候,用户通过搜索可以快速地定位到特定的内容。

使用场景:用于对信息的快速查找。

使用特性:①功能模块含有搜索框或搜索图标;②通过点击触发搜索功能,跳转到新页面或浮层进行搜索操作。

以微信APP为例,在iOS系统中默认搜索栏为隐藏样式,当用户下滑操作时出现搜索栏,用户点击输入框即可开始进行内容搜索;而在Android系统中将搜索图标放在了导航栏上,当用户点击搜索图标时,即可进行搜索,如下图所示。

iq2MBvR.png!mobile

2.开关

开关按钮仅在列表中使用,展示了两个互斥的选项和状态。在列表中,需要使用开关按钮让用户从某一项的两个互斥状态中指定一个,如“是 / 否”“开 / 关”等按钮。

使用场景:用于对两种互斥状态进行选择。

使用特性:①含有开关的标题名称;②开关按钮包含两种互斥状态。

例如,微信消息设置页面中控制消息提醒的开关,如下图所示。

YvUvqqI.png!mobile

3.页面控制器

页面控制器的主要作用是告诉用户当前总共打开了几个视图、当前视图正处在其中的哪一个,以及视图长度是多少。

使用场景:提示用户当前视图处在整个页面的位置。

使用特性:①包含一系列圆点,圆点的个数代表当前打开的视图数量(从左到右,这些圆点代表了视图打开的先后顺序);②避免显示太多圆点,建议不超过6个,超过6个会很难让用户一目了然。

当用户在手机浏览器中浏览知乎页面时,通过滑条用户很容易知晓当前页面的视图有多长,以及目前视图的位置。用户在使用京东APP时,系统会通过页面控制器告知用户当前总共打开了几个视图和当前视图是其中的哪一个,如图所示。

a2IFziU.png!mobile

4.图标

图标是界面中的一种图形元素,主要用来执行应用程序中定义的操作。当用户点击指定的图标时,能执行图标指定的功能操作。

使用场景:是可操作功能的标识入口。

使用特性:①由图形和文字组成;②文字和图形需要能让人轻易地识别所代表的信息。

例如,当用户点击微信APP和Instagram APP底部标签栏的图标时,可进行页面视图切换,如图所示。

u26juuV.png!mobile

5.滑块

滑块可以让用户在连续或间断的区间内,通过滑动锚点来选择一个合适的数值。在通常情况下,可将区间对应的最小值放在左边,将区间对应的最大值放在右边。

在具体应用的过程中,可将滑块分为4种,即连续滑块、带有可编辑数值的滑块、间续滑块和附带数值标签的滑块。由于对不同样式的滑块组件及其使用特性在前面已经讲过,这里不再赘述。

6.进度

用户在进行刷新加载或提交内容的操作时,会有一定的等待时间,设计师需要针对这个进程进行进度和活动状态的设计。

在进度控件的设计中,设计师需要尽可能地减少视觉上的变化设计,尽量使应用加载过程不枯燥。同时,设计师要注意每次操作只能由一个活动指示器呈现。例如,对于刷新操作,不能既用刷新条,又用动态圆圈来指示。

指示器的类型分为两种:一种是线形活动指示器,另一种是圆形活动指示器。在操作中可以使用其中任何一项来指示确定性和不确定性的操作。

7.选框

在选框中,用户可以对单个或多个选项进行选择。选框分为两种类型:一种是单选框,另一种是复选框。前面也对不同样式的选框组件及其使用特性进行了讲解,读者可查看前文进行深入学习。

QzYZjui.jpg!mobile

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK