轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   www.alimai.net  )是一家專(zhuān)注而深入的設(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)單和易用性

簡(jiǎn)單和易用是所有軟件的基本原則，但在iPhone應(yīng)用程序中它們尤其重要。iPhone OS用戶很可能在使用您的應(yīng)用程序的同時(shí)，還做著其他事情。如果用戶無(wú)法快速明白如何使用您的應(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)。

• 常見(jiàn)的功能和信息集中于屏幕的頂部。

• 最大限度地減少文本輸入。

• 簡(jiǎn)潔地表達(dá)基本信息。

• 為所有可點(diǎn)擊元素提供一個(gè)指尖大小的目標(biāo)區(qū)域。

以下各小節(jié)就簡(jiǎn)單和易用性的準(zhǔn)則進(jìn)行更詳細(xì)的說(shuō)明。

顯而易見(jiàn)

您不能假設(shè)用戶有時(shí)間（或能夠分出注意力）來(lái)研究您的應(yīng)用程序是如何運(yùn)作。因此，您必須努力讓?xiě)?yīng)用程序能夠立刻被用戶理解。

您的應(yīng)用程序的主要功能應(yīng)該一目了然。您可以最大限度地減少用戶必須選擇的控件數(shù)量，并清晰地標(biāo)識(shí)這些控件以便用戶明白它們的功能。例如，在內(nèi)置的秒表功能中（時(shí)鐘應(yīng)用程序的一部分），如圖3-1 所示，用戶一眼就可以看出哪個(gè)是停止按鈕，哪個(gè)是啟動(dòng)按鈕，哪個(gè)是用來(lái)記錄每圈時(shí)間。

由上而下的布局

用戶可以用手指或大拇指點(diǎn)擊一個(gè)iPhone OS的設(shè)備的屏幕。用戶傾向于用他們的非慣用手握住設(shè)備（或擱在手心），用慣用手的手指點(diǎn)擊設(shè)備。當(dāng)使用大拇指時(shí)，人們要么將設(shè)備一手握住，然后用大拇指點(diǎn)擊，要么將設(shè)備握于雙手間，同時(shí)用兩根大拇指點(diǎn)擊。無(wú)論用哪一種方式，對(duì)于用戶來(lái)說(shuō)屏幕最上方都是最顯眼的。

由于這些使用模式，您在設(shè)計(jì)應(yīng)用程序的用戶界面時(shí)，應(yīng)將最常使用的（通常也是重要的）信息置于最明顯且最方便的頂部。當(dāng)用戶從屏幕頂部瀏覽到底部的時(shí)候，呈現(xiàn)的信息的過(guò)程應(yīng)該是由一般到特殊，從高級(jí)到低級(jí)的過(guò)程。

最大限度地減少所需的輸入

無(wú)論用戶是點(diǎn)擊控件還是使用鍵盤(pán)，輸入信息都會(huì)占用他們的時(shí)間和精力。如果您的應(yīng)用程序需要用戶在獲取有用信息前進(jìn)行大量輸入，這將降低用戶效率，并且會(huì)妨礙用戶繼續(xù)使用您的程序。

當(dāng)然，您通常需要一些來(lái)自用戶的信息。但您應(yīng)該在用戶提供的信息和您反饋給用戶的信息之間做出權(quán)衡。換句話說(shuō)，努力為用戶提供的每一條信息反饋盡可能多的信息或功能。這樣，當(dāng)用戶使用您的應(yīng)用程序時(shí)他們會(huì)感到正在取得進(jìn)展，并沒(méi)有被阻塞。

當(dāng)您向用戶請(qǐng)求輸入時(shí)，考慮使用表格視圖（或選擇器）來(lái)代替文本輸入框。對(duì)用戶來(lái)說(shuō)，從一個(gè)列表中選擇一項(xiàng)通常比輸入單詞容易得多。有關(guān)表格視圖和選擇器的細(xì)節(jié)，請(qǐng)分別參考“表格視圖” 和“選擇器” 小節(jié)。

簡(jiǎn)潔地表達(dá)信息

當(dāng)用戶界面上的文本簡(jiǎn)短而又直接的話，用戶就能夠快速地理解它。因此，簡(jiǎn)明扼要地表達(dá)最重要的信息，并顯著地突出該信息，這樣用戶不必為了所尋找的信息或?yàn)榱伺逑乱徊皆撛趺醋龆喿x大段的文字。

為了幫助您做到這一點(diǎn)，您可以像一位報(bào)紙編輯一樣地思考，努力用壓縮標(biāo)題的風(fēng)格傳遞信息。為控件加上簡(jiǎn)短的標(biāo)簽（或易于理解的符號(hào)），以便用戶一眼就能了解如何使用它們。

為控件提供指尖大小的目標(biāo)區(qū)域

如果您的布局將控件放置得過(guò)于靠近，用戶需要花費(fèi)更多的時(shí)間和精力來(lái)確定他們點(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)用程序。

將重點(diǎn)放在主要功能上

一個(gè)令用戶滿意且愉快iPhone應(yīng)用程序應(yīng)將重點(diǎn)放在它的主要功能上，因此，當(dāng)您設(shè)計(jì)應(yīng)用程序時(shí)，要始終將重點(diǎn)放在您的產(chǎn)品定義說(shuō)明上，并確保每個(gè)產(chǎn)品功能和用戶界面元素支持這個(gè)說(shuō)明。關(guān)于如何創(chuàng)建產(chǎn)品定義說(shuō)明的相關(guān)建議， 請(qǐng)參考“給出產(chǎn)品定義說(shuō)明” 。

一個(gè)比較好的方法是確定在每個(gè)上下文中什么是最重要。當(dāng)您決定要在每個(gè)屏幕中顯示什么時(shí)不斷問(wèn)問(wèn)自己，這是用戶現(xiàn)在需要的關(guān)鍵信息或功能嗎？或者，想得更加具體些，當(dāng)用戶在商場(chǎng)購(gòu)物或在會(huì)議間步行時(shí)，這個(gè)信息或功能是不是他們需要的？如果不是，那它在另一個(gè)不同上下文中是不是重要？或者它終究不是那么重要？例如，一個(gè)幫助用戶記錄汽車(chē)?yán)锍虜?shù)的應(yīng)用程序不應(yīng)關(guān)心汽車(chē)經(jīng)銷(xiāo)商的位置。

當(dāng)您遵照這些準(zhǔn)則時(shí)，您的解決方案變得更為清晰。特別是，您的應(yīng)用程序使用起來(lái)更為顯而易見(jiàn)，且最小限度地減少了用戶輸入。集中關(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ù)丟失或其他問(wèn)題。盡管如此，避免矯枉過(guò)正的溝通也很重要，例如在并非真正嚴(yán)重的情況下提醒用戶或過(guò)于頻繁地請(qǐng)求確認(rèn)。

動(dòng)畫(huà)是一種進(jìn)行有效溝通的好方法，前提是它不會(huì)妨礙用戶的任務(wù)或影響他們的效率。精細(xì)適當(dāng)?shù)膭?dòng)畫(huà)可以傳遞信息，提供有用的反饋，以可視化的方式向用戶展示他們行為的結(jié)果。但是過(guò)多或無(wú)意義的動(dòng)畫(huà)會(huì)阻礙應(yīng)用程序的流程，影響其性能，并困擾用戶。

 

在所有與用戶的基于文本的溝通中，一定要使用以用戶為中心的術(shù)語(yǔ)，特別是要避免在用戶界面中使用技術(shù)術(shù)語(yǔ)。例如，在Wi-Fi無(wú)線網(wǎng)絡(luò)偏好設(shè)置界面使用清楚的，非技術(shù)性的語(yǔ)言來(lái)描述如何將設(shè)備連接到網(wǎng)絡(luò)，如圖3-4 所示。

 

適當(dāng)?shù)闹С质謩?shì)

人們習(xí)慣用手指來(lái)操作iPhone OS設(shè)備獨(dú)特的多點(diǎn)觸摸界面，使用如輕敲，搖動(dòng)，夾等手勢(shì)來(lái)選擇，操作，閱讀網(wǎng)頁(yè)內(nèi)容或使用應(yīng)用程序。使用手指操作設(shè)備其真正的優(yōu)勢(shì)在于：手指總是可用的，它們有能力完成許多不同的動(dòng)作，并且它們給用戶一種直觀的，和設(shè)備關(guān)聯(lián)的感覺(jué)，這是諸如鼠標(biāo)等外部輸入設(shè)備無(wú)法實(shí)現(xiàn)的。

然而，手指有一個(gè)主要缺點(diǎn)，和鼠標(biāo)指針相比，無(wú)論是在大小，形狀還是靈敏度方面都要差很多。在屏幕的上下文中，手指永遠(yuǎn)不可能像鼠標(biāo)指針一樣。

所幸的是，您可以用一個(gè)良好的用戶界面設(shè)計(jì)來(lái)彌補(bǔ)手指輸入設(shè)備帶來(lái)的挑戰(zhàn)。在大多數(shù)情況下這意味著您需要確保您的布局可容納一個(gè)指尖的平均大小，同樣也意味著您需要響應(yīng)手指的動(dòng)作以讓用戶獲得其期望的行為。

用戶進(jìn)行一些特定的動(dòng)作，從而獲得特殊的結(jié)果，這種動(dòng)作稱(chēng)之為手勢(shì) 。例如，用戶點(diǎn)擊一個(gè)按鈕來(lái)選中它，并搖動(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)用程序中被使用，但它們并不常見(jiàn)。一般來(lái)說(shuō)，這些手勢(shì)被用作快捷方式來(lái)加快完成任務(wù)，而不是執(zhí)行任務(wù)的唯一方法。例如，當(dāng)查看郵箱中郵件列表時(shí)，用戶顯示消息預(yù)覽行中的刪除按鈕并點(diǎn)擊它來(lái)刪除一條正在查看的消息。用戶可以用兩種不同的方式顯示刪除按鈕：

• 點(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)用程序易于使用，盡量使用常見(jiàn)的那些手勢(shì)中，如點(diǎn)擊，拖拽等。您應(yīng)該避免將諸如swipe或pinch open等不常見(jiàn)的手勢(shì)作為執(zhí)行一個(gè)動(dòng)作的唯一方法。您的應(yīng)用程序應(yīng)該有一個(gè)簡(jiǎn)單直接的方法來(lái)執(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)用程序要求用戶作出畫(huà)圈手勢(shì)來(lái)在一個(gè)表格行中顯示刪除按鈕，這樣的應(yīng)用程序?qū)⑹腔靵y的且難于使用的。但另一方面，一個(gè)游戲要求做出畫(huà)圈的手勢(shì)來(lái)轉(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)用程序編程指南 。

慎重地融合品牌元素

當(dāng)品牌的設(shè)計(jì)巧妙且簡(jiǎn)約時(shí)，它是最有效的。用戶使用您的iPhone應(yīng)用程序來(lái)完成某項(xiàng)任務(wù)或娛樂(lè)時(shí)，他們不希望產(chǎn)生被強(qiáng)迫觀看廣告的感覺(jué)。因此，您應(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)  。”