Nielsen最近的研究數(shù)據(jù)表明,Android系統(tǒng)的設(shè)備已經(jīng)在數(shù)量上超過iOS系統(tǒng)了,所以并不難看出Android市場的繁榮正如日中天:有4.8億的用戶正在使用Android設(shè)備,每天有100萬個(gè)新的設(shè)備被激活。這意味著,每三個(gè)星期,新激活的Android設(shè)備數(shù)幾乎等于整個(gè)澳大利亞的人口數(shù)。
為了適應(yīng)Android市場的快速增長,知名的App也以越來越快的步伐發(fā)布Android系統(tǒng)版本,例如Instagram的Android版本僅僅在10天之內(nèi)就獲得了4000的下載安裝。盡管這個(gè)平臺的擴(kuò)張空前地快速,但絕大部分的App質(zhì)量并不盡如人意。在Google Play很少有像在iTunes Store一樣多高質(zhì)量的App,部分的原因可能是由于Android在過去幾年中快速度過其青春期,而導(dǎo)致混亂和不穩(wěn)定,于是很多設(shè)計(jì)師為了避免這種混亂而傾向于選擇iOS平臺。
當(dāng)然很多系統(tǒng)的問題被夸大其詞,其中一些Android的問題在新版本中已經(jīng)不復(fù)存在,針對仍然存在的一些問題,本文提供了一些解決方案,同時(shí)也為將要開始設(shè)計(jì)偉大的Android應(yīng)用的你提供一些建議。
第一部分:青春期癥狀
許多App的表現(xiàn)不如預(yù)期是因?yàn)槠脚_的不成熟。即使Android擁有一個(gè)強(qiáng)大的實(shí)驗(yàn)場所——為制造商和開發(fā)者提供了非常自由和開放的環(huán)境去創(chuàng)造他們想要?jiǎng)?chuàng)造的App或功能,但并沒有很多人愿意在一個(gè)如沙盒(Sandbox)的環(huán)境下來工作。不過如今,這個(gè)沙盒已經(jīng)逐漸成長為可以承載偉大設(shè)計(jì)的基礎(chǔ)了。接下來的一些例子將為你展示Android如何從青春期變得成熟:
Google自己的App缺乏一致性
并不是很久以前,幾乎所有Google家自己的Android App幾乎每個(gè)看起來都不太一樣:


上圖分別是Google在2010年五月設(shè)計(jì)的Action bar模式建議,但在Android2.3版本中的Gallery(相冊)應(yīng)用就忽視了這種設(shè)計(jì)標(biāo)準(zhǔn);最下方是在2011年重新設(shè)計(jì)的該應(yīng)用Action Bar,不難看到Google自己花了一年多的時(shí)間才開始遵循自己的設(shè)計(jì)指引。
在Android開發(fā)社區(qū)中,缺乏以用戶為中心的設(shè)計(jì)理念
由于自身缺乏一致性,Google并沒有給開發(fā)者樹立一個(gè)正確榜樣,正是因?yàn)檫@種缺乏一致性的設(shè)計(jì)指導(dǎo)和模式標(biāo)準(zhǔn),導(dǎo)致了平臺上用戶體驗(yàn)較差。好的設(shè)計(jì)是以人為本的,它利用技術(shù)幫人們達(dá)成他們的目標(biāo)。Google并不像另一個(gè)極端Apple一樣,在最開始反復(fù)和開發(fā)者強(qiáng)調(diào)用戶體驗(yàn)的重要性。
在不同設(shè)備以及不同的系統(tǒng)版本之間,有著明顯的一致性體驗(yàn)差異
硬件制造商往往定制自己的系統(tǒng)UI和硬件按鈕,這就造成了設(shè)備的碎片化,使得測試和質(zhì)量控制非常困難,在不同設(shè)備上設(shè)計(jì)一致體驗(yàn)的App變得幾乎不可能。

上圖可以看到在不同的設(shè)備上,連Home鍵按鈕的位置全都不一樣。在這個(gè)快速增長和不斷變化的市場中,對獨(dú)立開發(fā)者來說很難正確的測試應(yīng)用程序。因此,大多數(shù)的應(yīng)用在真實(shí)的使用情景下并不像原先被設(shè)計(jì)的一樣好用,或者干脆缺乏好的設(shè)計(jì)體驗(yàn)。這些應(yīng)用仍然在市面上,但不意味著我們也要做這樣的應(yīng)用,Android已經(jīng)在很多方面得到了改善,足以支持你為廣大用戶設(shè)計(jì)一個(gè)有一致性體驗(yàn)的App。
第二部分:Android正在變得成熟
Android今天的用戶體驗(yàn)比以往任何時(shí)候都更加強(qiáng)大,這使得App開發(fā)者和設(shè)計(jì)師更容易做出好的應(yīng)用。當(dāng)然一些早期問題仍然存在,但大部分問題變得更易處理,有些已經(jīng)被完全解決了。其中一個(gè)很重要的遺留問題是Android市場上仍然很缺乏偉大的App,但是在一個(gè)高速成長的系統(tǒng)平臺上,設(shè)計(jì)師和開發(fā)者會很愿意去嘗試解決這些問題。
以下幾點(diǎn)是一個(gè)日漸成熟Android系統(tǒng)為大家提供的:
更好的應(yīng)用搜索
早期的應(yīng)被搜索被關(guān)鍵字所限制,并且會直接呈現(xiàn)所有搜索結(jié)果;新版的Google應(yīng)用商店提供了功能分類和員工推薦,從而提升了發(fā)現(xiàn)應(yīng)用的途徑。如下圖所示,新的應(yīng)用商店提供了更多發(fā)現(xiàn)最新最酷應(yīng)用的方式。

適當(dāng)?shù)腁ndroid設(shè)計(jì)指引
之前,Google并沒有為每個(gè)應(yīng)用必須的基本元素提供一些指導(dǎo)方向。自從創(chuàng)建了設(shè)計(jì)指引,就為應(yīng)用的設(shè)計(jì)師和開發(fā)者提供了小的設(shè)計(jì)決策的判斷依據(jù),于是乎我們終于可以專注于創(chuàng)造App的價(jià)值,并確保在不同設(shè)備上的一致性體驗(yàn),下圖是一個(gè)網(wǎng)格設(shè)計(jì)列表實(shí)例中的設(shè)計(jì)指引節(jié)選。

去除了菜單和搜索硬件按鈕
Google開始去除了設(shè)備上的硬件按鈕,使整個(gè)硬件和軟件以更加優(yōu)雅和便捷的方式被使用。

上圖是Google的Nexus 4手機(jī),已經(jīng)去除了搜索按鈕和菜單按鈕。當(dāng)然各式各樣的Android設(shè)備仍然尋在,例如LG還在生產(chǎn)擁有菜單鍵的手機(jī),但在某種程度上這種多樣性也是為什么Android應(yīng)用程序能夠脫穎而出的主要原因。
碎片化并不全是壞事
碎片化也許是Android遺留問題中對設(shè)計(jì)師和開發(fā)者的最大挑戰(zhàn),但這一點(diǎn)也構(gòu)建了Android的DNA,成為平臺體驗(yàn)永恒的一部分。這種多樣性為設(shè)計(jì)人員提供了契機(jī)去使App獲得在全球范圍內(nèi)盡可能多的用戶數(shù)量。學(xué)會適應(yīng)這個(gè)碎片化的環(huán)境也會使你成為一個(gè)更好的設(shè)計(jì)師或開發(fā)者,因?yàn)槟銜枰訌V泛的知識和更加高超的技術(shù)技巧。所以比起可能獲得的成功來說,這是一個(gè)值得追求的挑戰(zhàn)。下面的部分將重點(diǎn)介紹如何做可以使你的App獲得更大的成功。
第三部分:創(chuàng)建成功Android App的小貼士
認(rèn)識Android
要了解Android,應(yīng)該先知道如何使用Android系統(tǒng),并且了解這個(gè)系統(tǒng)的用戶。最好的方法也許就是買一些不同產(chǎn)家、不同屏幕尺寸甚至不同系統(tǒng)版本的設(shè)備來體驗(yàn)。這不僅會幫助你認(rèn)識用戶的多樣性,也可以更好的測試你的App。為你的App選擇最佳的支持設(shè)備,可從Google獲取最新的統(tǒng)計(jì)數(shù)據(jù),選擇一個(gè)符合你要求的設(shè)備。另外,一些獨(dú)立報(bào)告,如 OpenSignal’s August 2012 report也能夠幫助你進(jìn)行設(shè)備選擇。
要記住的是,Android系統(tǒng)的更新是由服務(wù)提供商控制的,所以,如Google家的Nexus系列就能夠更早獲得最新的系統(tǒng)版本。于是,擁有一臺最新的Nexus設(shè)備往往可以讓你最先體驗(yàn)平臺的最新發(fā)布版本。你也可以通過購買二手設(shè)備來節(jié)約成本,但要在購買前確保它能夠運(yùn)行你需要的Android版本(許多舊設(shè)備的系統(tǒng)不支持更新)。
遵循設(shè)計(jì)指引
遵循設(shè)計(jì)指引將幫助你創(chuàng)建一個(gè)感覺更加像“原裝”的應(yīng)用,當(dāng)然這僅僅是值得這么做的其中一個(gè)原因。設(shè)計(jì)指引還可以幫助你得到以下好處:
便于App適應(yīng)于幾乎任何設(shè)備
使應(yīng)用程序使用起來更Android
提供用戶熟悉習(xí)慣的UI
使App開發(fā)過程更加容易
增加應(yīng)用程序在Google Play市場獲得推薦的機(jī)會
遵循Android的導(dǎo)航模式,使用平臺原生的導(dǎo)航元素同樣能夠有利于創(chuàng)建一個(gè)跨多終端一致的體驗(yàn)。

上圖是聯(lián)系人列表在iOS和Android兩個(gè)系統(tǒng)的界面。為了使用平臺原生元素,將搜索和新建聯(lián)系人操作放置在了底部Action bar上,而不是像iOS中在上部。當(dāng)然,在跨設(shè)備設(shè)計(jì)時(shí),自定義App遇到的難度會更大,所幸有Google提供的新版設(shè)計(jì)指引,使得新系統(tǒng)的Android App看起來和4.0版本前創(chuàng)建的應(yīng)用大為不同。
理解Android的外觀和感覺
眾所周知Google在為了其所有的產(chǎn)品提供一個(gè)一致的視覺體驗(yàn)上已經(jīng)投入了非常多的努力,Android當(dāng)然是其中之一,Android 4.0引入了自己的風(fēng)格:簡單,平面,干凈(Simple, Plain, Clean)——注重功能本身而不是形式感。
這雖然在一定程度上為開發(fā)者和設(shè)計(jì)師提供了更大的自由度,但同時(shí)還是要考慮到Android視覺風(fēng)格的精妙之處:用更少來表達(dá)更多(Saying more with less)。這說明了:簡單地從iOS系統(tǒng)復(fù)制樣式和元素也許不再好使。在發(fā)布一個(gè)使用舊風(fēng)格或者包含其他平臺特征的視覺元素的全新App的時(shí)候,可能會造成用戶的反感或負(fù)面效果——微軟就發(fā)生過這樣一個(gè)例子。瀏覽Android Niceties是掌握Android風(fēng)格和找到靈感的好方法。下圖是Google的Search App,很好的體現(xiàn)了Android系統(tǒng)的外觀風(fēng)格和感覺。

還有一個(gè)區(qū)分你的App的好辦法是通過它的圖標(biāo)。與iOS不同,Android的程序圖標(biāo)可以采用任何形狀或是形式,用戶喜愛漂亮特別的圖標(biāo),甚至?xí)虼撕軜芬庠诓怀S玫降那闆r下將你的程序圖標(biāo)放置在首屏上。更多的圖標(biāo)設(shè)計(jì)指引,參照Icongraphy。下圖是一些圖標(biāo)的例子。

為不同的設(shè)備設(shè)計(jì)
當(dāng)設(shè)計(jì)App的時(shí)候,首先要確保它能夠在大部分的設(shè)備上正常的運(yùn)行。記住,不僅要適用于不同的屏幕尺寸和屏幕方向,也要注意適用于低亮度的屏幕或者是對比度較差的屏幕,以及速度慢的低配置機(jī)器。比如一些便宜的機(jī)型只有低分辨率的并且對比度較低的屏幕,這時(shí)過小的文字很難被清晰的顯示,過大的文字又會顯示不下。這時(shí)就要避免低對比度的文字和視覺元素傷害用戶體驗(yàn)。以下就是一個(gè)自適應(yīng)不同屏幕尺寸文字顯示的設(shè)計(jì)例子。

還有一些事情可能要注意:
使用對比較強(qiáng)的文字和元素顏色,比如在重要的元素上避免使用白色或者淺灰色,因?yàn)榭赡茉谳^差的屏幕上會看不見。
在不同亮度的環(huán)境下,不同的屏幕亮度(低亮度、高亮度、自動(dòng)亮度)設(shè)置下檢查設(shè)計(jì)稿。
即使在使用標(biāo)準(zhǔn)尺寸的時(shí)候,要確認(rèn)文字和UI元素在小屏幕或低分辨率屏幕上的顯示足夠大;你可以單獨(dú)為這些屏幕設(shè)置特殊的文字或視覺元素顯示尺寸。
為多樣性設(shè)計(jì)的一個(gè)很好的案例,詳見Sebastian de With 講述the Alarm App創(chuàng)作過程的文章。
使用Density-independent(分辨率自適應(yīng))定義布局
確保UI元素在不同分辨率的Android設(shè)備上看起來差不多大小是提供一致性體驗(yàn)里很重要的一部分。這看起來是一件非常費(fèi)力的任務(wù),其實(shí)大可不必通過復(fù)雜的像素運(yùn)算來得出每個(gè)按鈕或字體在每個(gè)特定的屏幕上如何顯示,可以讓設(shè)備幫你處理這個(gè)問題。如下圖所示,是一個(gè)標(biāo)準(zhǔn)的圖標(biāo)在不同分辨率設(shè)備上的顯示效果:官方推薦的按鈕尺寸是48像素,在從低到高的4個(gè)不同分辨率級別下系統(tǒng)自動(dòng)處理了顯示效果。

通過Density-independent pixels (DPs)的方式定義尺寸,你需要確保在每個(gè)屏幕上顯示的視覺元素的物理尺寸一致。詳細(xì)的設(shè)置方式,請查閱Use Density-Independent Pixels。下圖是實(shí)際使用中被證明很好用的一個(gè)各視覺元素的尺寸設(shè)置建議。

為不同的分辨率設(shè)計(jì)
為了在幾乎所有的Android設(shè)備上顯示清晰,需要滿足四個(gè)分辨率:低分辨率(LDPI),中分辨率(MDPI),高分辨率(HDPI)和超高分辨率(XHDPI)。一般從640×960屏幕分辨率開始,然后縮小以適應(yīng)其他分辨率屏幕,如下圖所示。

MDPI和XHDPI的顯示分辨率與蘋果iPhone的普通屏和視網(wǎng)膜屏剛好一致。所以,如果你的App有iPhone版本,可以直接使用它的布局排版,甚至可以簡單地在iPhone上測試設(shè)計(jì)效果。當(dāng)然不要忘了Android特有的外觀和感覺。不可忽視的是,一個(gè)叫做XXHDPI的標(biāo)準(zhǔn)已經(jīng)被添加到下一代移動(dòng)設(shè)備中作為支持,這些設(shè)備將有大約480 DPI的屏幕。盡管現(xiàn)在還不存在這樣的設(shè)備,但因?yàn)閄XHDPI標(biāo)準(zhǔn)目前被使用在如今使用XHDPI的10 英寸平板設(shè)備的啟動(dòng)圖標(biāo)上,比如Nexus 10。所以也許需要在設(shè)計(jì)各視覺元素時(shí)提前做好準(zhǔn)備將你的HDPI拓展至200%的XXHPI。
考慮不同的系統(tǒng)版本
許多Android設(shè)備將不能夠升級到最新的操作系統(tǒng)了,并且新的系統(tǒng)往往也需要很久的時(shí)間才能全面占領(lǐng)市場。隨著設(shè)備的更新?lián)Q代,用戶會逐漸不滿足于過時(shí)的應(yīng)用圖標(biāo)和控件樣式。因此,需要盡可能提供最新的體驗(yàn),如果你打算支持應(yīng)用程序運(yùn)行在舊的平臺,為這些設(shè)備創(chuàng)建一個(gè)單獨(dú)的版本。
為App提供拓展組件和壁紙
善于利用Android的一些特殊優(yōu)勢,比如組件(Widgets)、壁紙(Live wallpapers)和消息通知(Notifications)。組件可以讓用戶在不運(yùn)行App的時(shí)候接收更新,消息推送則可以幫助提升版本更新的安裝量。Google為設(shè)計(jì)師和開發(fā)者提供了各種方便通知用戶的方式。下圖是一些例子,上方是音樂播放器的快速組件,可以讓用戶方便地進(jìn)行音樂播放最常用的操作。下方是一個(gè)日歷應(yīng)用的組件,讓用戶可以在首屏桌面上快速滾動(dòng)查看日程安排。

Android用戶非常喜歡定制他們的設(shè)備使其看起來個(gè)性化,所以這些組件或是墻紙就會給用戶很大的彈性空間來做這些事情。
測試你所支持的設(shè)備
在應(yīng)用商店中最為常見的負(fù)面評價(jià)莫過于在某些承諾的機(jī)型上App不能正常運(yùn)行。所以確保你的程序能夠正常運(yùn)行在最為流行的目標(biāo)設(shè)備上,并且只在你測試過的機(jī)型上發(fā)布App。否則,就有可能會造成部分用戶失望,甚至給予差評。
同時(shí)為平板設(shè)備設(shè)計(jì)
盡管Android的平板電腦并不如他的競爭對手iPad火爆和流行,但是如果你的目標(biāo)就是做一個(gè)真正跨多終端的Android應(yīng)用,那就必須同時(shí)考慮Android平板了。官方設(shè)計(jì)指引為平板的UI和界面提供了多窗格布局(Multi-pane Layouts)的設(shè)計(jì)指引,以滿足碎片化設(shè)備的統(tǒng)一化體驗(yàn)。平板和手機(jī)一樣使用同樣的圖形庫,但需要特別考慮平板使用的情景。比如說,相比于手機(jī),人們通常把平板舉得離自己眼睛更遠(yuǎn),并且輸入并沒有那么精確。所以平板的UI需要更大的字體,更大的按鈕和更多的留白。當(dāng)然,最后別忘了通過平板應(yīng)用的質(zhì)量檢查表(Tablet App Quality Checklist)測試一下你的應(yīng)用。
綜上所述,也許可以給Android一個(gè)機(jī)會!為Android設(shè)計(jì)在一開始看起來似乎充滿挑戰(zhàn),但是通過以上這些方法和建議,將為一個(gè)出色用戶體驗(yàn)的真正偉大的應(yīng)用取得一個(gè)良好的開端。所以為這個(gè)日漸成熟同時(shí)新興的平臺做設(shè)計(jì)是一件有趣和不斷學(xué)習(xí)的過程,在這個(gè)尋找創(chuàng)建偉大App的過程中你也許會掌握一系列的新技術(shù),并發(fā)現(xiàn)很有價(jià)值的經(jīng)驗(yàn)。最后,帶來一些激發(fā)靈感的很不錯(cuò)的Android App:
The Verge
doubleTwist Alarm
Skype
Evernote
Foursquare
Tumblr
New York Times
Path
Endomondo
Expedia
*文章翻譯自Designing For A Maturing Android
* 原文鏈接:http://mobile.smashingmagazine.com/2013/05/08/brave-new-world-designing-for-a-maturing-android/ 原文發(fā)布時(shí)間:2013.05.08 原文作者:Alex Komarov, Nikita Yermolayev
*作者更新:While we were writing this article, case study has been published by The Verge about the Facebook Home Application — next big thing for Facebook. But this isn’t about Facebook anymore. Thought this particular application is quite controversial, with limited device support and experience far from perfect, Facebook designers have proven that with enough effort 100% of your ideas can be implemented and delivered on Android with no compromise. They have revealed a great opportunity and may even have marked the beginning of a new trend of creating greater presence on Android.
