微信8.0改版！聊聊那些润物细无声的细节体验设计

这几天朋友圈被微信的 8.0 彻底霸屏了。

我也赶紧更新了微信，看看到底有哪些惊喜的功能，一开始是冲着炸弹、烟花去看的，但是由于这种形式之前微信里就已经有这个雏形了：发送“生日N 2 : : T W D快乐”会有蛋糕飘下，而且现在游戏、直播App 中这种形式也已经非常常见，只Y J F i m L { U不过多了一个震动的体验，所以并没有让我特别的惊P u @喜…

但是！趁着休息日，我又认真的体验了新版本，真的让我惊艳到了！所有的感受聚集在一起就是：润物细无声！

根据改版中的变化，我总# C s N A 3 v结了几个重要特点：

• 设计越来越温暖人心
• 细节互动体验越来越精细
• 简化用户思考，引导明确目标
• 浏览信息更加友好

设计越来越温暖人@ V f _ 3 B t 0心

1. 引导页

首先来说说引导页，x W w Q z Q [ U U微信作为全民应用，一直有自己的调调，看似简单却引人深思，比如微信 6.3.5 的引导页：

微信 8.0：

而这次除了整体保持以往的调调之外，还增加了「随机」动态效果。在这里我特意标注了「随机」俩字，因为除了刚下载后打y j H c开可以看到这几页之外，微信在「设置-关于微信-欢迎页」中仍保留了查看的入口。而我无意中点了两次居然发现了其中的惊喜：每一次点进去颜色居然都不一样，因为这个我还特意尝试了十几次，前几次的颜色跟我看到的环境的颜色都非常接近，我当时脑海中就闪现出一+ } M ] ! 个想法：我看见 你看见的！难道是根据用户看到的环境色而变换颜色0 g L d的么？不过最后几次并没有验证我这个想法，虽然有点小失望，但是随机变化颜色，已经说明团队非常用心了，大家也可以( + % P ~去尝试玩一下，真的是把颜色运用到了极致。

有没有被美到呢！我们再来U / E O = M . 1看下文案：

我看见你

我看见笑脸

我看见烟花

我看见一首歌

我看见你所看见9 . $ D的

满满的都是生活中的细节感受，尤其是在生活节奏越来越快的今天，这种文案更能触动人心，引起心中的温暖向往，而通过最后一句我们可以看出微信今后的战略方向——r I A视频号，也算是为视频号的大力发展做了一个) ( z h o铺垫。

2. 个人状态功能n T ( V f 9 i k

个人页面增加了「状态」的功能，越来越贴? $ z近现实i G t生活的场景g ! 0 Z j，而右上角的拍摄小视频则被收在了「状态」里边。

其中有两个细节惊喜：

状态的颜色是随机的，设计的理念跟引导页一f H p b – , { m 7样，点击「状态」按钮进去后，颜色都不一样，不同的渐变颜色总会给到不一样的惊喜感觉，让用户眼前一亮

另一个细节不知道大家[ N T &有没有注意到，, v m ) v ( j那就是「状态」按钮的颜色，一开始我点击了几次= , ~ * i g f 8，发现按钮颜色不一样，但是非常微妙，不仔细去看很难发现，后来才找到了规律，原来，按钮的颜色是跟里边页面颜色是一致的，如果点击之前按钮是蓝红渐变，点进去就会是蓝色跟红色的渐变色！从这个细节可以看出，微信研发人员的感情是多么的细腻呀，佩服！

不过在这里我想提几个优化意见：n w Z / H K

编辑状态中必须要写完文字才可以发布，这样就增加了用户发布状态的负担，一开始我点击「美滋滋」，以为就会直接发布这U N # B o个状态，但是没想到v N {还得写文字，就产生了一点抵触心理；如果还是想要让用户填写文字，那么是否可以在「话题」下方给到一些文案提示呢，U q P 8 7 D t F e比如“我很开心、美滋滋”等一些有代表性的文案，这样也减轻了用户思考的负担，而「话题」这个也比较鸡肋，还不如直接在下方罗列出热门话题，这样给用户直接的选择更好。

加入动f [ A # V P ~ &态效果会更好：比如我选择了「美滋滋」后，朋友到我主页去看时，这个笑脸会动态的笑一下，是不是会更加形象有趣呢。

状态可见功能中，Y r Y 1 ! 4 7只有「公开」或者「不给谁看」，我觉j k x + [ d得是否可以增加一个「给谁看」，当然这是我个人的需求，因为现在微信好友其实并不是真正的好友了，有些所谓的「好友」都不知道名字，像是文字状态无所谓，但是拍的生活视频，就会只想给最亲的人看到，那么「不给谁看」的人数实在太多了，还? s ^ * R得一个个去选择，有点麻烦。

状态发布成功后是否可以有编辑状态的功能；使K B S J 用场景：我拍了视频发布成功后，想起刚刚忘记加模糊效果了，想着编辑一下，但是一点击状态出现的弹窗中只有「设个新状态」和「结束状态G $ g & L q Z V 」，所以只好重新又拍了一个，增加了使用负担。

细1 # . E L u J #节交互体验越来越精细

1. 在丰富视觉效果的同时，加入了触觉振动反馈

视觉上

比如刷爆微信群的炸弹、烟花、庆祝等的视觉效果，而且其他自带表情在优化了样式的同时也都添加了动效效果，视觉上更加震撼，也迎合了现在人们沟通的表现方式；另外还有我上面讲的状态页面的视觉设计，表现形式越来越细腻，在这里我就不复述了。

触觉反馈

其实随着在 iOS 13 Haptic touch 的出现，个别 APP 也加上了一些触觉反馈效果，比如网易新闻的底部标签栏图标与点赞——点击图标会有触觉振动反馈，另外还有腾讯新闻的底部标签栏等等。

在我们五官感受中，z % W z I跟互联网产品连接最紧密的就是视觉、听觉、触觉，而触觉能够传递的信息B X A 6是最受限E ^ T ? ) Y * z ,的，通常只有视觉信息的 1 %。但是，触觉对人o r y Y 0 ~ ^ o类的情感体验来说又是不可或缺的，更贴? f n 9 F + D X 近生活中最真实的互动。所以丰富视、听效果之外、触感的体验也越来越重要。这次微y R W , d `信的触觉反馈的添加，也引导了产品体验今后发展的方向；

下面我们看看微信触觉反馈的具体应用：

表情互动中的炸弹，发送一个，随着爆炸效果手机就会产生振动，互动感知更强。不过我好奇的是为什么只有发一个会有爆炸效果，而发多个数量就没有呢，来个一连串的轰炸体验岂不是更好？不知道大家有没有常发这个表情，像我一般就会发连续好几个或者连续好几个菜刀，感觉这样更能表达我当时的心情p | ^ ]。5 B L X R X r ] r

常规页X } % s r 5 N 7 j面的运用：首E E f o M A页下拉刷新页面、扫完二维码会有触觉感知、浮窗页面拉出同时会有震动的触觉、点赞= R ] v o朋友的状态也有感知

2. 同状态朋友之间的互动加强

例如我的状态是「美滋滋」，朋友中相同状态的就R S n T ,会显示在笑脸的右侧，点击就会进入「美滋滋」的列表页面，可以点赞朋友的动态，Z S 8强化了朋友间的互动关系: / M = Z O Z `，而且这种同状态下的互动，会更加感同身受，更具有意义。

3. 聚焦重要信息

不知道大家有没有注意到状态发布成功后，个人信息与状态之间有一条浅浅的分割线，从这个分割线也可以看出微信团队的细节体验非常到位，分割线以上点击任何地方可以编辑信息、分割线以下点击任何地方则可以编辑状态，通过交互来减少不必要的元l p & U 0 4 +素，不但保持页面美观的同时，也让用户更聚焦在重要元素，而并不是在页面罗列出一个常规q 8 M 0 , T D f :的「编辑状态」按钮。

简化用户的思考，帮用户明确目标

「看一看」中热点广场去掉了要闻，而是以大卡片方式增加了「今日必看」

这让我想起了之前看过的《史玉柱自述》中史玉柱所讲的“用户需求的八字方针”中的“目标”需求：

对玩家来说，在任何一个时间节点上，都应该有目标；在任何一个时间节点上，都B R G 0 l n n应h B % T @ e Z该短中长期目标三者同时存在。玩家一旦失去目标，那就是非常危险的。《史玉柱自述》v 9 1 f

虽然这句话并5 / * # N q (不是完全适用W L Z $ T w 7 r所有产品，但是，我觉得“目标”这个需求在现在社会还是有很强的引导作用的，而「今日必看」的目标性就非常明确，会强化用户有事可做的心理，无形中增加了「看一U O 9 D @ Q看」这个功能在用户心中的分量感。

对获取信息的用户更加友好

1. 浮窗没有数量限制了

首K 6 ; y D A先跟大家说下我之前使用微信的习惯，微信对我来说其实已经U L , @ i p不仅仅是一个保持联系的工具，它更像是一个知识收集平台；在微信上除了公众号获取信息之外，E M L d ) %全网看* @ ? F A t – 2 &到的优秀内容我都会把链接转发到微信，没有看完的会收到浮窗中，看完后觉得挺不错就会收藏。一开始用浮窗的频率还挺高，但是后# ? t O B S #来使用就很少了，主要是因为有 5 个的数量限制，每次我拖一个进来之前先关掉一个，但是我都没看完，怎么办呢，先弄到收藏再看，所以后面我干脆就不用浮窗，直接收藏，免得麻烦。但是收藏就有一个弱点：就是隐藏太深，每次要点击好几层才能点开文4 & L & H ) |章阅读。

所以，浮窗取消数量限制对于我来说真的解决了一个大痛点，对于像我这样的用户简直太友好了。

2. 下拉刷新( 0 G k _浮窗内容升级

下拉刷新浮窗新增加了未看完的视频和文章，这一点看出对获取信息的用户更加友好、便利，不过我个人觉得是不是跟右侧# Y 0 B k 2 7 a的浮窗功能有些重合了，所以对我来说可能使用频率不会很高。

好啦，以上便是我体验 8.0 的一些感受，欢迎大家继续补充哈

本文首发于微信公众号：胖小魚设计小栈，欢迎关注