2011-10-23 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.jghy.net )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國(guó)內(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ù)
優(yōu)秀的iPhone應(yīng)用程序地滿足了用戶需求,同時(shí)提供了用戶想要的體驗(yàn)。為了幫助您在應(yīng)用程序中平衡這兩點(diǎn),本小節(jié)歸納了優(yōu)秀iPhone應(yīng)用程序的一些共有特點(diǎn),并就如何將這些特點(diǎn)融合到您的產(chǎn)品中給予了建議。
簡(jiǎn)單和易用是所有軟件的基本原則,但在iPhone應(yīng)用程序中它們尤其重要。iPhone OS用戶很可能在使用您的應(yīng)用程序的同時(shí),還做著其他事情。如果用戶無法快速明白如何使用您的應(yīng)用程序,他們很可能會(huì)轉(zhuǎn)而使用其他競(jìng)爭(zhēng)者的應(yīng)用程序,而且不會(huì)再嘗試您的應(yīng)用程序。
當(dāng)您設(shè)計(jì)應(yīng)用程序流程以及用戶界面時(shí),請(qǐng)遵循如下準(zhǔn)則以保證應(yīng)用程序的簡(jiǎn)單且易于使用:
如何使用您的應(yīng)用程序應(yīng)顯而易見。
常見的功能和信息集中于屏幕的頂部。
最大限度地減少文本輸入。
簡(jiǎn)潔地表達(dá)基本信息。
為所有可點(diǎn)擊元素提供一個(gè)指尖大小的目標(biāo)區(qū)域。
以下各小節(jié)就簡(jiǎn)單和易用性的準(zhǔn)則進(jìn)行更詳細(xì)的說明。
您不能假設(shè)用戶有時(shí)間(或能夠分出注意力)來研究您的應(yīng)用程序是如何運(yùn)作。因此,您必須努力讓應(yīng)用程序能夠立刻被用戶理解。
您的應(yīng)用程序的主要功能應(yīng)該一目了然。您可以最大限度地減少用戶必須選擇的控件數(shù)量,并清晰地標(biāo)識(shí)這些控件以便用戶明白它們的功能。例如,在內(nèi)置的秒表功能中(時(shí)鐘應(yīng)用程序的一部分),如圖3-1 所示,用戶一眼就可以看出哪個(gè)是停止按鈕,哪個(gè)是啟動(dòng)按鈕,哪個(gè)是用來記錄每圈時(shí)間。
用戶可以用手指或大拇指點(diǎn)擊一個(gè)iPhone OS的設(shè)備的屏幕。用戶傾向于用他們的非慣用手握住設(shè)備(或擱在手心),用慣用手的手指點(diǎn)擊設(shè)備。當(dāng)使用大拇指時(shí),人們要么將設(shè)備一手握住,然后用大拇指點(diǎn)擊,要么將設(shè)備握于雙手間,同時(shí)用兩根大拇指點(diǎn)擊。無論用哪一種方式,對(duì)于用戶來說屏幕最上方都是最顯眼的。
由于這些使用模式,您在設(shè)計(jì)應(yīng)用程序的用戶界面時(shí),應(yīng)將最常使用的(通常也是重要的)信息置于最明顯且最方便的頂部。當(dāng)用戶從屏幕頂部瀏覽到底部的時(shí)候,呈現(xiàn)的信息的過程應(yīng)該是由一般到特殊,從高級(jí)到低級(jí)的過程。
無論用戶是點(diǎn)擊控件還是使用鍵盤,輸入信息都會(huì)占用他們的時(shí)間和精力。如果您的應(yīng)用程序需要用戶在獲取有用信息前進(jìn)行大量輸入,這將降低用戶效率,并且會(huì)妨礙用戶繼續(xù)使用您的程序。
當(dāng)然,您通常需要一些來自用戶的信息。但您應(yīng)該在用戶提供的信息和您反饋給用戶的信息之間做出權(quán)衡。換句話說,努力為用戶提供的每一條信息反饋盡可能多的信息或功能。這樣,當(dāng)用戶使用您的應(yīng)用程序時(shí)他們會(huì)感到正在取得進(jìn)展,并沒有被阻塞。
當(dāng)您向用戶請(qǐng)求輸入時(shí),考慮使用表格視圖(或選擇器)來代替文本輸入框。對(duì)用戶來說,從一個(gè)列表中選擇一項(xiàng)通常比輸入單詞容易得多。有關(guān)表格視圖和選擇器的細(xì)節(jié),請(qǐng)分別參考“表格視圖” 和“選擇器” 小節(jié)。
當(dāng)用戶界面上的文本簡(jiǎn)短而又直接的話,用戶就能夠快速地理解它。因此,簡(jiǎn)明扼要地表達(dá)最重要的信息,并顯著地突出該信息,這樣用戶不必為了所尋找的信息或?yàn)榱伺逑乱徊皆撛趺醋龆喿x大段的文字。
為了幫助您做到這一點(diǎn),您可以像一位報(bào)紙編輯一樣地思考,努力用壓縮標(biāo)題的風(fēng)格傳遞信息。為控件加上簡(jiǎn)短的標(biāo)簽(或易于理解的符號(hào)),以便用戶一眼就能了解如何使用它們。
如果您的布局將控件放置得過于靠近,用戶需要花費(fèi)更多的時(shí)間和精力來確定他們點(diǎn)擊的區(qū)域,并且很容易點(diǎn)錯(cuò)控件。一個(gè)簡(jiǎn)單易用的用戶界面應(yīng)該合理地分配控件和其他用戶界面元素,使得用戶能夠更方便地點(diǎn)中控件。
例如,內(nèi)置的計(jì)算器應(yīng)用程序顯示很大的,易于點(diǎn)擊的控件,每個(gè)控件的目標(biāo)區(qū)域大約44x44像素。圖3-2 展示了計(jì)算器應(yīng)用程序。
一個(gè)令用戶滿意且愉快iPhone應(yīng)用程序應(yīng)將重點(diǎn)放在它的主要功能上,因此,當(dāng)您設(shè)計(jì)應(yīng)用程序時(shí),要始終將重點(diǎn)放在您的產(chǎn)品定義說明上,并確保每個(gè)產(chǎn)品功能和用戶界面元素支持這個(gè)說明。關(guān)于如何創(chuàng)建產(chǎn)品定義說明的相關(guān)建議, 請(qǐng)參考“給出產(chǎn)品定義說明” 。
一個(gè)比較好的方法是確定在每個(gè)上下文中什么是最重要。當(dāng)您決定要在每個(gè)屏幕中顯示什么時(shí)不斷問問自己,這是用戶現(xiàn)在需要的關(guān)鍵信息或功能嗎?或者,想得更加具體些,當(dāng)用戶在商場(chǎng)購(gòu)物或在會(huì)議間步行時(shí),這個(gè)信息或功能是不是他們需要的?如果不是,那它在另一個(gè)不同上下文中是不是重要?或者它終究不是那么重要?例如,一個(gè)幫助用戶記錄汽車?yán)锍虜?shù)的應(yīng)用程序不應(yīng)關(guān)心汽車經(jīng)銷商的位置。
當(dāng)您遵照這些準(zhǔn)則時(shí),您的解決方案變得更為清晰。特別是,您的應(yīng)用程序使用起來更為顯而易見,且最小限度地減少了用戶輸入。集中關(guān)注您的解決方案的重點(diǎn),從而使得用戶能更加方便,快速地進(jìn)入到應(yīng)用程序中最重要的部分(關(guān)于這些準(zhǔn)則的具體內(nèi)容,請(qǐng)參考“簡(jiǎn)單和易用性” )。
例如,內(nèi)置的日歷應(yīng)用程序(如圖3-3 所示)重點(diǎn)在于日期及當(dāng)天發(fā)生的事件。用戶可以使用具有明確標(biāo)簽的按鈕顯示當(dāng)前日期,選擇查看選項(xiàng),添加事件等。最重要的信息是日期以及與之相關(guān)的事件,也是最顯眼的。用戶輸入也很簡(jiǎn)單,它允許用戶從列表中選擇時(shí)間,重復(fù)間隔以及提醒選項(xiàng),而不是要求按鍵輸入。
溝通和反饋,在iPhone應(yīng)用程序中的重要性和在桌面應(yīng)用程序一樣。用戶需要知道他們的請(qǐng)求是否正在處理中,以及他們的行為是否會(huì)導(dǎo)致數(shù)據(jù)丟失或其他問題。盡管如此,避免矯枉過正的溝通也很重要,例如在并非真正嚴(yán)重的情況下提醒用戶或過于頻繁地請(qǐng)求確認(rèn)。
動(dòng)畫是一種進(jìn)行有效溝通的好方法,前提是它不會(huì)妨礙用戶的任務(wù)或影響他們的效率。精細(xì)適當(dāng)?shù)膭?dòng)畫可以傳遞信息,提供有用的反饋,以可視化的方式向用戶展示他們行為的結(jié)果。但是過多或無意義的動(dòng)畫會(huì)阻礙應(yīng)用程序的流程,影響其性能,并困擾用戶。
在所有與用戶的基于文本的溝通中,一定要使用以用戶為中心的術(shù)語,特別是要避免在用戶界面中使用技術(shù)術(shù)語。例如,在Wi-Fi無線網(wǎng)絡(luò)偏好設(shè)置界面使用清楚的,非技術(shù)性的語言來描述如何將設(shè)備連接到網(wǎng)絡(luò),如圖3-4 所示。
人們習(xí)慣用手指來操作iPhone OS設(shè)備獨(dú)特的多點(diǎn)觸摸界面,使用如輕敲,搖動(dòng),夾等手勢(shì)來選擇,操作,閱讀網(wǎng)頁(yè)內(nèi)容或使用應(yīng)用程序。使用手指操作設(shè)備其真正的優(yōu)勢(shì)在于:手指總是可用的,它們有能力完成許多不同的動(dòng)作,并且它們給用戶一種直觀的,和設(shè)備關(guān)聯(lián)的感覺,這是諸如鼠標(biāo)等外部輸入設(shè)備無法實(shí)現(xiàn)的。
然而,手指有一個(gè)主要缺點(diǎn),和鼠標(biāo)指針相比,無論是在大小,形狀還是靈敏度方面都要差很多。在屏幕的上下文中,手指永遠(yuǎn)不可能像鼠標(biāo)指針一樣。
所幸的是,您可以用一個(gè)良好的用戶界面設(shè)計(jì)來彌補(bǔ)手指輸入設(shè)備帶來的挑戰(zhàn)。在大多數(shù)情況下這意味著您需要確保您的布局可容納一個(gè)指尖的平均大小,同樣也意味著您需要響應(yīng)手指的動(dòng)作以讓用戶獲得其期望的行為。
用戶進(jìn)行一些特定的動(dòng)作,從而獲得特殊的結(jié)果,這種動(dòng)作稱之為手勢(shì) 。例如,用戶點(diǎn)擊一個(gè)按鈕來選中它,并搖動(dòng),或拖拽以滾動(dòng)一個(gè)列表。因?yàn)閮?nèi)置的應(yīng)用程序一致使用,iPhone用戶已經(jīng)習(xí)慣了這些手勢(shì)。因此,您應(yīng)該在您的應(yīng)用程序中恰當(dāng)?shù)厥褂眠@些手勢(shì),避免混淆。
還有一些更加復(fù)雜的手勢(shì),如swipe或pinch open,一樣在內(nèi)置的應(yīng)用程序中被使用,但它們并不常見。一般來說,這些手勢(shì)被用作快捷方式來加快完成任務(wù),而不是執(zhí)行任務(wù)的唯一方法。例如,當(dāng)查看郵箱中郵件列表時(shí),用戶顯示消息預(yù)覽行中的刪除按鈕并點(diǎn)擊它來刪除一條正在查看的消息。用戶可以用兩種不同的方式顯示刪除按鈕:
點(diǎn)擊導(dǎo)航欄中的編輯按鈕,這個(gè)按鈕將在每個(gè)預(yù)覽行里顯示一個(gè)刪除控件。然后點(diǎn)擊該控件就會(huì)顯示刪除按鈕。
在特定的預(yù)覽行使用swipe手勢(shì),就會(huì)顯示這條消息的刪除按鈕。
第一種方法需要一個(gè)額外的步驟,但容易被發(fā)現(xiàn),因?yàn)樗鼉H僅需要點(diǎn)擊已經(jīng)清楚標(biāo)識(shí)的編輯按鈕。第二種方法顯然更快,但它需要用戶學(xué)習(xí)并記住特定swipe手勢(shì)。
因此,為確保您的應(yīng)用程序易于使用,盡量使用常見的那些手勢(shì)中,如點(diǎn)擊,拖拽等。您應(yīng)該避免將諸如swipe或pinch open等不常見的手勢(shì)作為執(zhí)行一個(gè)動(dòng)作的唯一方法。您的應(yīng)用程序應(yīng)該有一個(gè)簡(jiǎn)單直接的方法來執(zhí)行一個(gè)動(dòng)作,即使它意味著多點(diǎn)擊幾次。
在大多數(shù)應(yīng)用程序中,避免定義新的手勢(shì)同樣很重要,特別是這些新手勢(shì)所執(zhí)行的動(dòng)作已經(jīng)和標(biāo)準(zhǔn)手勢(shì)想關(guān)聯(lián)。一個(gè)例外是沉浸式的應(yīng)用程序,在這種應(yīng)用中可以適當(dāng)?shù)丶尤胱远x的手勢(shì)。例如,一個(gè)效率型應(yīng)用程序要求用戶作出畫圈手勢(shì)來在一個(gè)表格行中顯示刪除按鈕,這樣的應(yīng)用程序?qū)⑹腔靵y的且難于使用的。但另一方面,一個(gè)游戲要求做出畫圈的手勢(shì)來轉(zhuǎn)動(dòng)游戲的某部分就顯得比較合理。
表3-1 列出了用戶可以使用的標(biāo)準(zhǔn)手勢(shì)。不要試圖重新定義這些手勢(shì)的含義;相反地,如果您的應(yīng)用程序中支持這些行為,請(qǐng)確保也能夠支持與之對(duì)應(yīng)的手勢(shì)。了解更多有關(guān)如何處理由手勢(shì)產(chǎn)生的事件,請(qǐng)參考iPhone應(yīng)用程序編程指南 。
手勢(shì) |
操作 |
---|---|
Tap |
按或選擇一個(gè)控件或項(xiàng)目(類似于單擊一次鼠標(biāo))。 |
Drag |
拖動(dòng) |
Flick |
快速滾動(dòng)或搖晃 |
Swipe |
在一個(gè)表視圖行中,顯示刪除按鈕。 |
Double tap |
放大并將內(nèi)容或圖片部分居中。 縮?。ㄈ绻呀?jīng)被放大的話)。 |
Pinch open |
放大 |
Pinch close |
縮小 |
Touch and hold |
在可編輯文本中,顯示一個(gè)放大的光標(biāo)視圖。 |
當(dāng)品牌的設(shè)計(jì)巧妙且簡(jiǎn)約時(shí),它是最有效的。用戶使用您的iPhone應(yīng)用程序來完成某項(xiàng)任務(wù)或娛樂時(shí),他們不希望產(chǎn)生被強(qiáng)迫觀看廣告的感覺。因此,您應(yīng)該以一種低調(diào)的方式引入您的品牌的顏色或圖片。例如,您可以在視圖和控件中使用一個(gè)自定義的配色方案。
應(yīng)用程序圖標(biāo)是例外情況,它應(yīng)該突出顯示您的品牌(應(yīng)用程序圖標(biāo)是用戶在安裝完應(yīng)用程序后,在主屏幕中可以看到的圖標(biāo)),用戶會(huì)經(jīng)??吹竭@個(gè)圖標(biāo),因此,花費(fèi)點(diǎn)時(shí)間讓您的品牌更吸引眼球是有必要的。關(guān)于如何設(shè)計(jì)一個(gè)應(yīng)用程序圖標(biāo),請(qǐng)參考“應(yīng)用程序圖標(biāo) 。”
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.jghy.net