騰訊設(shè)計師談微信設(shè)計:Android Design是大勢所趨

3 評論 16061 瀏覽 1 收藏 6 分鐘

本篇由騰訊研發(fā)管理部高級設(shè)計師Vertu撰寫,他以產(chǎn)品設(shè)計師的視角,對比解讀了微信的舊容與新妝,也講了Android版微信5.2放棄iOS UI設(shè)計背后的故事。新版Android微信開始放棄原來照搬iOS UI設(shè)計的做法,逐漸開始遵循Android的設(shè)計規(guī)范。

1月21日,新的Android版微信在應(yīng)用寶上線內(nèi)測,很多用戶第一時間更新了。在這個微信5.2內(nèi)測版中,我們可以看到界面的功能架構(gòu)、視覺風(fēng)格及交互邏輯都有了較大的改動——微信開始遵循Android的設(shè)計規(guī)范了。

本人非常喜歡微信本次的改動,相比之前移植iOS的UI,Android微信5.2的功能架構(gòu)變得更加清晰,交互邏輯也更為簡潔,幾乎所有的核心功能都可以通過一次點擊快速找到并調(diào)用。無論對微信本身的產(chǎn)品體驗,還是對Android Design設(shè)計規(guī)范在國內(nèi)移動應(yīng)用設(shè)計中的推崇,這都是一個好的跡象。

早期Android系統(tǒng)的UI一直廣遭詬病,除了Android設(shè)備碎片化,Android移動應(yīng)用設(shè)計也缺乏統(tǒng)一規(guī)范,界面控件看起來都非常業(yè)余。直到2011年Android 4.0發(fā)布,Android Design才應(yīng)運而生,其中包括一般風(fēng)格指南、設(shè)計樣式,以及Android的部分默認(rèn)UI構(gòu)件等。

隨著Android設(shè)備的不斷進(jìn)化——屏幕尺寸的增大、實體鍵向屏幕內(nèi)虛擬鍵轉(zhuǎn)移,Android Design在移動應(yīng)用設(shè)計中的優(yōu)勢也逐漸顯現(xiàn)。從2013年下半年開始,國內(nèi)的移動應(yīng)用開發(fā)商(如豌豆莢、知乎等)在Android平臺上也開始遵循Android的設(shè)計規(guī)范。這一次,微信的設(shè)計團(tuán)隊也在5.2版本中向著Android Design邁進(jìn)了一大步??梢姡絹碓蕉嘁苿討?yīng)用廠商也都逐漸認(rèn)同了平臺規(guī)范與一致性的重要性。

我們來看一下Android版微信5.2。主界面去除了昔日底部的Tab Bar,在頂部則使用了Action Bar,并用Tab Host來組織內(nèi)部界面。用戶通過手勢滑動可以輕松來回切換“聊天”、“發(fā)現(xiàn)”、“通訊錄”這幾個高頻功能界面。

  雖然對于喜歡單手操作大屏手機(jī)的用戶來說,手勢的引入帶來了極大的便利,但是,左右滑動的手勢被用來切換Tab之后,有用戶開始有這樣的疑問:原來單條會話的左滑操作(置頂、刪除)哪里去了?

其實,這一交互功能是早期從iOS移植過來的;新版微信摒除了對單條會話的滑動操作,保留長按操作,更加符合Android平臺的交互規(guī)范。當(dāng)然,如果能使用Contextual Action Bar對多個會話進(jìn)行批量選中操作就更好了,畢竟對于有清理癖的用戶來說,一條一條長按刪除還是蠻辛苦的。

我們還可以看到,在這次更新中,“搜索”功能被提高到Action Bar常駐按鈕的位置,支持全局搜索。相比舊版在“會話列表”和“通訊錄”兩個界面分別置頂?shù)乃阉骺颍?jié)省了屏幕空間,統(tǒng)一了搜索入口,省去了辨識記憶的麻煩。

在頂部的Action Bar,除了“搜索”之外另外兩個常駐按鈕為add(+號)、overflow(三個小圓點):add的下級均為與外界有交互的操作,如“發(fā)起群聊”、“添加朋友”、“分享照片”等;overflow羅列的均為與個人相關(guān)的操作入口,包括“個人信息”、“我的相冊”、“我的收藏”、“設(shè)置”等。層級清晰易記。

  在視覺風(fēng)格上,微信在本次更新中做了一個大手術(shù),界面空間去除以往厚重的漸變、高光、陰影的樣式,向更為扁平的Holo UI靠攏,品牌色黑、白、綠搭配清新簡約。有用戶反映,與諸如Line、Kakao Talk等同類應(yīng)用相比,新版微信依舊沒有俏皮生動的情感化形象。

不過,因為每個產(chǎn)品都有自己的定位,微信作為一個大眾產(chǎn)品,覆蓋不同年齡、不同文化程度的人群,在視覺體驗這種主觀感受的設(shè)計上保持中立簡單也是合情合理的。而功能本身的出彩,讓用戶不時感受到意外的驚喜,才是產(chǎn)品創(chuàng)新的價值所在。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 騰訊有設(shè)計師?

    來自湖南 回復(fù)
    1. 你不覺得問這個問題智商很高嗎

      來自廣東 回復(fù)
    2. 肯定有呀

      回復(fù)