公众账号

二维码 微信扫描关注

当前位置:首页 > 技术文章 > 前端开发 >

支付宝生活圈大战微信朋友圈之交互视觉点评

不写简介行不行啊:)

前几天支付宝提示更新9.2版本,点开一看,果然不出所料,增加了朋友圈功能,叫做“生活圈”。

虽然名字不相同,内容却一样。支付宝又向微信再靠近了一步,这对爱恨缠绵的CP终于要喊出那三个字:求合体!

产品的战略我不去揣测,作为一个美工,我来谈谈它的交互和视觉。

打开支付宝进入首页,呃...变化有点大...幸好我有所传闻提前做好了准备才没有摔倒。

顶部账单移至左上,右上新增三个图标,我想打败微信的终极秘密武器生活圈一定就在这里!以我敏锐的直觉判断,应该是第一个图标,点击进入...嗯?是通讯录!返回...嗯?是生活圈!不是返回到首页吗?没有一点点防备,也没有一丝顾虑,你就这样出现。

我实在无法理解首页增加通讯录入口的意义。即使是微信,用户也很少进入通讯录。给好友转账?不,首页有转账的icon入口;找基友聊天?不,Tab bar上的朋友入口才是常用的聊天列表。那么一定是加黑名单,上次借我5毛钱不还,不跟你做朋友了,哼!

所以我认为,首页右上的通讯录不但然并卵,而且增加用户的认知负担,导致对生活圈入口的记忆混乱。


如果将首页右上的通讯录去掉,我会对界面做一点点的减法:


吐槽完首页交互,再来看视觉,这次我加入与微信的对比:

生活圈(朋友圈)入口


抛开头部和底部,左边支付宝是聊天列表,所以列表较高,以满足信息排版的需要;右边微信是普通列表,和设置列表高度相同,目的是在一屏展示更多内容,提高阅读效率。

两者的入口icon都是以相机镜头为元素,生活圈精致华丽像logo,与聊天列表能够协调;朋友圈简洁干净像icon,与其他列表风格保持一致。

Feeds流页面


创新一

现场直播

两者Feeds主页结构一致,都分为三部分:头部、banner(姑且叫做 banner)、Feeds流。不同之处是左边支付宝增加现场直播功能,所有用户都能参与和互动。相比较微信朋友圈封闭的熟人社交,这也是支付宝生活圈的 创新之一;而右边微信只是一张背景图,占去了非常大区域的黄金位置,略显单调。像是我裤子都脱了,你天天就给我看这个。


创新二

打赏红包

支付宝生活圈将社交元素执行地更加彻底,在现场界面中,在现场的用户可以发送视频或照片,不在场的用户对其打赏和评论,增加的打赏和弹幕功能,虽然都是老生常谈,但对于一成不变的微信朋友圈却给用户眼前一亮的感觉。

关于 商务 项目 联系 友情链接网站地图 Copyright ©-2018 UiBQ版权所有(http://www.uibq.com)