轉(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ù)

優(yōu)秀的iPhone應(yīng)用程序地滿足了用戶需求，同時提供了用戶想要的體驗(yàn)。為了幫助您在應(yīng)用程序中平衡這兩點(diǎn)，本小節(jié)歸納了優(yōu)秀iPhone應(yīng)用程序的一些共有特點(diǎn)，并就如何將這些特點(diǎn)融合到您的產(chǎn)品中給予了建議。

簡單和易用性

簡單和易用是所有軟件的基本原則，但在iPhone應(yīng)用程序中它們尤其重要。iPhone OS用戶很可能在使用您的應(yīng)用程序的同時，還做著其他事情。如果用戶無法快速明白如何使用您的應(yīng)用程序，他們很可能會轉(zhuǎn)而使用其他競爭者的應(yīng)用程序，而且不會再嘗試您的應(yīng)用程序。

當(dāng)您設(shè)計(jì)應(yīng)用程序流程以及用戶界面時，請遵循如下準(zhǔn)則以保證應(yīng)用程序的簡單且易于使用：

• 如何使用您的應(yīng)用程序應(yīng)顯而易見。

• 常見的功能和信息集中于屏幕的頂部。

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

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

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

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

顯而易見

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

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

由上而下的布局

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

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

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

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

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

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

簡潔地表達(dá)信息

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

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

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

如果您的布局將控件放置得過于靠近，用戶需要花費(fèi)更多的時間和精力來確定他們點(diǎn)擊的區(qū)域，并且很容易點(diǎn)錯控件。一個簡單易用的用戶界面應(yīng)該合理地分配控件和其他用戶界面元素，使得用戶能夠更方便地點(diǎn)中控件。

例如，內(nèi)置的計(jì)算器應(yīng)用程序顯示很大的，易于點(diǎn)擊的控件，每個控件的目標(biāo)區(qū)域大約44x44像素。圖3-2  展示了計(jì)算器應(yīng)用程序。

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

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

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

當(dāng)您遵照這些準(zhǔn)則時，您的解決方案變得更為清晰。特別是，您的應(yīng)用程序使用起來更為顯而易見，且最小限度地減少了用戶輸入。集中關(guān)注您的解決方案的重點(diǎn)，從而使得用戶能更加方便，快速地進(jìn)入到應(yīng)用程序中最重要的部分（關(guān)于這些準(zhǔn)則的具體內(nèi)容，請參考“簡單和易用性” ）。

例如，內(nèi)置的日歷應(yīng)用程序（如圖3-3  所示）重點(diǎn)在于日期及當(dāng)天發(fā)生的事件。用戶可以使用具有明確標(biāo)簽的按鈕顯示當(dāng)前日期，選擇查看選項(xiàng)，添加事件等。最重要的信息是日期以及與之相關(guān)的事件，也是最顯眼的。用戶輸入也很簡單，它允許用戶從列表中選擇時間，重復(fù)間隔以及提醒選項(xiàng)，而不是要求按鍵輸入。

有效地溝通

溝通和反饋，在iPhone應(yīng)用程序中的重要性和在桌面應(yīng)用程序一樣。用戶需要知道他們的請求是否正在處理中，以及他們的行為是否會導(dǎo)致數(shù)據(jù)丟失或其他問題。盡管如此，避免矯枉過正的溝通也很重要，例如在并非真正嚴(yán)重的情況下提醒用戶或過于頻繁地請求確認(rèn)。

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

 

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

 

適當(dāng)?shù)闹С质謩?/span>

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

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

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

用戶進(jìn)行一些特定的動作，從而獲得特殊的結(jié)果，這種動作稱之為手勢 。例如，用戶點(diǎn)擊一個按鈕來選中它，并搖動，或拖拽以滾動一個列表。因?yàn)閮?nèi)置的應(yīng)用程序一致使用，iPhone用戶已經(jīng)習(xí)慣了這些手勢。因此，您應(yīng)該在您的應(yīng)用程序中恰當(dāng)?shù)厥褂眠@些手勢，避免混淆。

還有一些更加復(fù)雜的手勢，如swipe或pinch open，一樣在內(nèi)置的應(yīng)用程序中被使用，但它們并不常見。一般來說，這些手勢被用作快捷方式來加快完成任務(wù)，而不是執(zhí)行任務(wù)的唯一方法。例如，當(dāng)查看郵箱中郵件列表時，用戶顯示消息預(yù)覽行中的刪除按鈕并點(diǎn)擊它來刪除一條正在查看的消息。用戶可以用兩種不同的方式顯示刪除按鈕：

• 點(diǎn)擊導(dǎo)航欄中的編輯按鈕，這個按鈕將在每個預(yù)覽行里顯示一個刪除控件。然后點(diǎn)擊該控件就會顯示刪除按鈕。

• 在特定的預(yù)覽行使用swipe手勢，就會顯示這條消息的刪除按鈕。

第一種方法需要一個額外的步驟，但容易被發(fā)現(xiàn)，因?yàn)樗鼉H僅需要點(diǎn)擊已經(jīng)清楚標(biāo)識的編輯按鈕。第二種方法顯然更快，但它需要用戶學(xué)習(xí)并記住特定swipe手勢。

因此，為確保您的應(yīng)用程序易于使用，盡量使用常見的那些手勢中，如點(diǎn)擊，拖拽等。您應(yīng)該避免將諸如swipe或pinch open等不常見的手勢作為執(zhí)行一個動作的唯一方法。您的應(yīng)用程序應(yīng)該有一個簡單直接的方法來執(zhí)行一個動作，即使它意味著多點(diǎn)擊幾次。

在大多數(shù)應(yīng)用程序中，避免定義新的手勢同樣很重要，特別是這些新手勢所執(zhí)行的動作已經(jīng)和標(biāo)準(zhǔn)手勢想關(guān)聯(lián)。一個例外是沉浸式的應(yīng)用程序，在這種應(yīng)用中可以適當(dāng)?shù)丶尤胱远x的手勢。例如，一個效率型應(yīng)用程序要求用戶作出畫圈手勢來在一個表格行中顯示刪除按鈕，這樣的應(yīng)用程序?qū)⑹腔靵y的且難于使用的。但另一方面，一個游戲要求做出畫圈的手勢來轉(zhuǎn)動游戲的某部分就顯得比較合理。

 

表3-1 列出了用戶可以使用的標(biāo)準(zhǔn)手勢。不要試圖重新定義這些手勢的含義；相反地，如果您的應(yīng)用程序中支持這些行為，請確保也能夠支持與之對應(yīng)的手勢。了解更多有關(guān)如何處理由手勢產(chǎn)生的事件，請參考iPhone應(yīng)用程序編程指南 。

慎重地融合品牌元素

當(dāng)品牌的設(shè)計(jì)巧妙且簡約時，它是最有效的。用戶使用您的iPhone應(yīng)用程序來完成某項(xiàng)任務(wù)或娛樂時，他們不希望產(chǎn)生被強(qiáng)迫觀看廣告的感覺。因此，您應(yīng)該以一種低調(diào)的方式引入您的品牌的顏色或圖片。例如，您可以在視圖和控件中使用一個自定義的配色方案。

 

應(yīng)用程序圖標(biāo)是例外情況，它應(yīng)該突出顯示您的品牌（應(yīng)用程序圖標(biāo)是用戶在安裝完應(yīng)用程序后，在主屏幕中可以看到的圖標(biāo)），用戶會經(jīng)?？吹竭@個圖標(biāo)，因此，花費(fèi)點(diǎn)時間讓您的品牌更吸引眼球是有必要的。關(guān)于如何設(shè)計(jì)一個應(yīng)用程序圖標(biāo)，請參考“應(yīng)用程序圖標(biāo)  。”