日漸成熟的Android設(shè)計(jì)

0 評論 1967 瀏覽 1 收藏 22 分鐘

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è)看起來都不太一樣:

G01G02

上圖分別是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變得幾乎不可能。

G03

上圖可以看到在不同的設(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)用的方式。

G04

適當(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é)選。

G05

去除了菜單和搜索硬件按鈕

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

上圖是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ì)指引還可以幫助你得到以下好處:

  1. 便于App適應(yīng)于幾乎任何設(shè)備
  2. 使應(yīng)用程序使用起來更Android
  3. 提供用戶熟悉習(xí)慣的UI
  4. 使App開發(fā)過程更加容易
  5. 增加應(yīng)用程序在Google Play市場獲得推薦的機(jī)會

遵循Android的導(dǎo)航模式,使用平臺原生的導(dǎo)航元素同樣能夠有利于創(chuàng)建一個(gè)跨多終端一致的體驗(yàn)。

G07

上圖是聯(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)格和感覺。

G08

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

G09

為不同的設(shè)備設(shè)計(jì)

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

G10

還有一些事情可能要注意:

  1. 使用對比較強(qiáng)的文字和元素顏色,比如在重要的元素上避免使用白色或者淺灰色,因?yàn)榭赡茉谳^差的屏幕上會看不見。
  2. 在不同亮度的環(huán)境下,不同的屏幕亮度(低亮度、高亮度、自動(dòng)亮度)設(shè)置下檢查設(shè)計(jì)稿。
  3. 即使在使用標(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)處理了顯示效果。G11

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

G12

為不同的分辨率設(shè)計(jì)

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

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)查看日程安排。

G14

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!