您的当前位置:首页 > 时尚

微信的设计之道·用户体验篇

微信是微信一种生活方式。作为月活超10亿的设道用国民级产品,它有着独特的户体设计之道。

同时,验篇微信也是微信互联网界的一个异类,张小龙曾在微信公开课上回应到:“我们只是设道用守住了做一个好产品的底线,居然就与众不同了“。户体

好产品自然是验篇体验和价值至上。下面,微信我就为大家解读微信的设道用用户体验设计。

01. 二次确认的户体微创新

先从最简单的二次确认讲起。

微信针对首页消息和收藏列表的验篇删除操作,做了二次确认的微信微创新。像同类 IM 聊天工具,设道用如 iOS 短信、户体Facebook Messenger、飞聊等等,二次确认都是采用底部系统弹窗。这样做,从程序架构的角度来看兼容和通用性更强。 

而从体验设计的角度来看,则刚好相反,因为从第一次删除操作,到第二次确认系统弹窗。之间的目标距离太长,耗时也就变长了。根据菲茨定律(Fitts' Law),获取目标的时间取决于目标的距离和大小。这意味着提升交互的效率,不仅需要减少距离,同时要增加目标大小。


微信的设计之道·用户体验篇

收藏列表

回过头看来微信,就是这样设计的。二次确认是在第一次的基础上延展,距离几乎为0,同时,目标按钮的宽度也增加了几倍,大大的提升了交互效率。 
 

02. 互动体验广告

其实,商业和用户体验往往是有冲突的。而微信广告很好的平衡了这一点。
通过丰富有趣的互动体验式创意,或画圆、或画方、或画爱心,吸引大家主动参与互动。

- 开放首条评论

另外,首条评论功能让品牌像朋友一样与大家的对话,利用明星效应,从而带动更多人参与评论,有效提升评论区活跃度和广告点击率。
 

微信的设计之道·用户体验篇

朋友圈刘雯广告
 

以刘雯发布的朋友圈广告为例,大表姐把最新款的vivo X30系列手机交到你手中,并在首条评论中邀请你帮她拍照。数十万用户积极回复刘雯,评论率高于历史均值40倍+,“你这么漂亮怎么拍都好看”、“天天给你拍”,大表姐的魅力折服了众多用户,有效提升了品牌的亲和力与好感度。

- 打开仪式 · 最强震动级别

在交互方面,如果你是 iPhone 用户,可以体验到 Taptic Engine 线性震动马达,通常力度由轻到重分别是  Light、Medium、Heavy。在打开广告的那一刻,它给你的是最强震动级别,满满的仪式感!整个微信应该找不到第二个这样级别的震动了。

03. 提供反馈信息

再举一个震动的例子,当你的好友拍摄了时刻视频后,可以看到 TA 的头像右上角多了一个蓝色的小圈圈,双击它就能看到好友的时刻视频了。 

当然,你双击没有拍摄时刻视频的好友,TA 的头像会左右晃动,并且会有 Failure 的震动反馈,动画和震动节奏完美匹配,这个体验就像你解锁 iPhone 输错密码时的震动是一样的。 

微信的设计之道·用户体验篇

没有时刻视频时的反馈

我们做产品设计时也一样,对于用户的操作,应当给予清晰明了的反馈,帮助用户更好的理解信息。

04. 跨平台能力

微信的起步阶段是基于手机来做 App,不基于 PC 来做,PC 端只是辅助,而现在,它的跨平台能力也逐渐增强。
一周前,微信 PC 版「微信测试版 for Windows」发布了 2.9.0 的内测,同步了移动端的新功能,主要有两点:
1. 支持打开小程序,也可以玩「贪吃蛇」「跳一跳」等小游戏了。 

微信的设计之道·用户体验篇

Windows 微信客户端

2. 另外,此前的微信 PC 端只支持引用文字消息,也没有达到手机上引用消息的视觉效果。此次更新中,还新增了很多支持的引用类型,包括但不限于图片/视频、表情包、公众号链接、小程序、文件等。 

如此看来,Mac 端的更新也不远了,可以期待一下。
 

05. 语音实时翻译

最近的微信更新了,除了引入深色模式之外。值得一提的是,语音消息的交互体验得到了优化,上滑转文字更方便了。

此前的方式是按住说话,滑到转文字按钮,说完松开手指后,才把语音解析成文字。

现在交互则少了一步操作,达到了实时边说边转文字的功能。别小看这一步界面上的优化,它背后代表的是微信语音识别能力上的技术突破。


微信的设计之道·用户体验篇

语音实时转文字

06. 锚点定位

微信有很多隐性和显性的锚点,隐性锚点就比如你打开的这篇文章,关闭后,再重新点进来,还是显示上次阅读的位置。


微信的设计之道·用户体验篇

订阅号列表


显性的锚点就比如上面这个:当你刷公众号列表时候,如果有新文章更新,标题栏会出现一个锚点按钮,点击它让你快速回到顶部,方便查看最新文章。


微信的设计之道·用户体验篇

朋友圈「跳到还没看的位置」

 

基于此,在新版微信朋友圈中,增加了一个「跳到还没看的位置」。很多信息流产品是往下刷内容,直到给你一个分界线提示:下面内容已经看过了。而微信这是一个逆向操作,我认为这个功能还是很有必要的,因为经常会有刷朋友圈刷到一半聊天退出去,当回来查看朋友圈时,需要重新拉到底部,费时费力。

07. 自然的语音听筒播放

《在你身边,为你设计》一书中有提到语音听筒播放的优化。大家都知道,手机带有距离感应器,在感应到耳边贴近时,屏幕会关闭以节省电力,并且避免由于耳朵与屏幕的触碰导致的误操作。

微信在聊天界面中,也启用了距离感应,以实现手机贴近耳边时,自动将语音从扬声器切换到听筒进行播放,这样你可以用最自然的姿势来听语音,这是一个很好的体验。

但要完美地实现这个体验,就需要解决距离感应器的时延问题。播放语音时,如果你非常迅速地将手机移至耳边,这时候距离感应器并不会同样迅速地对这个动作产生反馈。大约在延迟了300毫秒后,感应器发出信号,微信将iPhone的屏幕关闭。而在这个时间内,你的耳廓极有可能已经触碰到了iPhone的屏幕上。触碰的位置大部分时候是左上角的返回按钮区域。于是很容易出现手机移至耳边,语音戛然而止。

 

微信的设计之道·用户体验篇

延时响应判断流程图

为了解决这个问题,微信设计了一个解决办法:在响应返回操作时,先等待500毫秒,这时候如果侦听到距离感应器有发出信号,则认为是贴耳的动作,此情况下不执行返回操作,如上图所示。而500毫秒的延时大部分时候你是不会感知到的。这一解决办法极大降低了贴耳时候的误操作。

总结

在微信的产品设计中,我们看到了交互的细微迭代和背后的技术突破,我们看到了商业创意与用户体验的平衡。给用户带来希望,让创造者体现价值,这就是微信的设计之道。

 

原文地址:洋爷(公众号)

作者:洋爷

微信的设计之道·用户体验篇

最新评论
时尚神经衰弱吃什么好 神经衰弱宜吃什么
神经衰弱是现代社会中比较常见的一种疾病,这种疾病的主要表象症状有失眠多梦、没有精神、心情烦躁等症状,对人们的生活和工作有很大的危害,所以在生活中要及时防治这种疾病,饮食调理是比较常见的调理方法,那神经
时尚《流淌的歌声》最新一期,选散残破版下浑正在线没有雅不雅旁没有雅不雅
是广东广播电视台为庆贺革新开放40周年挨制的重面项目,节目由碧桂园独家冠名,由广东卫视、音乐之声、启仄洋影音公司三圆分散制做、由广东卫视梦之队匠心挨制。那是一档启载中国人配开记忆的节目,以“模范好歌+
时尚《极限应战》最新一期,选散残破版下浑正在线没有雅不雅旁没有雅不雅
《极限应战》是东圆卫视将于往年6月推出的一档大年夜大年夜型推理竞技户中综艺,据节目组流露,那些佳宾皆是实足的“片子咖”,曾塑制了歉厚多彩的荧幕笼统,也具有歉厚的社会阅历,从6月末尾,他们将展开一次“烧
时尚《男逝世女逝世背前冲第11季》最新一期,选散残破版下浑正在线没有雅不雅旁没有雅不雅
《男逝世女逝世背前冲》是安徽卫视一档大年夜大年夜型户中竞技类真人秀节目,区分于一切同类的节目,特别设置男女单赛讲,方针是为担保男女选足皆能隐现好异的看面战明面赛讲将特别针对男女好异的举措特点,遏制好异
时尚小茴香和孜然的区别有哪些 小茴香是孜然吗
茴香和自然应该是我们经常听到的调味料,但是很多人都觉得孜然和小茴香长相很相似,好像味道也差不多,所以不少人都觉得小茴香就是孜然,但是仔细观察后会发现好像又不一样,只是相似而已,那小茴香和孜然的区别有哪
时尚《真声响2016》最新一期,选散残破版下浑正在线没有雅不雅旁没有雅不雅
《真声响》是浙江卫视《中国新歌声》的衍逝世节目。节目由浙江卫视当家旦角伊一包袱当责掌管,带您齐圆位体会新歌声的台前幕后,掀秘导师及教员的互动花絮。
时尚《我爱大年夜大年夜蜜斯》最新一期,选散残破版下浑正在线没有雅不雅旁没有雅不雅
《我爱大年夜大年夜蜜斯》是由吴浓如,林慧萍掌管,东森综开台播出的一档齐新说话性节目,讲诉女人世的那些事。 支起&#
时尚《奇葩讲第6季》最新一期,选散残破版下浑正在线没有雅不雅旁没有雅不雅
第六季将保管“辩讲”的根柢情势,内容连尽坐同突破,旨正在寻寻华人华语世界中,没有好没有雅看法共同、心才出众的“最会说话的人”,隐现一档“齐仄易远真正在思疑真正在表达的说话场”,挨制杂网综N代连尽性爆款
时尚原发性痛经会造成不孕吗 原发性痛经怎样容易怀孕
原发性痛经是痛经症状的一种,这种痛经症状会对女性健康造成很多不利影响,那么原发性痛经会造成不孕吗?原发性痛经怎样容易怀孕?原发性痛经是会导致不孕症状出现的,需要及时治疗,下面就来详细了解具体内容,以及
时尚《2011悲愉女声》最新一期,选散残破版下浑正在线没有雅不雅旁没有雅不雅
2011年的《悲愉女声》赛事初定的六大年夜大年夜赛区区分是成皆、西安、沈阳、少沙、杭州、广州,同时借设置了汇散赛区。果为竞赛的详细细节主办圆借出有宣布,除那六大年夜大年夜赛区傍边可可借其他设有分赛区等
时尚《星动亚洲第两季》最新一期,选散残破版下浑正在线没有雅不雅旁没有雅不雅
《星动亚洲》第两季第两季的赛制将片里进级,以“NBA联盟体系”为主导,斥天了业内养成类真人秀的新弄法。第两季正在启闭式的锻炼中,没有竭有新成员踢馆重组部队,亦每期皆市新的明星导师助阵教诲,作风范围各有
时尚《财经没有好没有雅看法散焦2010》最新一期,选散残破版下浑正在线没有雅不雅旁没有雅不雅
《财经没有好没有雅看法散焦》是一档音讯访讲类节目,节目松扣财经热面、中心成就,探望业界各圆人士独到睹解,或第一光阴召集各圆对成就的好异评价,或深切挖客权利巨擘专家对成就的深切解读。经由进程传递对中心成
时尚哮喘是怎么引起的 哮喘是什么造成的
哮喘是目前很常见的一种疾病,它的患病率比较高,患者一般在婴幼儿时期就有症状表现了,随着时间的推移,病情越来越严重,哮喘这种顽固的疾病,越早发现越好,就能及时进行治疗,这样才能控制住病情。那么,哮喘是怎
时尚《相亲相爱》最新一期,选散残破版下浑正在线没有雅不雅旁没有雅不雅
《相亲相爱》是山东广播电视台综艺频讲推出的一档齐新的相亲类节目,区分于国际省级卫视播出的一切相亲节目外形,周一至周六播出演播室内相亲佳宾的自我推介, 独身男女走上荧屏,经由进程毛遂自荐、征婚要供,亲朋
时尚《变形计第十三季》最新一期,选散残破版下浑正在线没有雅不雅旁没有雅不雅
《变形计》是一档大年夜大年夜型糊心足色交流节目。节目以记载片减真人秀情势推出,号称“重逝世态记载片”。那档节目结合当下社会热面,寻寻热面中的当局人物,安排他们遏制交流人逝世,...
反驳 支持