微信的一小步,或成為規范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 & 發現
通訊錄
聊天界面