恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
面试官让你对比两个APP如何破?生活圈与朋友圈点评
0.0°
2015-11-18 好文转载 经验/观点 原作者: @tiah 举报 7738 73 64 8

面试官让你做产品分析时候可以借鉴下哈,现成的。

前几天支付宝提示更新9.2版本,点开一看,果然不出所料,增加了朋友圈功能,叫做“生活圈”。虽然名字不相同,内容却一样。支付宝又向微信再靠近了一步,这对爱恨缠绵的CP终于要喊出那三个字:求合体!产品的战略我不去揣测,作为一个美工,我来谈谈它的交互和视觉。打开支付宝进入首页,呃...变化有点大...幸好我有所传闻提前做好了准备才没有摔倒。顶部账单移至左上,右上新增三个图标,我想打败微信的终极秘密武器生活圈一定就在这里!以我敏锐的直觉判断,应该是第一个图标,点击进入...嗯?是通讯录!返回...嗯?是生活圈!不是返回到首页吗?没有一点点防备,也没有一丝顾虑,你就这样出现。我实在无法理解首页增加通讯录入口的意义。即使是微信,用户也很少进入通讯录。给好友转账?不,首页有转账的icon入口;找基友聊天?不,Tab bar上的朋友入口才是常用的聊天列表。那么一定是加黑名单,上次借我5毛钱不还,不跟你做朋友了,哼!所以我认为,首页右上的通讯录不但然并卵,而且增加用户的认知负担,导致对生活圈入口的记忆混乱。

Image title

Image title

吐槽完首页交互,再来看视觉,这次我加入与微信的对比:生活圈(朋友圈)入口

Image title

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

Image title

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

Feeds流页面Image title

创新一

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

Image title

创新二

打赏红包支付宝生活圈将社交元素执行地更加彻底,在现场界面中,在现场的用户可以发送视频或照片,不在场的用户对其打赏和评论,增加的打赏和弹幕功能,虽然都是老生常谈,但对于一成不变的微信朋友圈却给用户眼前一亮的感觉。顺便提一下,现场的交互逻辑并不是很清晰:右上的相机只有在现场的用户才能操作,所以不在场的用户界面是否置灰更好?或者以文字方式展示,比方“发直播”。

Image title


现场视频之间的切换没有任何信息展示,用户不清楚该段视频多长、也不知道后面是否有其他视频、不知道如何切换。如果在左下的现场直播用户头像加上播放进度,可能会解决这些疑惑。

录制视频

Image title

对比两者的录制视频界面,都是采用长按的方式录制画面,支付宝在长按过程中因为手指遮挡了录制进度,使得用户无法感知是否成功录制和录制时长。抛开录制画面尺寸不谈,用户体验上微信做的更好。

Feeds流

Image title

Feeds流设计,两者几乎一样,支付宝接着农夫山泉微信。作为创新功能的打赏也出现在这里,目测以后就常常会出现这样的情况:

Image title


值得一提的是,每次打赏不超过1块钱,如果你非要任性也不拦,但最多也只有200。这样的人性化设计,已经在微信上得到认证,道理大家都懂。

Image title


体验发一篇生活圈(朋友圈)Image title

支付宝生活圈把大象装冰箱拢共分几步,三步。第一步,拍照上传;第二步,选择朋友可见;第三步,发送。

Image title


开心的是生活圈没有像朋友圈那样对图片进行压缩,显示了原始图片,赞一个。微信之所以没有这样做,目的是减少流量,因为在三四线城市2G网络较为普遍。看到这里,可能大家都会觉得支付宝还不是全都农夫山泉微信。互联网时代,衍生了一个新词叫“微创新”。不得不说,支付宝9.2版本做到了微创新,虽然界面上还是很像。

最后的话支付宝就像一个顽皮的男孩,一直大胆地尝试各种变化去讨好喜欢的女孩;而微信则像一个成熟的男人,沉着且冷静,小心翼翼地增加着功能,以不变应万变(一张闪屏用了好几年)。没有谁好谁坏,不管怎么样,支付宝和微信都给我们的生活带来了巨大的变化和便利,我们为此感谢。如果有一天,我们能相见,支付宝会说:爱过!


Image title


更新:2015-11-18

收藏

73人已收藏

小浩哥

UI设计交流群1群已满,请加490301703.

  • 128

    作品

  • 2812

    粉丝

  • 15

    关注

  • 小浩哥全栈UI设计闲暇训练营学员作品(IP设计阶段部分)1
  • 京东设计师公益课-“零基础学会C4D"
  • 2020,小浩哥训练营学员作品
  • 大咖导师“零基础教你玩转电商c4d”

    猜你喜欢

      2015-11-18 好文转载 经验/观点 原作者: @tiah 举报 7738 73 64 8

      面试官让你对比两个APP如何破?生活圈与朋友圈点评

      0.0°

      你确定要举报面试官让你对比两个APP如何破?生活圈与朋友圈点评

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年11月18日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      64
      73
      8

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录