>>>  技術話題—商業文明的嶄新時代  >>>

簡體     傳統

　　文/手稿2012

　　微軟本月宣布告別了Windows XP，史上最成功的桌面操作系統在服役13年之后終于停止了更新。在同一周，開始菜單現身微軟Windows 8.1的宣傳視頻，最新的消息顯示開始菜單將在Windows 8.1的第二次更新中重返用戶桌面。Windows用戶和左下角的開始鍵和開始菜單已經愉快相處了20年，直到前年推出的Windows 8取消了這一設計。

　　和Windows 8.1同時亮相的Windows Phone 8.1也宣布了一個用戶界面的重大轉變。通知中心來了，WP用戶終于可以向Android或者iOS用戶那樣從頂端下拉菜單，操作快捷開關，查看最新的短信和推送。這當然是一個非常便捷的設計，但是卻意味著微軟放棄了Metro UI(現已改名Modern UI，還是從前的配方，還是熟悉的味道)的初衷：在每一個圖標瓷磚內顯示該應用推送信息。

　　微軟的放棄是無奈之舉，從Windows 8取消開始鍵和開始菜單的那一天起，就收到了暴風雨般的差評。而Windows Phone的Metro UI在驚艷亮相之后歸于平淡，瓷磚內推送并沒有真正實現，已經習慣了iOS和Android通知中心的用戶也開始不厭其煩地呼喚通知中心。

　　iOS本位與Android Design

　　作為移動互聯網的后來者，微軟最近幾年一直在遭遇這樣的尷尬。無論是產品線還是用戶體驗，甚至于設計理念，用戶都習慣以iOS為標準。而開發者也通常以首先為iOS做優化并在AppStore首發，然后將自己的產品照搬到Android平臺上。如果有精力的話，才會向Windows Phone平臺上提交一個簡化過而且不經常更新的版本。徐梓桁把這種現象稱為“iOS本位”。

　　徐梓桁網名NovaDNG，是科技博客鋒客網的主筆，一度曾是Metro UI的愛好者。但是他現在的興趣幾乎完全鋪在了Android Design上。Android Design是Android 4.0的一個副產品，雖然Android 4.0并不是一個特別成功的版本，但是Android Design被延續下來并不斷豐富。它的創造者，安卓用戶體驗總監馬蒂亞斯·杜阿爾特在2010年加入谷歌，他之前一手打造了叫好但是不叫座的WebOS系統，他的到來被很多人認為是Android設計上的一個分水嶺。

　　安卓開發者網站的“App UI范例”給出了一個標準安卓應用的模型：左上角是主題，右上角是“行動欄”，最下方是虛擬鍵區或者稱之為“導航欄”，中間大部分區域則是“內容空間”，內容空間里用簡單的線條或者卡片隔離開一個又一個內容元素，用戶可以在這些區塊或者卡片上進行點擊或者拖動的操作。從左側邊緣向內滑動可以拉出“導航抽屜”。

　　drawer

　　熟悉Android Design的用戶將會更習慣使用手勢操作，這也是谷歌想要的。畢竟在5寸以上的大屏安卓手機上，單手操作很難碰到右上角的行動欄。以上說的只是Android Design設計準則中的很小一部分，但是細心的用戶還是可以明顯感覺到與iOS應用UI的不同。打開iOS設備的App Store，一個對稱的UI布局闖入視野，下方是四個整齊的“選項卡”，頂部中心是主題，左右兩邊分別是功能鍵和菜單鍵。

　　在2011和2012年之交的時候，新生的Android Design(那時候更流行的稱呼是Holo Theme)和“擬物化”的iOS顯得如此格格不入。同時，Android世界的兩巨頭，HTC和三星，他們的TouchWiz和Sense UI也有著獨立的設計理念。這個時候，大概只有Nexus用戶才能從Holo Theme化的應用上得到好處。也正是這個原因，除了谷歌自家的官方應用，很難在Google Play找到符合使用Holo Theme的應用。

　　軟硬兼施的杜阿爾特

　　不過好在互聯網上總會有嘗鮮的勇敢者，一些個人開發者制作了一些符合Android Design的小應用，比如ICS Keyboard、ICS Browser 和Apollo播放器。這些開發者的心態多屬于玩票，不過他們也獲得了谷歌的一些獎賞，Google Play經常在首頁會推薦一些符合Android Design的小應用。但是這個時候平臺級的應用還是很少采用如此激進的設計，他們害怕從iOS轉移到Android上的用戶面對Android Design會無所適從。

　　TED和Evernote分別在2012年3月和5月率先啟用了Holo theme，這兩家用戶對于新鮮事物的接受程度，顯然是要高于互聯網用戶的平均值。2012年中的時候，在開發者社區中醞釀著一種情緒：Holo Theme會讓你的Android應用更加“高端大氣上檔次”，繼續照搬iOS風格是一件減分的事情。所以很多“有范兒”國外的知名應用開始適配Holo Theme。這種風潮開始倒逼平臺級的應用，到了2012年第三季度，Facebook和Twitter也相繼將Android版的應用升級為Holo Theme化的版本。

　　不過在徐梓桁看來，這個時候開發者對Holo Theme和Android Design的認識還比較膚淺，“為了符合設計規范而符合設計規范”。不過在2012年底到2013年初，風格相得益彰的Nexus4和Android 4.1 Jelly Bean如約到來，谷歌還公布更為詳盡的Android Design設計規范，又新增了非常好用的導航抽屜。那一段時間，“Android Design之父”杜阿爾特頻繁亮相媒體，憨態可掬地闡述自己的設計理念。

　　Duarte

　　2013年5月的谷歌的I/O大會之后，Android Design已經在國外的開發者社區深入人心。杜阿爾特此時已經收起了笑容，準備敲打敲打那些仍然堅持“iOS本位”的開發者，被他拿出來開刀的是雅虎天氣。雅虎天氣在2013年蘋果WWDC開發者大會上獲得了最佳設計獎，但是它把iOS版的設計完全照搬到Android上的做法激怒了杜阿爾特。

　　杜阿爾特在Google Plus上表示“規則是為了保證一致性和便利性，特別是在你對此無所謂的情況下”，“無論你的瓶蓋該往哪邊旋轉，最后都能被打開不是么…(在Android世界)我們的預期都是瓶蓋被逆時針轉開”。在杜阿爾特的強硬態度面前，雅虎天氣做出了一些改變，比如加入了導航抽屜。

　　徐梓桁非常贊同杜阿爾特對雅虎天氣的批評，在他看來Android Design是和杜阿爾特在WebOS上的設計思路是一脈相承的，其簡潔好用的設計風格有助于解決Android系統的碎片化。2012年，當時還在加州大學河邊分校讀計算機工程的徐梓桁就開始向國內開發者社區宣傳Android Design。過去兩年他在鋒客網上發表了26篇關于Android Design的文章。其中兩篇文章，分別為知乎和微信重新設計了符合Android Design的UI，這為他贏得了聲譽。從此他的網名NovaDNG不斷被談論Android Design博客和知乎問答提及。微信團隊一度也和他取得了聯系，但是后來并沒有下文。

　　“奮斗了兩年”VS“只是好玩”

　　微信從一開始就堅持在iOS和Android上使用完全雷同的設計，“微信之父”張小龍在2012年初的一條知乎問答上這樣說道，“也許將來有一天 Android的系統UI完美到令人信服，我們又會專門為它設計一套Android版的UI”。終于在兩年之后，在今年1月26日，“紅包”偷襲阿里巴巴的同一天，微信5.2安卓版上線了。新版本使用了全新的、符合Android Design的UI。

　　在微信5.2更新后的三天里，微信在“應用寶”上收到了88個打分，其中37個打分為最低的“一顆星”，占總評價的42%。在1月27日的30個用戶評價中，4個認為界面不好看，3個覺得操作方式不習慣，5個表示找不到某一項功能(其中4個不知道如何退出微信)。

　　在徐梓桁看來，微信5.2遭遇差評是“咎由自取”：“(安卓版的)微信是從iOS6風格直接跳躍到Android Design，是從視覺到操作的徹底改變”。不過微信總算是邁出了這一步，在微信之后，BAT旗下的一些平臺級應用，如百度貼吧，陸續發布了符合Android Design的新版本。徐梓桁在朋友圈里分享了這條消息并評論道：“為了這一天，我奮斗了兩年”。

　　國內的開發社區和北美不能相提并論，谷歌的GMS服務在國內陷入癱瘓，應用分發依賴于第三方市場，因此谷歌官方對于Android Design的支持，國內開發者很難感受得到，Android Design在國內的推廣，幾乎完全依靠開發者的自覺。目前在Google Play北美區排行榜Top10的應用里，沒有遵循Android Design的應用目前只剩下Instagram。而在微信5.2之前，豌豆莢排行榜Top30的應用中，僅有4個應用遵循了Android Design，而且沒有一個應用來自BAT。

　　m8

　　和比如微信一樣的國民應用微博，至今仍堅持“iOS本位”，這讓微博的UI在有虛擬鍵的安卓機上顯得非常古怪。不過好在微博向第三方客戶端開放了API，qii開發的四次元，是第一個完全符合Android Design的微博客戶端。qii在2012年8月份開始制作這個客戶端，11月份上線。

　　有意思的是，當筆者問徐梓桁如何描述自己時，最先蹦出來的是“Android Design倡導者”。而qii覺得徐梓桁太苦大仇深了，他是用業余時間開發了四次元，“只是覺得好玩”。qii并不愿意多聊這件事，只是在郵件里簡單地描述了一下“四次元”的時間線。

　　看到這里，讀者大概可以看出谷歌推廣Android Design的思路，一個快速迭代的操作系統和一個與時俱進的設計規范。首先依靠中小開發者推出小而美的應用，進而倒逼大的平臺級應用接納自己的設計風格。在這一過程中，杜阿爾特作為Android UI的總設計師，不僅有自己一貫的設計靈魂，能夠用Android Design感召開發者，另一方面直到如何對付不合作的開發者，適時向其施壓。同時，杜阿爾特還非常善于通過社交網絡和媒體表達自己和Android的價值觀。以上這些經驗，都是微軟一直以來所欠缺的，因此Metro UI如今的尷尬局面，也就不能算是太大的意外。

　　(由于篇幅過長，截成上下兩篇，上篇主要講谷歌推廣Android Design的經驗，下篇將Metro UI失利的教訓和微軟最新的WP8.1設計)

網載 2014-07-03 10:53:32