微信改版：关于浮窗和返回键变更的思考

文/火炬

5 月 23 日iOS 用户可以升级到最新版本微信，Android用户也可用通过微信的内测文章下载微信测试版。与以往大多数小功能迭代不同，微信这次改动可以说是较大版本更新。

以下为详细更新点：

• 公众号文章可以以「浮窗」形式存在在界面上；

• 朋友圈个人主页头部取消了黑色的导航栏，改成透明栏；

• 公众号主页和文章阅读页顶部导航栏改为了白底；

• 文章阅读页返回键由“<”修改为“×”；

• 发送图片、视频等发送按钮修改成了文字按钮；

• 朋友圈上滑浏览时，顶部导航栏缩小；

• ……

任何设计层面的改动都是在解决产品中的问题，我们重点讨论第 1 和第 4 更新点，看看微信团队是如何来解决了产品中的问题点。

第 1 点：公众号文章可以以「浮窗」形式存在在界面上

首先「浮窗」从表现形式上与Android上的浮动按钮一致。浮动按钮material design 规范定义为：浮动按钮一般是产品中最重要频率最高的操作，浮动按钮是为了更便于操作。就像一个圆形的图标漂浮在界面上，它会在聚焦时改变颜色，在选中时改变空间高度。按下时，它可能会包含更多相关的操作。

而微信此次重新定义了浮动按钮，「浮窗」没有点击状态，不承载操作，只作为一个文章链接。浮窗的样式也是根据微信公众号的头像来决定。小小的「浮窗」却承载着至关重要的作用。

先从交互层面上分析一下「浮窗」，首先假设一个使用场景，今天自己喜欢的订阅号推送新的文章，看到一半觉得这篇文章写的很好，发送给好友看看并且想好友讨论一下。

原流程我们得这样做。（以订阅号的文章为例）

• 一旦关闭文章，必须重新回到订阅号聊天框中找到该公众号，重新打开文章。流程繁琐复杂，不断重复之前的操作流程。中途关闭文章十次，那就得重新打开十次。（现在在这种碎片化的世界中，很难专注一件事很久，特别是在手机这种移动场景下。很容易就被打断或者被其他事物吸引走。所以这种频繁关闭文章，打开文章的操作肯定会频繁出现。该问题严重影响公众号文章的阅读完成率。）

• 公众号的使用场景和好友聊天的使用场景是断开的，没有链接在一起，容易导致频繁重复操作。

为了解决这个问题，微信团队使用「浮窗」来作为链接公众号阅读文章场景和好友聊天场景这两个使用场景的衔接器。