當(dāng)用戶在蘋(píng)果應(yīng)用商店里尋找新應(yīng)用時(shí)，往往基于設(shè)計(jì)來(lái)考量是否購(gòu)買(mǎi)。生活中，或許很多人告誡我們不要憑借封面去評(píng)判一本書(shū)；既然無(wú)法試用一款應(yīng)用，那么截圖成為我們?cè)u(píng)判一款應(yīng)用質(zhì)量好壞的重要依據(jù)。

既然用戶無(wú)法通過(guò)瀏覽App Store來(lái)判斷應(yīng)用的易用性和代碼健壯性，那么將設(shè)計(jì)作為評(píng)判依據(jù)是合理的，這意味著同類(lèi)應(yīng)用競(jìng)爭(zhēng)時(shí)，往往具備優(yōu)秀的體驗(yàn)設(shè)計(jì)的應(yīng)用更受歡迎。

如何設(shè)計(jì)優(yōu)秀的iPhone應(yīng)用呢？有如下五點(diǎn)建議。

1. 應(yīng)用線框圖

當(dāng)我們討論應(yīng)用設(shè)計(jì)時(shí)，通常包含兩個(gè)主要因素：用戶體驗(yàn)設(shè)計(jì)（user experience design）和用戶界面設(shè)計(jì)（user interface design）。

體驗(yàn)設(shè)計(jì)包括應(yīng)用的意圖（如包含哪些功能點(diǎn)）以及用戶如何完成這些意圖。

用戶界面設(shè)計(jì)主要專(zhuān)注于體驗(yàn)的可視化，包括顏色、紋理、字體等元素。

設(shè)計(jì)iPhone應(yīng)用時(shí)，上述的兩個(gè)因素都至關(guān)重要。當(dāng)然，首先你得花時(shí)間來(lái)構(gòu)建用戶體驗(yàn)的實(shí)體，往往通過(guò)線框圖來(lái)實(shí)現(xiàn)。線框圖（wireframe）能對(duì)應(yīng)用創(chuàng)意進(jìn)行簡(jiǎn)單勾勒，專(zhuān)注于體驗(yàn)部分，而忽略視覺(jué)效果。（更多內(nèi)容參考benefits of wireframing your designs

需要注意的是，工具無(wú)關(guān)緊要，不必糾結(jié)。你需要集中精力去規(guī)劃應(yīng)用的功能，使之更加融洽和諧；你需要考慮用戶第一次過(guò)來(lái)要如何呈現(xiàn)；你需要思考用戶的操作邏輯。畫(huà)按鈕，寫(xiě)文字，尤其是竭力讓學(xué)習(xí)的過(guò)程更直觀。

只有開(kāi)始時(shí)就注重風(fēng)格，你才能確信你的線框圖呈現(xiàn)的是一個(gè)清晰、易用的應(yīng)用設(shè)計(jì)方案。

2. 手指大小的點(diǎn)擊目標(biāo)

這是提升應(yīng)用易用性最顯著的點(diǎn)：擴(kuò)大每個(gè)按鈕的可點(diǎn)擊區(qū)域。你是為拇指設(shè)計(jì)的，不是精確點(diǎn)擊的鼠標(biāo)箭頭。

蘋(píng)果推薦的元素最小可點(diǎn)操作區(qū)域?yàn)?4x44px。這并不意味著按鈕需要很大。可點(diǎn)區(qū)域可以根據(jù)按鈕的視覺(jué)大小進(jìn)行擴(kuò)展，這樣可以消除用戶多次嘗試性點(diǎn)擊帶來(lái)的煩惱。得特別注意那些相互靠近的多個(gè)按鈕，額外的可點(diǎn)區(qū)域不能蓋住其他的按鈕。

3. 每個(gè)界面只有一個(gè)主要的目標(biāo)點(diǎn)

應(yīng)用的一個(gè)界面，應(yīng)該聚焦于你想傳達(dá)的主要目的。例如，iPhone郵件應(yīng)用中的郵件列表界面，用戶的主要目的是瀏覽郵件。雖然存在撰寫(xiě)郵件的第二操作，但是按鈕放置于角落，并不突出。

設(shè)計(jì)師的一個(gè)任務(wù)就是進(jìn)行決策：哪些是最重要的，然后突出她。降低次要元素的視覺(jué)比重，讓主要操作更加明了。

閱讀以下文章，可以幫助你在應(yīng)用中創(chuàng)建優(yōu)秀的可視化層次結(jié)構(gòu)和優(yōu)先級(jí)：

Working with Visual Weight in Your Designs

Creating Focal Points in Your Web Design