Android手機(jī)應(yīng)用UI設(shè)計(jì)的10個(gè)建議

2012-6-24    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(  sillybuy.com )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、  cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)  、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、  網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源:http://www.apkbus.com/forum.php?mod=viewthread&tid=21720

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,          請(qǐng)點(diǎn)這里

 

最近,許多開發(fā)者進(jìn)駐手機(jī)領(lǐng)域,小團(tuán)隊(duì)也能夠構(gòu)想出優(yōu)秀和獨(dú)特的想法,使用業(yè)余時(shí)間便足夠來開發(fā)應(yīng)用。

每個(gè)開發(fā)循環(huán)遲早到會(huì)走到應(yīng)用幾近完成這個(gè)點(diǎn)。接下來要做什么呢?你可曾聽說過“用戶體驗(yàn)”這個(gè)詞?以下這10個(gè)技巧能夠使新手機(jī)應(yīng)用在發(fā)布前提升質(zhì)量,最大化發(fā)掘該應(yīng)用的潛力,從而最小化用戶差評(píng)和低下載量這種不良結(jié)果。

1、首次開啟體驗(yàn)

優(yōu)秀的網(wǎng)站和手機(jī)應(yīng)用有諸多相似之處。這兩者都能夠迅速吸引用戶或訪問者。如果沒有做到這點(diǎn),用戶很可能會(huì)轉(zhuǎn)而尋找其他替代品。多數(shù)用戶不愿意浪費(fèi)時(shí)間來弄清楚要如何運(yùn)行應(yīng)用或閱讀復(fù)雜的教程。他們會(huì)選擇放棄該應(yīng)用。

首次開啟應(yīng)用時(shí),每個(gè)人的腦中都會(huì)浮現(xiàn)出相同的3個(gè)問題:我在哪里?我現(xiàn)在能夠做什么?我接下來能夠做什么?

努力使應(yīng)用立即對(duì)這些問題做出回答。如果你能夠在前數(shù)秒的時(shí)間里告訴用戶這是款適合他們的產(chǎn)品,那么他們勢必會(huì)進(jìn)行更深層次的發(fā)掘。

 點(diǎn)擊查看原圖















 

gowalla(from phandroid )


 

(Gowalla有著良好的首次開啟體驗(yàn)。護(hù)照緩緩打開,讓你可以立即查看個(gè)人信息、即時(shí)建議以及更多的動(dòng)作和通知。)

2、便捷的輸入方式

想想看你是如何使用手機(jī)設(shè)備的:開發(fā)者的手機(jī)安靜地躺在平坦的桌面上,連接到配有大型鍵盤的PC上,或許還完全打開背光功能。現(xiàn)在,想想其他人如何使用他們的智能手機(jī):走在熙熙攘攘的大街上,一手拿著杯咖啡,另一手拿著設(shè)備,努力弄清楚他們最喜歡球隊(duì)的表現(xiàn)情況。

在多數(shù)時(shí)間里,人們只使用1個(gè)拇指來執(zhí)行應(yīng)用的導(dǎo)航。不要執(zhí)拗于多點(diǎn)觸摸以及類似的復(fù)雜輸入方法,要多考慮滾動(dòng)和觸摸方式。讓人們可以迅速地完成屏幕和信息間的切換和導(dǎo)航。讓他們可以快速獲得所需的信息,珍惜用戶每次的輸入操作。

 點(diǎn)擊查看原圖















 

Tasko(from phandroid)


 

(你只需要簡單的觸碰和輸入文字就可以給Taskos應(yīng)用添加新任務(wù)。當(dāng)然,你還可以修改許多設(shè)置,但這些都只是可選操作。)

3、對(duì)比度

你的開發(fā)環(huán)境或許是有著大型屏幕且光照適當(dāng)?shù)姆块g,但用戶使用應(yīng)用的環(huán)境可能并非如此。盡管我們不愿意,但是我們確實(shí)常需要在陽光強(qiáng)烈的環(huán)境下使用手機(jī)設(shè)備。這種情況會(huì)對(duì)我們觀

看屏幕產(chǎn)生很大的影響,界面設(shè)計(jì)時(shí)應(yīng)當(dāng)考慮到這點(diǎn)。在上述不佳條件下,可能會(huì)導(dǎo)致細(xì)節(jié)丟失,顏色分辨不清,某些元素因陽光反射而完全消失。

這并不意味著你只能將界面設(shè)計(jì)成黑白樣式,拋棄UI設(shè)計(jì)中所有漂亮的細(xì)節(jié)。這僅僅意味著,重要元素應(yīng)當(dāng)有足夠的對(duì)比度,使之在此類條件下能輕易識(shí)別。如果你想要給代碼元素上色,那么要添加簡單文字標(biāo)簽之類的選項(xiàng)。如果你想用小細(xì)節(jié)和信息來改善應(yīng)用外觀,這也是可以的,只是要確保你的UI沒有這些元素時(shí)依然能夠運(yùn)轉(zhuǎn)。

為界面設(shè)置清晰的等級(jí),大而明亮地呈現(xiàn)最有價(jià)值的功能,將任何不重要的內(nèi)容完全移除。

 點(diǎn)擊查看原圖















 

soundhound(from phandroid)


 

(雖然SoundHound的屏幕上有著許多選項(xiàng),但是主要功能用明亮和加粗的字體清晰地呈現(xiàn)在界面頂部。)

4、不要讓用戶等待

沒有人喜歡等待,在移動(dòng)領(lǐng)域中尤其如此。我們將設(shè)備帶上火車,在汽車上快速回復(fù)郵件,或者在走出屋子的時(shí)候查看天氣預(yù)報(bào)。我們利用時(shí)間間隙來做這些小事情,來換取更多時(shí)間做真正喜歡做的事。不要讓人們等待你的應(yīng)用做某件事情。提升應(yīng)用表現(xiàn),改變UI,讓用戶所需結(jié)果的呈現(xiàn)變得更快。

當(dāng)然,所有人都能夠理解,有些任務(wù)需要花一定時(shí)間來執(zhí)行,或者應(yīng)用需要從網(wǎng)絡(luò)上下載某些容量較大的數(shù)據(jù)包。但是不要讓用戶毫無意義地等待。要讓他們感覺到任務(wù)正在執(zhí)行中。為按鍵添加“選擇”或“按動(dòng)”的狀態(tài),加載時(shí)間較短時(shí)可以添加旋轉(zhuǎn)符號(hào),加載時(shí)間較長時(shí)可以使用進(jìn)度條。但是,絕不要讓用戶面對(duì)空無一物的屏幕。

等待總是令人苦惱的。至少要讓用戶知道他們還需要等待多長時(shí)間。

















  點(diǎn)擊查看原圖

Google Reader–waiting(from phandroid)


 

(Google Reader應(yīng)用在設(shè)備頂端顯示一個(gè)小的旋轉(zhuǎn)符號(hào),每當(dāng)應(yīng)用在后臺(tái)加載內(nèi)容時(shí)這個(gè)符號(hào)就會(huì)出現(xiàn),這樣你就會(huì)意識(shí)到自己或許需要等待一段時(shí)間。)

5、不要忘記橫向呈現(xiàn)方式

有時(shí),你或許會(huì)忘記手機(jī)設(shè)備不只有單一的縱向呈現(xiàn)。雖然多數(shù)人能夠適應(yīng)只支持縱向模式的應(yīng)用,但確實(shí)有某些人喜歡橫向使用他們的設(shè)備,尤其是那些有著實(shí)體鍵盤的設(shè)備。隨著Android 平板電腦的流行,這類用戶的數(shù)量可能會(huì)逐漸增加。

不要認(rèn)為橫向模式只需簡單地加寬應(yīng)用界面。橫向使用設(shè)備有著完全不同的用戶體驗(yàn)。在這種情況下,你可以用兩個(gè)拇指與屏幕互動(dòng)。輸入變得更為簡單,而且多數(shù)情況下你會(huì)由左向右閱讀,不是由上向下。事實(shí)上,如果你的應(yīng)用需要大量的閱讀和文字輸入,那么絕對(duì)要有良好的橫向模式。

對(duì)用戶來說,橫向體驗(yàn)是完全不同的。你可以利用這種更寬的布局,以完全不同的方式呈現(xiàn)信息。比如,之前位于屏幕上方的按鍵可以移動(dòng)到屏幕一側(cè)。利用更寬的屏幕,地圖、圖表和圖片可以呈現(xiàn)新的信息。

 點(diǎn)擊查看原圖















 

youtube app(from phandroid)


 

(先構(gòu)建和改善一種屏幕方向,然后再制作另一種。注意每種布局的利弊,睿智地加以利用和改良。YouToube應(yīng)用官方版本為不同的方向模式設(shè)計(jì)了不同的布局,兩者都在各自的縱橫比下完美地運(yùn)轉(zhuǎn)。)

6、應(yīng)用生態(tài)系統(tǒng)

盡管你能夠設(shè)計(jì)出為用戶多種不同目標(biāo)服務(wù)的獨(dú)特應(yīng)用,但它永遠(yuǎn)都只是整個(gè)動(dòng)作系列的一個(gè)步驟。

想想看你的智能手機(jī)所具備的功能:電話記錄、聯(lián)系人、短信息、郵件、瀏覽器 、拍攝照片和視頻、GPS和地圖等。利用這些功能。對(duì)于所有這些已構(gòu)建的模塊,你無需自行制作。用戶已經(jīng)很熟悉這些標(biāo)準(zhǔn)工具,不要在這些內(nèi)容上浪費(fèi)精力。

以下是個(gè)簡單但極為普遍的動(dòng)作流程:接到邀請(qǐng)你前往某個(gè)地點(diǎn)的電話。查看時(shí)間。查看天氣。用Google Maps搜索該地點(diǎn)。用Foursquare簽到。那么,你的應(yīng)用要同整個(gè)流程中的哪個(gè)部分綁定呢?

沒有用戶會(huì)單純?yōu)榱四愕膽?yīng)用而擺弄自己的手機(jī)設(shè)備。但是如果你成功制作了一款優(yōu)秀的軟件,他們會(huì)愿意將其整合到日常的手機(jī)使用流程中。讓用戶能夠便捷地使用分享或在網(wǎng)絡(luò)上搜索有趣信息等功能,使他們交替使用你的應(yīng)用和其他應(yīng)用。

 點(diǎn)擊查看原圖













 

share(from phandroid)


 

(許多應(yīng)用會(huì)直接綁定Android的分享機(jī)制。你可以將此作為應(yīng)用的優(yōu)勢。)

7、讓你的應(yīng)用更為獨(dú)特

目前,Android Market上有數(shù)十萬款應(yīng)用。你或許會(huì)時(shí)常問自己,如何從如此多的同類應(yīng)用中突出重圍。如果你想要構(gòu)建的又是一款無聊的黑白數(shù)獨(dú)游戲,或者是基于官方代碼范例的記錄應(yīng)用,那就很難獲得可觀的下載量。

不要認(rèn)為目前市場上已經(jīng)沒有優(yōu)秀應(yīng)用的發(fā)展空間。用戶偏好的應(yīng)用類型各不相同。有些人偏愛幾乎能夠做所有事情的記錄應(yīng)用,有些人需要的只是帶有同步功能的文本編輯應(yīng)用,還有些人只是想要個(gè)有著清楚UI的記錄應(yīng)用。

無論你選擇的是哪個(gè)方向,要構(gòu)建帶有一定特征的應(yīng)用。操作系統(tǒng)和核心應(yīng)用已經(jīng)為用戶提供了所有基本功能。制作某些能夠用內(nèi)置解決方案吸引用戶使用產(chǎn)品,這樣才能夠脫穎而出。將你的應(yīng)用視為住在智能手機(jī)中的小機(jī)器人。它與你交流,告訴你有趣的事情,幫助你完成日常事務(wù)。你希望自己的機(jī)器人聰明專業(yè),還是精明可愛,抑或是滑稽搞笑?

在應(yīng)用構(gòu)建的開始就要記住這一點(diǎn)。人們喜歡與他們的個(gè)性相符的應(yīng)用。如果你想要構(gòu)建照片分享應(yīng)用,可以為其添加各種主題和徽章。如果想要構(gòu)建的是款定位服務(wù)應(yīng)用,可以考慮將其簡化成只具有最基本的功能,讓所有內(nèi)容自動(dòng)化完成。應(yīng)用設(shè)計(jì)愿景的微小改變可能會(huì)改變整個(gè)應(yīng)用以及用戶的使用方式。

 點(diǎn)擊查看原圖















 

Feedly engadget(from phandroid)


 

(Feedly也是款整合Google Reader的新聞閱讀器,但是它使用類似于雜志的呈現(xiàn)方式和清晰的界面設(shè)計(jì),這就是該應(yīng)用與其他閱讀器的不同之處。)

8、遵守平臺(tái)指導(dǎo)原則

盡管你的目標(biāo)是制作出獨(dú)特的應(yīng)用,但是并非意味著應(yīng)用的每個(gè)部分都要完全與眾不同。谷歌就Android應(yīng)用的設(shè)計(jì)和開發(fā)提供了許多指導(dǎo)性原則。熟悉這些原則。人們能夠用來研究現(xiàn)代智能手機(jī)的時(shí)間比你想象的要少。不要讓應(yīng)用中遍布自定義互動(dòng)元素,這會(huì)讓他們的操作更為困難。

學(xué)習(xí)使用Android設(shè)備需要用戶適應(yīng)觸摸、輸入、搖動(dòng)甚至不時(shí)按動(dòng)硬件按鍵等操作。他們需要識(shí)別輸入?yún)^(qū)域、選擇框、模式對(duì)話框和菜單等樣式。你真的還想給他們?cè)黾痈嗟呢?fù)擔(dān)嗎?

使用簡單和直觀的列表。在應(yīng)用開啟屏幕中,用大圖標(biāo)來呈現(xiàn)主要功能。添加標(biāo)題作為最常用功能的入口,讓用戶能夠隨時(shí)返回開啟屏幕。如果你無法顯著提升某些操作的功能,那么就保持原樣。人們會(huì)認(rèn)同應(yīng)用和整個(gè)操作系統(tǒng)的一致性。

認(rèn)真研究谷歌的界面和決策。熟悉整個(gè)原則,并在開發(fā)應(yīng)用時(shí)用上這些原則。但是,不可過于死板。如果你能夠改良某些元素,而且你確信自己的做法比原則建議的更好,那么就勇敢去做!

 點(diǎn)擊查看原圖















 

catch notes(from phandroid)



 

(Catch Notes用戶的多數(shù)動(dòng)作可利用應(yīng)用中的大圖標(biāo)功能實(shí)現(xiàn),這款應(yīng)用遵從了基本原則,因而運(yùn)轉(zhuǎn)良好。)

9、測試

所有的用戶都各不相同,我們必須正視這個(gè)問題。你可以在應(yīng)用中投入盡可能多的精力,但是你不可能令所有人滿意。甚至連將應(yīng)用制作成適合多數(shù)人的需求都是件很困難的事情。

不要誤解我的說法。你在發(fā)布應(yīng)用前,必須考慮到不同人可能會(huì)有不同的使用方式。你需要不同的人來測試應(yīng)用,由此找出最惱人的問題和漏洞。大公司往往耗資數(shù)千美元進(jìn)行可用性研究,在昂貴的實(shí)驗(yàn)室中讓數(shù)百名不同類型的用戶測試應(yīng)用。

雖然這是個(gè)提升應(yīng)用UI的絕妙方法,但多數(shù)獨(dú)立和小型開發(fā)商無法承擔(dān)如此多的費(fèi)用。但是,也不要以此為借口而放棄應(yīng)用測試。你可以開展成本低廉的測試,尋找不同的用戶群體,由此來大幅改善你的應(yīng)用,讓其能夠滿足更多用戶的需求。

將應(yīng)用原型安裝到你的開發(fā)設(shè)備上,花點(diǎn)錢購買些小禮物,開展應(yīng)用測試。先從同事和好友開始,然后再以你從未見過的陌生人為對(duì)象。多數(shù)人都愿意花點(diǎn)時(shí)間來體驗(yàn)全新的東西,只要你足夠禮貌甚至愿意為他們費(fèi)時(shí)測試應(yīng)用提供獎(jiǎng)勵(lì)。

讓他們像你預(yù)期那樣使用應(yīng)用,然后細(xì)致地觀察他們的使用過程。告訴他們目標(biāo)是什么,但要盡量少提供幫助,但也別讓他們卡在某個(gè)地方。很快,你就會(huì)發(fā)現(xiàn)應(yīng)用的紕漏和瓶頸。

10、發(fā)布到市場上

你已經(jīng)制作完成了自己的首個(gè)應(yīng)用。感覺很棒,不是嗎?

不要犯許多開發(fā)者犯下的某些錯(cuò)誤。誠然,你想要將應(yīng)用發(fā)布到市場上,看看用戶會(huì)有何評(píng)價(jià)。但是,最后這幾個(gè)步驟會(huì)讓你的首次發(fā)布更為成功。

確認(rèn)完成對(duì)應(yīng)用的測試后,我們還需要考慮些小問題。

你上傳到Android Market的應(yīng)用還應(yīng)該帶有以下4種資產(chǎn):

(1)應(yīng)用功能描述

(2)高清應(yīng)用圖標(biāo)

(3)呈現(xiàn)在Android Market上的小型推廣條幅

(4)顯示在網(wǎng)頁版市場中應(yīng)用旁邊的較大“推薦”圖像

不要低估這些資產(chǎn)中的任何一項(xiàng)。精心撰寫的介紹和清晰且設(shè)計(jì)精美的圖像會(huì)讓你的應(yīng)用顯得鶴立雞群。用戶會(huì)察覺到你額外投入的這些精力。

如果制作清晰精美的圖像或撰寫介紹不是你所擅長的事情,可以尋求設(shè)計(jì)師和撰稿人的幫助。額外付出一些金錢會(huì)對(duì)應(yīng)用的成功有所幫助,而且這些只需幾個(gè)小時(shí)便可完成。

如果你想要在應(yīng)用發(fā)布前就開始對(duì)其進(jìn)行推廣,可以注冊(cè)Twitter賬戶,制作外觀精美的登陸頁面,開始宣傳應(yīng)用。對(duì)于營銷而言,多早開始都不為過。培養(yǎng)人們對(duì)應(yīng)用的興趣,他們會(huì)在應(yīng)用完工前就開始傳播。

 點(diǎn)擊查看原圖














 

Android Market(from phandroid)


 

(Android Market網(wǎng)絡(luò)版使用高清版本的應(yīng)用圖標(biāo)和大型功能圖像。)

日歷

鏈接

個(gè)人資料

存檔