品牌設(shè)計(jì)
Hi,are you ready?

準(zhǔn)備好開始了嗎?
那就與我們?nèi)〉寐?lián)系吧

有一個(gè)品牌項(xiàng)目想和我們談?wù)剢?您可以填寫右邊的表格,讓我們了解您的項(xiàng)目需求,這是一個(gè)良好的開始,我們將會(huì)盡快與你取得聯(lián)系。當(dāng)然也歡迎您給我們寫信或是打電話,讓我們聽到你的聲音!

PID派點(diǎn)互動(dòng)

地 址:廣州市天河區(qū)金慧路88號(hào)11棟138單元(華南農(nóng)業(yè)大學(xué)內(nèi))

電 話:+020- 3855 0205 3855 0745

傳 真:+020-3855 0745

E-mail:925774558@qq.com

填寫您的項(xiàng)目信息

captcha

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

標(biāo)簽:派點(diǎn)互動(dòng)|手機(jī)網(wǎng)站設(shè)計(jì)|網(wǎng)站設(shè)計(jì)|廣州網(wǎng)站設(shè)計(jì)

Nielsen最近的研究數(shù)據(jù)表明,Android系統(tǒng)的設(shè)備已經(jīng)在數(shù)量上超過(guò)iOS系統(tǒng)了,所以并不難看出Android市場(chǎng)的繁榮正如日中天:有4.8億的用戶正在使用Android設(shè)備,每天有100萬(wàn)個(gè)新的設(shè)備被激活。這意味著,每三個(gè)星期,新激活的Android設(shè)備數(shù)幾乎等于整個(gè)澳大利亞的人口數(shù)。

為了適應(yīng)Android市場(chǎng)的快速增長(zhǎng),知名的App也以越來(lái)越快的步伐發(fā)布Android系統(tǒng)版本,例如Instagram的Android版本僅僅在10天之內(nèi)就獲得了1000萬(wàn)的下載安裝。盡管這個(gè)平臺(tái)的擴(kuò)張空前地快速,但絕大部分的App質(zhì)量并不盡如人意。在Google Play很少有像在iTunes Store一樣多高質(zhì)量的App,部分的原因可能是由于Android在過(guò)去幾年中快速度過(guò)其青春期,而導(dǎo)致混亂和不穩(wěn)定,于是很多設(shè)計(jì)師為了避免這種混亂而傾向于選擇iOS平臺(tái)。

當(dāng)然很多系統(tǒng)的問(wèn)題被夸大其詞,其中一些Android的問(wèn)題在新版本中已經(jīng)不復(fù)存在,針對(duì)仍然存在的一些問(wèn)題,本文提供了一些解決方案,同時(shí)也為將要開始設(shè)計(jì)偉大的Android應(yīng)用的你提供一些建議。

第一部分:青春期癥狀

許多App的表現(xiàn)不如預(yù)期是因?yàn)槠脚_(tái)的不成熟。即使Android擁有一個(gè)強(qiáng)大的實(shí)驗(yàn)場(chǎng)所——為制造商和開發(fā)者提供了非常自由和開放的環(huán)境去創(chuàng)造他們想要?jiǎng)?chuàng)造的App或功能,但并沒(méi)有很多人愿意在一個(gè)如沙盒(Sandbox)的環(huán)境下來(lái)工作。不過(guò)如今,這個(gè)沙盒已經(jīng)逐漸成長(zhǎng)為可以承載偉大設(shè)計(jì)的基礎(chǔ)了。接下來(lái)的一些例子將為你展示Android如何從青春期變得成熟:

Google自己的App缺乏一致性

并不是很久以前,幾乎所有Google家自己的Android App幾乎每個(gè)看起來(lái)都不太一樣:


派點(diǎn)互動(dòng) 品牌網(wǎng)站建設(shè) 網(wǎng)頁(yè)設(shè)計(jì)制作 品牌形象 高端設(shè)計(jì)

0.jpg

上圖分別是Google在2010年五月設(shè)計(jì)的Action bar模式建議,但在Android2.3版本中的Gallery(相冊(cè))應(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并沒(méi)有給開發(fā)者樹立一個(gè)正確榜樣,正是因?yàn)檫@種缺乏一致性的設(shè)計(jì)指導(dǎo)和模式標(biāo)準(zhǔn),導(dǎo)致了平臺(tái)上用戶體驗(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è)備的碎片化,使得測(cè)試和質(zhì)量控制非常困難,在不同設(shè)備上設(shè)計(jì)一致體驗(yàn)的App變得幾乎不可能。

上圖可以看到在不同的設(shè)備上,連Home鍵按鈕的位置全都不一樣。在這個(gè)快速增長(zhǎng)和不斷變化的市場(chǎng)中,對(duì)獨(dú)立開發(fā)者來(lái)說(shuō)很難正確的測(cè)試應(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)然一些早期問(wèn)題仍然存在,但大部分問(wèn)題變得更易處理,有些已經(jīng)被完全解決了。其中一個(gè)很重要的遺留問(wèn)題是Android市場(chǎng)上仍然很缺乏偉大的App,但是在一個(gè)高速成長(zhǎng)的系統(tǒng)平臺(tái)上,設(shè)計(jì)師和開發(fā)者會(huì)很愿意去嘗試解決這些問(wèn)題。

以下幾點(diǎn)是一個(gè)日漸成熟Android系統(tǒng)為大家提供的:

更好的應(yīng)用搜索

早期的應(yīng)被搜索被關(guān)鍵字所限制,并且會(huì)直接呈現(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并沒(méi)有為每個(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遺留問(wèn)題中對(duì)設(shè)計(jì)師和開發(fā)者的最大挑戰(zhàn),但這一點(diǎn)也構(gòu)建了Android的DNA,成為平臺(tái)體驗(yàn)永恒的一部分。這種多樣性為設(shè)計(jì)人員提供了契機(jī)去使App獲得在全球范圍內(nèi)盡可能多的用戶數(shù)量。學(xué)會(huì)適應(yīng)這個(gè)碎片化的環(huán)境也會(huì)使你成為一個(gè)更好的設(shè)計(jì)師或開發(fā)者,因?yàn)槟銜?huì)需要更加廣泛的知識(shí)和更加高超的技術(shù)技巧。所以比起可能獲得的成功來(lái)說(shuō),這是一個(gè)值得追求的挑戰(zhàn)。下面的部分將重點(diǎn)介紹如何做可以使你的App獲得更大的成功。

第三部分:創(chuàng)建成功Android App的小貼士

認(rèn)識(shí)Android

要了解Android,應(yīng)該先知道如何使用Android系統(tǒng),并且了解這個(gè)系統(tǒng)的用戶。最好的方法也許就是買一些不同產(chǎn)家、不同屏幕尺寸甚至不同系統(tǒng)版本的設(shè)備來(lái)體驗(yàn)。這不僅會(huì)幫助你認(rèn)識(shí)用戶的多樣性,也可以更好的測(cè)試你的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)版本。于是,擁有一臺(tái)最新的Nexus設(shè)備往往可以讓你最先體驗(yàn)平臺(tái)的最新發(fā)布版本。你也可以通過(guò)購(gòu)買二手設(shè)備來(lái)節(jié)約成本,但要在購(gòu)買前確保它能夠運(yùn)行你需要的Android版本(許多舊設(shè)備的系統(tǒng)不支持更新)。

遵循設(shè)計(jì)指引

遵循設(shè)計(jì)指引將幫助你創(chuàng)建一個(gè)感覺(jué)更加像“原裝”的應(yīng)用,當(dāng)然這僅僅是值得這么做的其中一個(gè)原因。設(shè)計(jì)指引還可以幫助你得到以下好處:

便于App適應(yīng)于幾乎任何設(shè)備

使應(yīng)用程序使用起來(lái)更Android

提供用戶熟悉習(xí)慣的UI

使App開發(fā)過(guò)程更加容易

增加應(yīng)用程序在Google Play市場(chǎng)獲得推薦的機(jī)會(huì)

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

上圖是聯(lián)系人列表在iOS和Android兩個(gè)系統(tǒng)的界面。為了使用平臺(tái)原生元素,將搜索和新建聯(lián)系人操作放置在了底部Action bar上,而不是像iOS中在上部。當(dāng)然,在跨設(shè)備設(shè)計(jì)時(shí),自定義App遇到的難度會(huì)更大,所幸有Google提供的新版設(shè)計(jì)指引,使得新系統(tǒng)的Android App看起來(lái)和4.0版本前創(chuàng)建的應(yīng)用大為不同。

理解Android的外觀和感覺(jué)

眾所周知Google在為了其所有的產(chǎn)品提供一個(gè)一致的視覺(jué)體驗(yàn)上已經(jīng)投入了非常多的努力,Android當(dāng)然是其中之一,Android 4.0引入了自己的風(fēng)格:簡(jiǎn)單,平面,干凈(simple, plain, clean)——注重功能本身而不是形式感。

這雖然在一定程度上為開發(fā)者和設(shè)計(jì)師提供了更大的自由度,但同時(shí)還是要考慮到Android視覺(jué)風(fēng)格的精妙之處:用更少來(lái)表達(dá)更多(saying more with less)。這說(shuō)明了:簡(jiǎn)單地從iOS系統(tǒng)復(fù)制樣式和元素也許不再好使。在發(fā)布一個(gè)使用舊風(fēng)格或者包含其他平臺(tái)特征的視覺(jué)元素的全新App的時(shí)候,可能會(huì)造成用戶的反感或負(fù)面效果——微軟就發(fā)生過(guò)這樣一個(gè)例子。瀏覽Android Niceties是掌握Android風(fēng)格和找到靈感的好方法。下圖是Google的Search App,很好的體現(xiàn)了Android系統(tǒng)的外觀風(fēng)格和感覺(jué)。

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

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

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

1.jpg

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


使用對(duì)比較強(qiáng)的文字和元素顏色,比如在重要的元素上避免使用白色或者淺灰色,因?yàn)榭赡茉谳^差的屏幕上會(huì)看不見。

在不同亮度的環(huán)境下,不同的屏幕亮度(低亮度、高亮度、自動(dòng)亮度)設(shè)置下檢查設(shè)計(jì)稿。

即使在使用標(biāo)準(zhǔn)尺寸的時(shí)候,要確認(rèn)文字和UI元素在小屏幕或低分辨率屏幕上的顯示足夠大;你可以單獨(dú)為這些屏幕設(shè)置特殊的文字或視覺(jué)元素顯示尺寸。

為多樣性設(shè)計(jì)的一個(gè)很好的案例,詳見Sebastian de With 講述the Alarm App創(chuàng)作過(guò)程的文章。

使用Density-independent(分辨率自適應(yīng))定義布局

確保UI元素在不同分辨率的Android設(shè)備上看起來(lái)差不多大小是提供一致性體驗(yàn)里很重要的一部分。這看起來(lái)是一件非常費(fèi)力的任務(wù),其實(shí)大可不必通過(guò)復(fù)雜的像素運(yùn)算來(lái)得出每個(gè)按鈕或字體在每個(gè)特定的屏幕上如何顯示,可以讓設(shè)備幫你處理這個(gè)問(wèn)題。如下圖所示,是一個(gè)標(biāo)準(zhǔn)的圖標(biāo)在不同分辨率設(shè)備上的顯示效果:官方推薦的按鈕尺寸是48像素,在從低到高的4個(gè)不同分辨率級(jí)別下系統(tǒng)自動(dòng)處理了顯示效果。

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

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

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

MDPI和XHDPI的顯示分辨率與蘋果iPhone的普通屏和視網(wǎng)膜屏剛好一致。所以,如果你的App有iPhone版本,可以直接使用它的布局排版,甚至可以簡(jiǎn)單地在iPhone上測(cè)試設(shè)計(jì)效果。當(dāng)然不要忘了Android特有的外觀和感覺(jué)。不可忽視的是,一個(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ì)各視覺(jué)元素時(shí)提前做好準(zhǔn)備將你的HDPI拓展至200%的XXHPI。

考慮不同的系統(tǒng)版本

許多Android設(shè)備將不能夠升級(jí)到最新的操作系統(tǒng)了,并且新的系統(tǒng)往往也需要很久的時(shí)間才能全面占領(lǐng)市場(chǎng)。隨著設(shè)備的更新?lián)Q代,用戶會(huì)逐漸不滿足于過(guò)時(shí)的應(yīng)用圖標(biāo)和控件樣式。因此,需要盡可能提供最新的體驗(yàn),如果你打算支持應(yīng)用程序運(yùn)行在舊的平臺(tái),為這些設(shè)備創(chuàng)建一個(gè)單獨(dú)的版本。

為App提供拓展組件和壁紙

善于利用Android的一些特殊優(yōu)勢(shì),比如組件(widgets)、壁紙(live wallpapers)和消息通知(notifications)。組件可以讓用戶在不運(yùn)行App的時(shí)候接收更新,消息推送則可以幫助提升版本更新的安裝量。Google為設(shè)計(jì)師和開發(fā)者提供了各種方便通知用戶的方式。下圖是一些例子,上方是音樂(lè)播放器的快速組件,可以讓用戶方便地進(jìn)行音樂(lè)播放最常用的操作。下方是一個(gè)日歷應(yīng)用的組件,讓用戶可以在首屏桌面上快速滾動(dòng)查看日程安排。

 Android用戶非常喜歡定制他們的設(shè)備使其看起來(lái)個(gè)性化,所以這些組件或是墻紙就會(huì)給用戶很大的彈性空間來(lái)做這些事情。

測(cè)試你所支持的設(shè)備

在應(yīng)用商店中最為常見的負(fù)面評(píng)價(jià)莫過(guò)于在某些承諾的機(jī)型上App不能正常運(yùn)行。所以確保你的程序能夠正常運(yùn)行在最為流行的目標(biāo)設(shè)備上,并且只在你測(cè)試過(guò)的機(jī)型上發(fā)布App。否則,就有可能會(huì)造成部分用戶失望,甚至給予差評(píng)。

同時(shí)為平板設(shè)備設(shè)計(jì)

盡管Android的平板電腦并不如他的競(jìng)爭(zhēng)對(duì)手iPad火爆和流行,但是如果你的目標(biāo)就是做一個(gè)真正跨多終端的Android應(yīng)用,那就必須同時(shí)考慮Android平板了。官方設(shè)計(jì)指引為平板的UI和界面提供了多窗格布局(multi-pane layouts)的設(shè)計(jì)指引,以滿足碎片化設(shè)備的統(tǒng)一化體驗(yàn)。平板和手機(jī)一樣使用同樣的圖形庫(kù),但需要特別考慮平板使用的情景。比如說(shuō),相比于手機(jī),人們通常把平板舉得離自己眼睛更遠(yuǎn),并且輸入并沒(méi)有那么精確。所以平板的UI需要更大的字體,更大的按鈕和更多的留白。當(dāng)然,最后別忘了通過(guò)平板應(yīng)用的質(zhì)量檢查表(Tablet App Quality Checklist)測(cè)試一下你的應(yīng)用。

綜上所述,也許可以給Android一個(gè)機(jī)會(huì)!為Android設(shè)計(jì)在一開始看起來(lái)似乎充滿挑戰(zhàn),但是通過(guò)以上這些方法和建議,將為一個(gè)出色用戶體驗(yàn)的真正偉大的應(yīng)用取得一個(gè)良好的開端。所以為這個(gè)日漸成熟同時(shí)新興的平臺(tái)做設(shè)計(jì)是一件有趣和不斷學(xué)習(xí)的過(guò)程,在這個(gè)尋找創(chuàng)建偉大App的過(guò)程中你也許會(huì)掌握一系列的新技術(shù),并發(fā)現(xiàn)很有價(jià)值的經(jīng)驗(yàn)。最后,帶來(lái)一些激發(fā)靈感的很不錯(cuò)的Android App

The Verge

doubleTwist Alarm

Skype

Evernote

Foursquare

Tumblr

New York Times

Path

Endomondo

Expedia


返回列表
在線溝通

Are you interested in ?

感興趣嗎?

有關(guān)我們服務(wù)的更多信息,請(qǐng)聯(lián)系

135 7039 2915 李先生

與我們合作

與派點(diǎn)合作,您將會(huì)得到更成熟的網(wǎng)站建設(shè)服務(wù)。我們以客戶至上,同時(shí)也相互挑戰(zhàn),力求呈現(xiàn)最好的網(wǎng)站建設(shè)成果。

品牌顧問(wèn)熱線(李生):

+135 7039 2915

TOP

QQ客服

免費(fèi)電話