高端H5电商设计公司了解价格
微信联系
QQ联系
微信联系
手机联系

从交互角度分析微信改版

发布时间:2019-01-02
发布者:eidea
浏览次数:521
就在昨天,微信大版本更新,今天我们从交互设计的角度去分析微信此次的改版变动,希望能对大家有启发~


一、界面改版

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

1. 界面改版总结

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


二、好看【看一看】

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

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

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


1. 优点

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


2. 缺点

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

3. “好看”总结

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

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


三、时刻视频

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

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

短视频:多个永久存在;针对大众。

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


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


1. 添加表情

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

2. 添加文字

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

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

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


3. 添加音乐

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

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

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

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


4. 添加地址

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

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

1. 我的成品

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


2. 群的入口

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


3. 朋友圈入口

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

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


4. 时刻视频总结

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


四、其它细节优化

1. 强提醒

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


2. 拍自己表情

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


3. 支付页面

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

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


总结

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


 
作者:Booze-kai(包子凯)

网站案例欣赏

天禹文化

响应式企业官网

宝亿莱软装设计

企业官网

韦格斯杨

室内设计公司企业官网设计