騰訊設(shè)計師談微信設(shè)計:Android Design是大勢所趨
本篇由騰訊研發(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)”、“通訊錄”這幾個高頻功能界面。
其實,這一交互功能是早期從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è)置”等。層級清晰易記。
不過,因為每個產(chǎn)品都有自己的定位,微信作為一個大眾產(chǎn)品,覆蓋不同年齡、不同文化程度的人群,在視覺體驗這種主觀感受的設(shè)計上保持中立簡單也是合情合理的。而功能本身的出彩,讓用戶不時感受到意外的驚喜,才是產(chǎn)品創(chuàng)新的價值所在。
騰訊有設(shè)計師?
你不覺得問這個問題智商很高嗎
肯定有呀