微信的设计之道:用户体验

247 阅读4分钟

01 二次确认的微创新

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

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

二次确认是在第一次的基础上延展,距离几乎为0,同时,目标按钮的宽度也增加了几倍,大大提升了交互效率

02 互动体验广告

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

  1. 开放首条评论

首条评论功能让品牌像朋友一样与大家对话,利用明星效应,从而带动更多人参与评论,有效提升评论区活跃度和广告点击率。 以刘雯发布的朋友圈广告为例,大表姐把手机交到你手中,并在首条评论中邀请你帮她拍照。数十万用户积极回复刘雯,评论率高于历史均值40倍+,“你这么漂亮怎么拍都好看”、“天天给你拍”,大表姐的魅力折服了众多用户,有效提升了品牌的亲和力与好感度。

03 提供反馈信息

当你双击朋友圈好友的头像会左右晃动,并且会有Failure的震动反馈,动画和震动节奏完美匹配,这个体验就像你解锁iPhone输错密码时的震动一样。我们做产品设计也一样,对于用户的操作,应当给予清晰明了的反馈,帮助用户更好的理解信息。

04 跨平台能力

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

05 语音实时翻译

最近的微信更新了,除了引入深色模式之外。值得一提的是,语音消息的交互体验得到了优化,上滑转文字更方便了。 此前的方式是按住说话,滑到转文字按钮,说完松开手指后,才把语音解析成文字。现在交互则少了一步操作,达到了实时边说边转文字的功能。别小看这一步界面上的优化。

06 锚点定位

微信有很多隐性和显性的锚点,隐性锚点就比如你打开的这篇文章,关闭后,再重新点进来,还是显示上次阅读的位置。 显性的锚点就比如下面这个:当你刷公众号列表时候,如果有新文章更新,标题栏会出现一个锚点按钮,点击它让你快速回到顶部,方便查看最新文章。基于此,在新版微信朋友圈中,添加了一个(跳到还没有看的位置)。很多信息流产品是往下刷内容,直到给你一个分界线提示:下面内容已经看过了。而微信这是一个逆向操作,我认为这个功能还是很有必要的,因为经常会有刷朋友圈刷到一半聊天退出去,当回来查看朋友圈时,需要重新拉到底部,费时费力。

总结

在微信的产品设计中,我们看到了交互的细微迭代和背后的技术突破,让创造者体现价值,这就是微信的设计之道。