从交互角度分析微信改版

本文主要从交互设计的角度去分析微信此次的改版变动，希望能对大家有启发~

前言

就在昨天，微信大版本更新，从6.4.7→7.0，本文从交互角度分析此次微信更新。

一、界面改版

• 整体比以前舒服了许多，之前的灰色脑袋终于去掉了，一下感觉微信变得轻快了许多，整体的视觉美感要高于旧版本。
• 再看图标的变化，主色明度稍有降低，显得更轻快，但是少了一些稳重感。为了平衡稳重感及长期使用的舒适感，底部标签、聊天ICON等都有整体加粗，加深。
• 列表整体宽度、聊天消息高度、文字大小、都在加大加宽用户点击起来更加舒服。
• 【我】【发现】面性图标改为线性图标，与文字与底部标签一致性高，更利于阅读。

1. 界面改版总结

• 优点：内容更加清晰、直观。整体一致性完整，更加美观。操作感更强，操作更方便。
• 不足：顶部标题栏上的按钮反而缩小了一点点，虽然点击区域还是很合理，但是因为其它地方整体的变大，顶部点击时的舒适度稍有不足。

整体改版还是很成功的。

二、好看【看一看】

公众号文章，下发本身的“点**”改成了“好看”

这个改动大家可以简单的理解为：对公众号文章多了一种类似于微博的转发方式。

但是区别在于，这里是：点**+转发=“好看”，然而这个入口就是“看一看”。“看”与“看”的联动，使人更容易记忆。（其实和很多APP“我喜欢的、我**过的”基本类似的功能。）

1. 优点

1. 增加分发，提高公众号内容传播。
2. 用户可以更快的找到自己喜欢的文章，而不是在收藏中寻找查找。
3. 可以和朋友产生共鸣，寻找共同喜好，增加粘性。

2. 缺点

1. 个人感觉，点**的功能还是应该保留。可能**有一部分用户不希望把自己喜欢的内容分享在看一看里面的。同时点击“好看”的成本要高于“点**”，目前还是需要2步操作的：好看→输入想法→确定。
2. 点击“好看”后的提醒：朋友将在看一看看到；其实我根本不知道看一看这个东西。文案改成“朋友将在发现中的看一看看到”**更好些。
3. 取消点击好看，还**给出这个取消+删除的提示；相当于一个点击就把用户的分享/想法直接删除掉，个人感觉非常不友好。

3. “好看”总结

“好看”功能应该是微信探索摸索的一个功能，目前看来细节上可能存在一些不足。

但是这种探索的方式，我们可以吸取一些思路，在一个功能已经非常成熟的APP中，我们在做交互时，应该如何寻找一些联动关系，以及一些交互方式。做到小改动，大影响。

三、时刻视频

“记录眼前的世界，给朋友的视频{冒个泡}，告诉他你来过”这是更新说明中的原话。首先目前来看，这个【时刻视频】是和其它短视频有区别的，因为在微信中，所以不同。

时刻：多个每个存在一天；主要针对朋友、群聊朋友。

短视频：多个永久存在；针对大众。

其实这是一种完全新的方式，也是微信从自身聊天功能的基础上对于短视频的一种探索，在聊天中嵌入短视频：聊天+短视频=时刻。在群聊天页面，打开时刻，就感觉在**抖音，只是少了互动，可能后期**增加吧。

• 入口：发起功能入口在我>拍摄，这个时刻相当于个人主页的顶部背景（能播放视频背景）所以入口放在这里还是比较合适的。
• 提醒：这个提醒我觉得就有些粗糙了，并没有告诉朋友在哪里可以看到。而且发布完就加了个背景，然后就没有了。我觉得这里的指引还是不够的，只是要告诉用户在哪里可以看到。

我们看下创建这个视频的过程：

1. 添加表情

当你点击一个表情时，**在页面上直接反馈出来，同时收起选择浮层。交互方式简单粗暴，使用方便。（这里可以用自己的表情包，我觉得是真的很强）

2. 添加文字

因为添加文字与表情不同，表情只需要选择一步。但是文字需要编辑、确认2步。这里的处理是加了一个蒙层，然后在中间输入内容，使用蒙层是为了让用户更好的预知添加后与视频的结合效果。

但是如果未输入文字、直接收起键**，这种情况下，点击下方的所有按钮是没有反馈的。（开始我在这个页面懵逼了很久）建议给个默认内容，或者对应首次使用给出一些小提醒，避免让用户不知所措。

这个地方竟然还有BUG。BUG。BUG。最下方的“拖动到此处删除”？？？我还在这里拖了半天，发现什么都拖不了。

3. 添加音乐

点击音乐图标，自动播放音乐，也代表着已经自动添加。这里存在几个节点：用原生/不用原生；用配乐/选择配乐/不用配乐。

那么问题来了，选择配乐的指示远远不够，开始我并不认为是直接把音乐加上了；从视觉上看，左右滑动仅仅用于切换，并没有给出是选中当前音乐的信息传递。

添加表情右下角有一个收起的按钮，添加音乐却没有这样的提示、也没有完成的按钮。是点击上方空白处，收起选择音乐。（这里并没有蒙层，如果上方被元素填满，那用户**不**以为自己要点到其它元素上？）

从流程交互上讲：添加音乐和添加表情应该保持统一，为什么还弄出两种截然不同的形式？

4. 添加地址

添加地址与添加文字交互很相似，也和之前聊天发送地址一致，这里就不截图说明了。

下面我看下生产好的小视频。

1. 我的成品

左下角的圈圈对于刚发布**好的我，一直不知道是啥，还点了半天，瞎玩了一**儿。后来才知道这个是好友用来点**的……

2. 群的入口

这个没什么说的，点击之后直接进入群成员的时刻世界里，很有**抖音的感觉。

3. 朋友圈入口

头像双击直接打开视频……这个没人说，我真不知道，毕竟一般在APP上没有这种操作

头像单机可以打开用户信息页，下拉也可以查看小视频。

4. 时刻视频总结

这可能是微信在探索：聊天+短视频，一种新的用户概念。第一版本相对细节处理的不是很恰当，希望日后可以优化。

四、其它细节优化

1. 强提醒

因为微信内容多，信息量大，信息垃圾多，为了处理这些信息过多的困扰。从 消息免打扰》消息置顶》强提醒。通过对应不同场景的优化，还是非常实用的。

2. 拍自己表情

这个功能也很实用，降低用户制作表情成本，再也不用小程序、或其他APP去完成了。

3. 支付页面

支付页面把银行卡收起来了，这个银行卡的入口本身优先级是很低的，之前摆的那么明显，是为了微信支付的扩张，增加更多绑卡用户。其实这个入口早就应该藏深一点儿了，毕竟支付功能的用户早就已经到达一定量级了。

其它的相关细节就不展开了。

总结

我们可以看到微信对于一些新的交互方式，以及一些形式上的不断探索，是值得我们学习的。本次整体改版还是非常成功的。期待后期微信对“看一看”“时刻视频”这两个新的拓展功能，有不一样的探索。

作者：Booze-kai（包子凯），一个来自草原的野生交互设计师，原华为CCO交互设计师，从事过吉利汽车，中广核的相关设计工作

本文由 @Booze-kai 原创发布于人人都是产品经理。未经许可，禁止转载。

题图来自 Unsplash，基于CC0协议。

给作者打赏，鼓励TA抓紧创作！

**赏

5人打赏