Android Design版微信首度亮相:这是微信的一小步,或成为规范Android应用UI设计的一大步?

36氪  •  扫码分享
我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  
coldsummer17 •

Android Design版微信首度亮相:这是微信的一小步,或成为规范Android应用UI设计的一大步?

“也许将来有一天Android的系统UI完美到令人信服,我们又会专门为它设计一套Android版的UI。”——By AllenZhang

这是很早以前张小龙在知乎上回答“微信为什么要在 Android 上采用和 iOS 完全相同的界面,并将之作为一大宣传点?”的原话,但直到Android版微信5.2内测版的推出(需要通过“应用宝”手机客户端安装),Android用户才等来了这一天。

新版微信在功能上和我们之前曝光的信息大致相同,长按语音消息,可以转换为文字来阅读、升级了“我的银行卡”的UI界面、在群聊中被人@,会收到提醒......除了功能外,更大的亮点在UI界面上的变化。新版微信采用了Android Holo设计规范,更加极致简约,去掉了之前的立体和阴影等视觉效果,整体UI风格趋于扁平化。

主界面中原本位于界面下方的“聊天”、“发现”、“通讯录”被平移到了屏幕上端,并且可以左右滑动屏幕进行切换。其中,“发现”里除了原来的“朋友圈”、“扫一扫”、“摇一摇”、“游戏”等功能,还新导入了“表情商店”。

p3

原本位于屏幕下方的“”则被整合到了右上角的“更多”中,点开后可查看“我的相册”、“我的收藏”以及“我的银行卡”等。屏幕右上角整合了“搜索”、“”、“更多”三大功能。

其中“”集成了用户常用的或者微信想要重点推广的功能,除了可以像以前一样“发起群聊”,还新增了原版微信“通讯录”内的“添加朋友”功能,以及“视频聊天”、“扫一扫”、“拍照分享”等功能。

搜索”功能则可以跨板块搜索,将原版微信中“聊天”与“通讯录”板块里内嵌的独立搜索功能合二为一,用户既可以搜索“通讯录”中的联系人也可以搜索聊天记录。

消息输入框也有小幅调整,除了采用更加Android的设计规范外,还将表情菜单直接嵌入到了输入框中。用户在输入框内输入文字时,“”会自动隐藏,变成“发送”按钮,也就是说,用户输入文字时只能添加表情符号,不能同时调取图片、视频或使用其他功能。

p3

另外在“我的银行卡”界面中,除了界面设计更扁平化,有从Holo Dark到Holo Light的风格变化,功能键调整后界面更整洁之外,其中囊括的支付场景跟原版相比并没什么变动,依旧包括“手机话费充值”、“理财通”、“嘀嘀打车”、“电影票”、“精选商品”等九大入口,据了解微信还会在此基础上进一步增加其他产品和功能。

p6

据张小龙在知乎上透露,微信的头几个Android版本,其实是单独做了一套符合Android规范的UI的,但因为Android平台没有统一的规范(标准控件也相对不漂亮),所以几版下来一直觉得不满意,索性直接套用了iOS的UI设计,不仅开发进度比较快,而且教育用户的成本也会相对低很多。

但为什么现在又突然放出了Android Design版本的微信呢?据我们了解,微信内部也就Android Design的版本讨论过无数次,不久前我们得到的消息是微信内部已经毙掉了这一版本的微信,但不知为何还是放出来了。不过据腾讯透露,目前也只是在小范围内测中,最终上线的版本会不会采用Android Design还没有最后确定。不过我们可以根据张小龙之前的回答,做一些简单的猜想:

首先是当初微信团队的资源有限,一边快速开发迭代iOS版本,一边设计Android规范的UI,整体跟上节凑非常困难,而现在微信团队已然成为腾讯最核心的部门,最不缺的就是资源;

最早微信采用iOS的UI设计,可以很低门槛的获取用户,而重新设计一套UI规范对于用户而言学习成本还是太高。据我们之前了解到的一组数据,微信在国内Android用户中的渗透率已经高达90%,微信已经具备足够的底气来挑战用户的使用习惯。

另外最重要的一点,Android 4.0之后,Android Design逐渐成熟,基于Android系统的APP设计规范开始逐渐明确。从Android 4.0开始,为了统一Android平台上APP的设计风格,Android推出了两款系统主题:Holo Light和Holo Dark,在界面设计上追求简约。Android 4.0以后的手机系统内集成有Holo Theme的控件,开发者通过直接调用这些空间,就能设计出Holo风格的应用,和原生系统风格很一致。

p9

在Android 4.X时代,国外各大互联网厂商纷纷按照Android Design重新设计自家应用,安卓版微信照搬iOS UI设计的做法已经无以为继。新版微信从头至尾的一个使用感受是,它虽然比之前的版本要Android不少,但离真正的Android Design还有不少的差距,也从侧面可以看出微信是在逐渐做调整,而不是一蹴而就。至于完全采用Android Design的微信可能会是什么样子,我们或许可以参考之前非常火的《Android Design in Action — 以微信为例》一文,作者用非常规范的Android设计语言,彻底重构了微信,我们节选了几张效果对比图,大家感受下:

主界面

Navigation Drawer & 发现

通讯录

聊天界面

[36氪原创文章,作者: coldsummer17]

  • 28
  • 发送长微博
  • 分享到微信
coldsummer17

coldsummer17

作者

文章评论(0)

请回复有价值的信息,无意义的评论将很快被删除,账号将被禁止发言
登录 后参与讨论
提交评论

随意打赏

提交建议
微信扫一扫,分享给好友吧。