微信的一小步,或成为规范Android应用UI设计的一大步?
“也许将来有一天 Android 的系统 UI 完美到令人信服,我们又会专门为它设计一套 Android 版的 UI。”——By AllenZhang
这是很早以前张小龙在知乎上回答“微信为什么要在 Android 上采用和 iOS 完全相同的界面,并将之作为一大宣传点?”的原话,但直到 Android 版微信 5.2 内测版的推出(需要通过“应用宝”手机客户端安装),Android 用户才等来了这一天。
新版微信在功能上和我们之前曝光的信息大致相同,长按语音消息,可以转换为文字来阅读、升级了“我的银行卡”的 UI 界面、在群聊中被人 @,会收到提醒...... 除了功能外,更大的亮点在 UI 界面上的变化。新版微信采用了 Android Holo 设计规范,更加极致简约,去掉了之前的立体和阴影等视觉效果,整体 UI 风格趋于扁平化。
主界面中原本位于界面下方的“聊天”、“发现”、“通讯录”被平移到了屏幕上端,并且可以左右滑动屏幕进行切换。其中,“发现”里除了原来的“朋友圈”、“扫一扫”、“摇一摇”、“游戏”等功能,还新导入了“表情商店”。
原本位于屏幕下方的“我”则被整合到了右上角的“更多”中,点开后可查看“我的相册”、“我的收藏”以及“我的银行卡”等。屏幕右上角整合了“搜索”、“十”、“更多”三大功能。
其中“十”集成了用户常用的或者微信想要重点推广的功能,除了可以像以前一样“发起群聊”,还新增了原版微信“通讯录”内的“添加朋友”功能,以及“视频聊天”、“扫一扫”、“拍照分享”等功能。
“搜索”功能则可以跨板块搜索,将原版微信中“聊天”与“通讯录”板块里内嵌的独立搜索功能合二为一,用户既可以搜索“通讯录”中的联系人也可以搜索聊天记录。
消息输入框也有小幅调整,除了采用更加 Android 的设计规范外,还将表情菜单直接嵌入到了输入框中。用户在输入框内输入文字时,“十”会自动隐藏,变成“发送”按钮,也就是说,用户输入文字时只能添加表情符号,不能同时调取图片、视频或使用其他功能。
另外在“我的银行卡”界面中,除了界面设计更扁平化,有从 Holo Dark 到 Holo Light 的风格变化,功能键调整后界面更整洁之外,其中囊括的支付场景跟原版相比并没什么变动,依旧包括“手机话费充值”、“理财通”、“嘀嘀打车”、“电影 票”、“精选商品”等九大入口,据了解微信还会在此基础上进一步增加其他产品和功能。
据张小龙在知乎上透露, 微信的头几个 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 风格的应用,和原生系统风格很一致。
在 Android 4.X 时代,国外各大互联网厂商纷纷按照 Android Design 重新设计自家应用,安卓版微信照搬 iOS UI 设计的做法已经无以为继。新版微信从头至尾的一个使用感受是,它虽然比之前的版本要 Android 不少,但离真正的 Android Design 还有不少的差距,也从侧面可以看出微信是在逐渐做调整,而不是一蹴而就。至于完全采用 Android Design 的微信可能会是什么样子,我们或许可以参考之前非常火的《Android Design in Action — 以微信为例》一文,作者用非常规范的 Android 设计语言,彻底重构了微信,我们节选了几张效果对比图,大家感受下:
主界面
Navigation Drawer & 发现
通讯录
聊天界面