2.1 設(shè)計(jì)原則（Design Principles）

2.1.1 美學(xué)完整性（Aesthetic Integrity）

美學(xué)完整性并不評(píng)判應(yīng)用的視覺(jué)設(shè)計(jì)，或者用來(lái)描述應(yīng)用的風(fēng)格特征。美學(xué)完整性是指一款應(yīng)用的視覺(jué)表現(xiàn)和交互行為在與功能結(jié)合后所傳達(dá)出的整體一致性。

人們關(guān)心應(yīng)用是否提供了應(yīng)有的功能，但是也會(huì)潛移默化甚至是很直接地被應(yīng)用的視覺(jué)表現(xiàn)和交互行為所影響。舉個(gè)例子，一款協(xié)助用戶完成任務(wù)的應(yīng)用，可以通過(guò)使用精美而又無(wú)干擾的裝飾性元素、標(biāo)準(zhǔn)的控件和可預(yù)期的交互行為來(lái)幫助用戶聚焦在任務(wù)本身上。這樣，應(yīng)用就能傳達(dá)出清晰一致的信息，使得人們信任它。但是，如果應(yīng)用使用干擾的、瑣碎或隨意的UI來(lái)呈現(xiàn)任務(wù)，那么人們可能會(huì)對(duì)其可靠性和可信賴度產(chǎn)生懷疑。

另一方面，在沉浸式應(yīng)用中—例如游戲—用戶期待驚艷的視覺(jué)表現(xiàn)，為用戶帶來(lái)樂(lè)趣和刺激，并鼓勵(lì)用戶進(jìn)行探索。人們不希望在游戲中完成嚴(yán)肅的或生產(chǎn)力式的任務(wù)，他們會(huì)期待游戲的視覺(jué)表現(xiàn)和交互行為能夠整合進(jìn)任務(wù)當(dāng)中。

2.1.2 一致性（Consistency）

一致性可以讓人們?cè)谝豢顟?yīng)用中的不同部分甚至不同應(yīng)用間復(fù)用他們的知識(shí)和技能。一款具備一致性的應(yīng)用不應(yīng)盲從地復(fù)制其他應(yīng)用，也不應(yīng)在風(fēng)格上一成不變。應(yīng)用應(yīng)專注于讓人們覺(jué)得舒適的標(biāo)準(zhǔn)和范例，并提供應(yīng)用內(nèi)部統(tǒng)一的體驗(yàn)。

在決定一款iOS應(yīng)用是否要遵守一致性原則時(shí)，請(qǐng)思考如下問(wèn)題：

• 應(yīng)用是否和iOS標(biāo)準(zhǔn)一致？是否正確地使用了系統(tǒng)提供的控件、視圖和圖標(biāo)？是否以用戶所預(yù)期的方式整合了設(shè)備的特性？
• 應(yīng)用是否內(nèi)部統(tǒng)一？文案是否使用了一致的措辭和風(fēng)格？同樣的圖標(biāo)是否表意相同？在不同的位置執(zhí)行同樣的操作時(shí)，人們是否能能預(yù)期會(huì)發(fā)生什么？
• 應(yīng)用是否和先前的版本保持一致？條款和意義是否保持不變？基本概念和主要功能是否發(fā)生了變化？

2.1.3 直接操作（Direct Manipulation）

當(dāng)人們不再使用一堆控件進(jìn)行操作，而是直接操作屏幕上的對(duì)象時(shí)，他們能更集中精力完成任務(wù)，也更容易理解這些行為所產(chǎn)生的結(jié)果。

使用多點(diǎn)觸摸界面，人們可以通過(guò)捏合操作來(lái)直接放大和縮小圖片或文本內(nèi)容。在游戲中，玩家應(yīng)該直接移動(dòng)和作用在屏幕上的對(duì)象。例如，游戲中可能會(huì)顯示密碼鎖，用戶可以通過(guò)轉(zhuǎn)動(dòng)它來(lái)打開(kāi)。

在一款iOS應(yīng)用中，如下情況中人們應(yīng)該能夠進(jìn)行直接操作：

• 旋轉(zhuǎn)或者移動(dòng)設(shè)備來(lái)影響屏幕上的對(duì)象
• 使用手勢(shì)來(lái)操作屏幕上的對(duì)象
• 顯示即時(shí)可視的操作反饋

2.1.4 反饋（Feedback）

反饋可以明示人們的行為，展示操作的結(jié)果，并更新于任務(wù)進(jìn)程之中。

iOS內(nèi)置的應(yīng)用對(duì)用戶的每個(gè)行為都提供了可感知的反饋。當(dāng)人們點(diǎn)擊列表項(xiàng)和控件時(shí)，它們會(huì)被臨時(shí)高亮，并會(huì)在操作過(guò)程中持續(xù)一段時(shí)間，以此展示控件被執(zhí)行的過(guò)程。

精細(xì)的動(dòng)畫會(huì)給人們帶來(lái)有意義的反饋，幫助闡明行為的結(jié)果。例如，列表中新增一項(xiàng)時(shí)的動(dòng)畫可以從視覺(jué)上幫助人們發(fā)現(xiàn)列表的變化。

音效同樣可以為人們提供有效的反饋，但不應(yīng)成為唯一的反饋方式，因?yàn)槿藗儾灰欢苈?tīng)到。

2.1.5 隱喻（Metaphors）

當(dāng)應(yīng)用中的虛擬對(duì)象和交互行為與用戶已經(jīng)熟悉的體驗(yàn)相似時(shí)—無(wú)論這些體驗(yàn)是來(lái)源于真實(shí)或數(shù)字生活—用戶就可以快速地掌握如何來(lái)使用這個(gè)應(yīng)用。

當(dāng)應(yīng)用使用隱喻來(lái)傳達(dá)某種用法或體驗(yàn)時(shí)，最好不要讓隱喻突破所依賴的對(duì)象或交互行為本身的限制。（譯者注：此處可理解為對(duì)于隱喻的使用應(yīng)量力而為，不要過(guò)于牽強(qiáng)。）

由于人們實(shí)際上是和屏幕進(jìn)行物理上的交互，所以iOS應(yīng)用有很大的余地來(lái)使用隱喻。iOS中的隱喻包括：

• 移動(dòng)分層視圖來(lái)顯示被遮擋的內(nèi)容
• 拖曳、輕掃和滑動(dòng)游戲中的對(duì)象
• 點(diǎn)擊開(kāi)關(guān)，滑動(dòng)滑塊，轉(zhuǎn)動(dòng)選擇器
• 輕掃來(lái)翻閱書本或雜志

2.1.6 用戶控制（User Control）

是人—而不是應(yīng)用—發(fā)起和控制行為。應(yīng)用可以對(duì)用戶進(jìn)行操作建議，對(duì)有危害的后果予以警示，但是不應(yīng)替用戶來(lái)做決策。好的應(yīng)用會(huì)在給人們幫助他們避免不必要結(jié)果的能力時(shí)，找到正確的平衡。

當(dāng)對(duì)應(yīng)用的交互行為和控件都較為熟悉和可預(yù)期時(shí)，用戶會(huì)覺(jué)得應(yīng)用更易上手。那些簡(jiǎn)單直白的交互行為更容易被用戶所理解和記住。

人們會(huì)希望在一個(gè)操作被執(zhí)行之前有足夠的機(jī)會(huì)來(lái)取消，也希望在執(zhí)行一個(gè)不可逆的操作之前可以有機(jī)會(huì)來(lái)進(jìn)行確認(rèn)。最后，人們還會(huì)希望能夠停止正在執(zhí)行中的操作。

2.2 從概念到產(chǎn)品(From Concept to Product)

2.2.1 定義應(yīng)用（Define Your App）

應(yīng)用的定義是對(duì)應(yīng)用主要功能和目標(biāo)用戶的簡(jiǎn)明具體的描述。

盡可能早地創(chuàng)建應(yīng)用的定義可以幫助你將一個(gè)想法和功能清單轉(zhuǎn)換為用戶想要的條理清晰的產(chǎn)品。在開(kāi)發(fā)過(guò)程中，可以使用定義來(lái)決定某些功能和行為是否合理。使用以下幾個(gè)步驟來(lái)創(chuàng)建一個(gè)可靠的應(yīng)用定義。

1、列出所有你認(rèn)為用戶可能喜歡的功能

可以直接進(jìn)行頭腦風(fēng)暴。此時(shí)，你需要列出所有與產(chǎn)品中心有關(guān)的任務(wù)。不用擔(dān)心清單太長(zhǎng)，因?yàn)榻酉聛?lái)會(huì)進(jìn)行刪減。

假設(shè)你一開(kāi)始的想法是開(kāi)發(fā)一個(gè)幫助人們購(gòu)買食品雜貨的應(yīng)用。你可以思考在進(jìn)行這項(xiàng)活動(dòng)時(shí)，會(huì)涉及到哪些相關(guān)的任務(wù)，這些就是用戶可能感興趣的潛在功能。例如：

• 創(chuàng)建清單
• 查找食譜
• 比較價(jià)格
• 定位商店
• 給食譜做注釋
• 查找可使用的優(yōu)惠劵
• 查看烹飪演示
• 探索不同的烹調(diào)方法
• 尋找某些食材的替代物

2、確定目標(biāo)用戶

現(xiàn)在你需要清楚地將你應(yīng)用的用戶與其他iOS應(yīng)用的用戶區(qū)分開(kāi)來(lái)。確定在此情此景下，什么是對(duì)你的用戶最重要的。在食品雜貨例子中，你可能需要問(wèn)問(wèn)你的用戶：

• 通常是在家里做飯還是更喜歡現(xiàn)成的食物
• 是忠實(shí)的優(yōu)惠券用戶還是認(rèn)為優(yōu)惠券沒(méi)多大價(jià)值
• 喜歡尋找特別的食材還是喜歡基本食材
• 嚴(yán)格按照食譜做菜還是只把食譜當(dāng)做靈感來(lái)源
• 喜歡少量多次購(gòu)買還是一次性購(gòu)買大量食物
• 希望能保留多個(gè)不同目的的清單還是只希望記錄回家路上需要購(gòu)買的幾個(gè)東西
• 堅(jiān)持使用固定的品牌還是會(huì)使用方便的替代品
• 習(xí)慣于購(gòu)買固定的一些物品還是會(huì)按照食譜來(lái)購(gòu)買

思考過(guò)這些問(wèn)題之后，你可以從三個(gè)方面來(lái)描述目標(biāo)用戶的特征：喜歡按照食譜進(jìn)行嘗試，時(shí)常很匆忙，通常情況下很節(jié)儉。

3、根據(jù)目標(biāo)用戶過(guò)濾功能清單

如果在確定了一些用戶特征后，你最終只得到了幾個(gè)主要功能，那么你就已經(jīng)步入了正軌：出色的iOS應(yīng)用應(yīng)該聚焦在幫助用戶解決問(wèn)題的核心任務(wù)上。

例如，即使第一步想出的那些可能需要的功能都是有用的，也不可能全都被第二步定義的目標(biāo)用戶認(rèn)可。

當(dāng)你在目標(biāo)用戶的使用情境下檢查功能清單時(shí)，就可以判斷你的應(yīng)用應(yīng)該聚焦在三個(gè)主要功能上：創(chuàng)建清單，獲得并使用優(yōu)惠劵，獲得食譜。

此時(shí)你就可以給出應(yīng)用定義了，總結(jié)該應(yīng)用做什么以及為誰(shuí)做。食品雜貨購(gòu)買應(yīng)用的定義可能如下：

“為熱愛(ài)烹飪且節(jié)儉的用戶訂制的創(chuàng)建購(gòu)物清單工具。”

4、不止于此

應(yīng)用定義應(yīng)該貫穿于整個(gè)開(kāi)發(fā)過(guò)程，使用應(yīng)用定義來(lái)確定功能，控件，措辭的合理性。例如：

當(dāng)你想要新增一個(gè)功能時(shí)，問(wèn)問(wèn)你自己這對(duì)應(yīng)用的主要目的和目標(biāo)用戶是否非常重要。如果不是，可以置之不理。例如，你已經(jīng)確定了你的用戶對(duì)大膽新穎的烹飪方法感興趣，那么著重展示盒裝蛋糕和現(xiàn)成的食物就不太合適。

當(dāng)你考慮用戶界面的外觀和行為時(shí)，問(wèn)問(wèn)你自己你的用戶更喜歡簡(jiǎn)單的、流線型的風(fēng)格，還是有明顯主題的風(fēng)格。以用戶目標(biāo)為指導(dǎo)來(lái)完成你的應(yīng)用，理解用戶期望通過(guò)你的應(yīng)用完成什么，例如完成任務(wù)的能力，快速找到答案的能力，深入綜合內(nèi)容的能力，或者獲得娛樂(lè)的能力。例如，盡管你的食品雜貨清單應(yīng)用需要易于理解和快速上手，但你的用戶還是可能傾向于一個(gè)有關(guān)食物的主題界面。

當(dāng)你考慮應(yīng)該使用怎樣的措辭時(shí)，努力和用戶對(duì)這個(gè)主題的專業(yè)程度相匹配。例如，盡管你的用戶可能不是由專業(yè)的大廚組成，但你也可以肯定他們希望看到有關(guān)食材和技術(shù)專用的措辭。

2.2.2 為任務(wù)量身訂制界面（Tailor Customization to the Task）

好的iOS應(yīng)用會(huì)根據(jù)清晰的目標(biāo)和易用性來(lái)平衡用戶界面的設(shè)計(jì)。為了達(dá)到這種平衡，要確保在設(shè)計(jì)階段前期就考慮定制化。因?yàn)榭紤]品牌性、原創(chuàng)性和適銷性通常會(huì)影響定制化的決策，所以專注于定制化怎樣影響用戶體驗(yàn)是有挑戰(zhàn)性的。

可以由應(yīng)用中的任務(wù)著手：用戶執(zhí)行這些任務(wù)的頻率如何，在什么樣的環(huán)境下進(jìn)行？

舉個(gè)例子，想象一個(gè)計(jì)算器應(yīng)用使用的是精心設(shè)計(jì)的，充滿藝術(shù)感的風(fēng)格，并且使用了創(chuàng)新的布局來(lái)展示大家熟悉的計(jì)算器元素。這些像藝術(shù)品一樣的細(xì)節(jié)渲染和創(chuàng)新的布局并不會(huì)影響用戶去理解怎樣點(diǎn)擊按鈕和查看計(jì)算結(jié)果。但是對(duì)于只想簡(jiǎn)單完成任務(wù)的用戶，這種新奇的體驗(yàn)和美麗的界面很快就會(huì)失去效用，并且可能成為一種妨礙。

相反，GarageBand（隨身錄音室應(yīng)用）可以不展示好看的、逼真的樂(lè)器來(lái)幫助用戶制作音樂(lè)，但這樣會(huì)使應(yīng)用缺少身臨其境的愉悅感。在GarageBand里，界面不只是向用戶展示了如何使用，同樣使得制作音樂(lè)的主任務(wù)更容易完成。

當(dāng)你思考定制化如何增強(qiáng)或減弱用戶完成任務(wù)的注意力時(shí)，記住以下幾點(diǎn)：

定制總要有緣由。理想情況下，定制化的用戶界面能促進(jìn)用戶完成任務(wù)并增強(qiáng)他們的體驗(yàn)。你最好盡可能地用任務(wù)驅(qū)動(dòng)定制化決策。

盡量避免增加用戶的認(rèn)知負(fù)擔(dān)。用戶對(duì)標(biāo)準(zhǔn)界面元素的外觀和行為都已經(jīng)很熟悉了，所以他們不用停下來(lái)思考如何使用它們。當(dāng)用戶面對(duì)外觀和行為與標(biāo)準(zhǔn)不同的元素時(shí)，他們就失去了經(jīng)驗(yàn)優(yōu)勢(shì)。除非你的獨(dú)一無(wú)二的元素能夠使任務(wù)更容易完成，否則用戶很可能不喜歡被強(qiáng)制學(xué)習(xí)一些在其他應(yīng)用都不通用的操作。

保持內(nèi)在的一致性。你的應(yīng)用中自定義元素越多，保持這些元素外觀和行為的一致性就越重要。如果用戶花費(fèi)時(shí)間去學(xué)習(xí)了你創(chuàng)建的那些不熟悉的控件，那么他們會(huì)希望新學(xué)到的這些操作能夠在整個(gè)應(yīng)用中通用。

總是以內(nèi)容為重點(diǎn)。因?yàn)闃?biāo)準(zhǔn)元素很熟悉，所以它們不會(huì)分散用戶在內(nèi)容上的注意力。當(dāng)你自定義用戶界面時(shí)，注意確保界面元素不會(huì)搶走用戶對(duì)內(nèi)容的注意力。例如，如果你的應(yīng)用允許用戶觀看視頻，你可能選擇設(shè)計(jì)一個(gè)自定義的重播控件。但是不管你用的是自定義還是標(biāo)準(zhǔn)的重播控件，都沒(méi)有它是否在用戶開(kāi)始觀看后隱藏，點(diǎn)擊屏幕后出現(xiàn)來(lái)的重要。

在對(duì)標(biāo)準(zhǔn)控件進(jìn)行重設(shè)計(jì)時(shí)再三思考。如果你不只是想自定義標(biāo)準(zhǔn)控件，而是想重設(shè)計(jì)，確保你的重設(shè)計(jì)能提供盡可能多的信息。例如，你設(shè)計(jì)了一個(gè)開(kāi)關(guān)控件，它沒(méi)有可以指明相反狀態(tài)存在的信息，那么用戶很可能意識(shí)不到這是個(gè)有兩個(gè)狀態(tài)的控件。

一定要徹底測(cè)試自定義的界面元素。在測(cè)試過(guò)程中，近距離的觀察用戶是否能預(yù)測(cè)你的元素如何使用以及是否能容易地與它們交互。例如，如果你創(chuàng)建的控件的可點(diǎn)擊區(qū)域小于44 x 44點(diǎn)，用戶點(diǎn)擊時(shí)就會(huì)有困難。或者如果你創(chuàng)建了一個(gè)視圖對(duì)點(diǎn)擊和滑動(dòng)的反饋不一樣，確保這個(gè)視圖提供的功能值得用戶去額外關(guān)注交互的不同。

2.2.3 原型與迭代（Prototype & Iterate）

在你投入工程資源實(shí)現(xiàn)設(shè)計(jì)之前，創(chuàng)建原型來(lái)進(jìn)行用戶測(cè)試是個(gè)很好的主意。即使只有幾個(gè)同事來(lái)幫你測(cè)試原型，你也會(huì)收獲一些關(guān)于應(yīng)用功能和用戶體驗(yàn)的新鮮觀點(diǎn)。

在設(shè)計(jì)的早期階段，你可以使用紙面原型或者線框圖去呈現(xiàn)主要的視圖和控件，并且標(biāo)明每個(gè)頁(yè)面之間的跳轉(zhuǎn)關(guān)系。你可以從線框圖測(cè)試中獲得一些有用的反饋，但是線框圖的稀疏性有可能會(huì)誤導(dǎo)用戶。因?yàn)橛脩艉茈y想象當(dāng)線框被實(shí)際內(nèi)容填滿時(shí)體驗(yàn)會(huì)有什么樣的變化。

如果你有一個(gè)可以在設(shè)備上運(yùn)行的原型，那你可以得到更多有用的反饋。當(dāng)用戶能在設(shè)備上與你的原型進(jìn)行交互時(shí)，他們能更容易發(fā)現(xiàn)應(yīng)用中哪里功能不滿足預(yù)期，哪里體驗(yàn)過(guò)于復(fù)雜。

創(chuàng)建可靠原型的最簡(jiǎn)單的方法是使用基于故事板（storyboard）的Xcode模板創(chuàng)建一個(gè)基礎(chǔ)應(yīng)用，然后使用一些類似于占位符的內(nèi)容來(lái)進(jìn)行填充。（故事板（storyboard）文件可以涵蓋應(yīng)用中的所有界面，并且包括界面之間的跳轉(zhuǎn)關(guān)系。）接著，將這個(gè)原型導(dǎo)入到設(shè)備中，這樣被測(cè)者就可以有一個(gè)盡可能真實(shí)的體驗(yàn)了。

你不需要在原型中提供大量的實(shí)際內(nèi)容或者使每一個(gè)控件都可用，但是你確實(shí)需要營(yíng)造足夠的情境來(lái)保證真實(shí)的體驗(yàn)。并且需要在典型用戶體驗(yàn)和非典型的邊緣情況之間做好平衡。例如，如果你的應(yīng)用需要處理很長(zhǎng)的列表項(xiàng)，你的原型就不能只顯示一兩個(gè)條目。而且在用戶測(cè)試交互中，只要被測(cè)者能夠點(diǎn)擊屏幕上的一個(gè)區(qū)域進(jìn)入到下一個(gè)邏輯頁(yè)面或者完成主任務(wù)，那他們就可能會(huì)提供更有建設(shè)性的反饋。

當(dāng)你使用Xcode應(yīng)用模板來(lái)創(chuàng)建原型時(shí)，你可以免費(fèi)使用很多功能，并且它可以相對(duì)容易地進(jìn)行設(shè)計(jì)中的響應(yīng)反饋調(diào)節(jié)。在你確定設(shè)計(jì)方案并投入資源進(jìn)行實(shí)現(xiàn)之前，應(yīng)該對(duì)原型進(jìn)行多次迭代測(cè)試。想要開(kāi)始學(xué)習(xí)Xcode，請(qǐng)參考Xcode Overview。

2.3 案例學(xué)習(xí)：從桌面到iOS（Case Study: From Desktop to iOS）

2.3.1 iPad版Keynote應(yīng)用（Keynote on iPad）

桌面版的Keynote 應(yīng)用是一個(gè)十分強(qiáng)大而又靈活的應(yīng)用，可以創(chuàng)建非常優(yōu)秀的幻燈片。人們喜愛(ài)Keynote將簡(jiǎn)單易用與良好的細(xì)粒度的操作結(jié)合進(jìn)而控制無(wú)數(shù)精確細(xì)節(jié)的方式，如動(dòng)畫和文本屬性等。

iPad版的Keynote提取了Keynote桌面版的核心要素，并通過(guò)創(chuàng)造以下的用戶體驗(yàn)使它在iPad上更舒適：

• 專注于用戶內(nèi)容
• 在不削減功能的基礎(chǔ)上減少系統(tǒng)的復(fù)雜性
• 提供有用而又令人愉悅的快捷操作
• 延續(xù)桌面版本的體驗(yàn)
• 利用動(dòng)人的動(dòng)畫提供良好的反饋與交流

Keynote用戶能很快理解如何使用iPad版，是因?yàn)樗褂昧薸Pad原生的范例，符合了用戶對(duì)功能上的預(yù)期。新用戶可以用簡(jiǎn)單、自然的方式直接操控內(nèi)容，所以可以很容易學(xué)會(huì)如何使用iPad版的Keynote。

Keynote從桌面版向iPad版的轉(zhuǎn)變是基于從細(xì)節(jié)到深層的大量修改和重新設(shè)計(jì)的。這些都是一些最明顯的適應(yīng)性：

流線型的工具欄

工具欄中只有少數(shù)的元素，但是它們是用戶在創(chuàng)建內(nèi)容時(shí)所使用的全部功能和工具的統(tǒng)一入口。

簡(jiǎn)化并優(yōu)先響應(yīng)用戶焦點(diǎn)的檢查器

iPad版的Keynote能自動(dòng)偵測(cè)各種工具，能通過(guò)對(duì)用戶需求進(jìn)行分類以修正被選擇的對(duì)象。（譯者注：特別是根據(jù)當(dāng)前的操作對(duì)象而有限選擇某些工具。）通常，人們可以在第一檢查器視圖中完成他們需要的所有修改操作。如果他們需要修改那些不常用的屬性，他們可以下拉另一個(gè)檢查器視圖來(lái)進(jìn)行。

豐富的預(yù)設(shè)樣式集

人們可以利用預(yù)設(shè)的樣式很簡(jiǎn)單地改變對(duì)象（如表格或圖表）的外觀或者感覺(jué)。除了顏色之外，每個(gè)集中，例如表格的標(biāo)題和軸區(qū)分標(biāo)識(shí)等的預(yù)設(shè)屬性都被設(shè)計(jì)得與整體的主題和諧一致。

直接操作內(nèi)容，豐富有意義的動(dòng)畫

在iPad版的Keynote中，用戶可以拖動(dòng)滑塊到一個(gè)新的位置，可以扭動(dòng)旋轉(zhuǎn)一個(gè)對(duì)象，也可以輕擊圖片來(lái)選中它。iPad版Keynote的響應(yīng)動(dòng)畫進(jìn)一步加強(qiáng)了這種可直接操作的印象。例如，用戶在移動(dòng)某個(gè)滑塊時(shí)它通常會(huì)暫停，而當(dāng)它被放置在一個(gè)新的位置時(shí)，環(huán)繞在周圍的滑塊將會(huì)向外擴(kuò)散給它留出空間。

2.3.2 iPhone版郵件應(yīng)用（Mail on iPhone）

郵件應(yīng)用是OS X中一款好用而又廣受好評(píng)的常見(jiàn)應(yīng)用。它也是一個(gè)很強(qiáng)大的程序，可以允許用戶撰寫、接收、分類和存儲(chǔ)郵件，追蹤行動(dòng)和事件，也可以編寫備忘錄和邀請(qǐng)等。桌面版的郵件應(yīng)用通過(guò)一系列的窗口提供了這些強(qiáng)大的功能。

iPhone版的郵件專注于桌面版郵件的核心功能，幫助人們接收、撰寫、發(fā)送和組織他們的信息。為了塑造移動(dòng)iPhone版的郵件應(yīng)用，將這些功能濃縮在為其量身定制的界面之中，做了如下的工作：

• 將人們的內(nèi)容前置和居中的合理化呈現(xiàn)
• 專為處理不同任務(wù)而設(shè)計(jì)的不同視圖
• 易于瀏覽并符合認(rèn)知的信息結(jié)構(gòu)
• 適時(shí)提供強(qiáng)大的編輯和組織性工具
• 傳達(dá)動(dòng)作和提供反饋的微妙且動(dòng)人的動(dòng)畫

（我們）必須明白相較于桌面版的郵件應(yīng)用，iPhone版的郵件應(yīng)用不是（譯者注：或者說(shuō)并不需要是）一個(gè)更好的應(yīng)用，而是為移動(dòng)端用戶重新設(shè)計(jì)的郵件應(yīng)用。iPhone版的郵件應(yīng)用專注于桌面版的功能子集并將它們呈現(xiàn)在一個(gè)吸引人的精簡(jiǎn)界面之中，據(jù)此為移動(dòng)端的用戶提供了核心的郵件體驗(yàn)。

為了使郵件應(yīng)用的體驗(yàn)?zāi)苓m應(yīng)移動(dòng)場(chǎng)景，iPhone版的郵件應(yīng)用在幾個(gè)關(guān)鍵的方面革新了用戶界面。

直接、高度專注的頁(yè)面

每個(gè)頁(yè)面顯示了郵件應(yīng)用體驗(yàn)的一個(gè)方面：賬戶列表、郵箱列表、消息列表、消息查看和編輯視圖。用戶可以在一個(gè)屏幕內(nèi)滑動(dòng)查看完整的內(nèi)容。

簡(jiǎn)單、可預(yù)見(jiàn)的導(dǎo)航

通過(guò)每屏的一次點(diǎn)擊，用戶可以逐層展開(kāi)通用內(nèi)容（賬戶列表）進(jìn)入具體頁(yè)面（一封消息）。每個(gè)頁(yè)面會(huì)顯示一個(gè)標(biāo)題用以指示用戶所在的位置，以及一個(gè)返回按鈕用以更容易地回溯到他們之前的步驟。

需要時(shí)即可獲取的、簡(jiǎn)單的點(diǎn)擊性控件

基本上在任何場(chǎng)景之下，編寫郵件和查閱新郵件都是人們首要希望進(jìn)行的操作，因此iPhone版的郵件應(yīng)用保證了這兩個(gè)功能在多個(gè)頁(yè)面中都可以便利地進(jìn)行。當(dāng)用戶查看一封消息時(shí)，就會(huì)顯示諸如回復(fù)、移動(dòng)和刪除等對(duì)消息的操作。

針對(duì)不同任務(wù)的不同類型的反饋

當(dāng)人們刪除一封消息時(shí)，它會(huì)動(dòng)態(tài)地進(jìn)入垃圾桶圖標(biāo)中。當(dāng)人們發(fā)送一封消息時(shí)，可以看到它的發(fā)送過(guò)程；而當(dāng)發(fā)送結(jié)束時(shí)，人們可以聽(tīng)到一個(gè)特別的聲音提示。通過(guò)消息列表頁(yè)面工具欄的副標(biāo)題，用戶通過(guò)簡(jiǎn)單一瞥就可以查看郵箱上次更新的時(shí)間。

2.3.3 iOS系統(tǒng)內(nèi)的網(wǎng)頁(yè)內(nèi)容（Web Content in iOS）

iOS版的Safari應(yīng)用在iOS設(shè)備上提供了出眾的移動(dòng)網(wǎng)頁(yè)瀏覽體驗(yàn)。人們喜歡閱讀清晰的文字和圖片，也希望能通過(guò)旋轉(zhuǎn)設(shè)備或者捏合和點(diǎn)擊屏幕來(lái)調(diào)整視圖。

基于標(biāo)準(zhǔn)建立的網(wǎng)站可以在iOS設(shè)備上顯示得很好。特別是那些能偵測(cè)設(shè)備并不需要插件的網(wǎng)站可以同時(shí)在iPhone和iPad上都表現(xiàn)得很好，兩者之間不會(huì)需要太多的修改，即使有也很小。

除此之外，成功的網(wǎng)站應(yīng)具備以下的典型性：

• 如果頁(yè)面寬度需要匹配設(shè)備寬度，可以設(shè)置合適的視窗（viewport）來(lái)適應(yīng)設(shè)備
• 避免CSS中固定的定位，以便當(dāng)用戶縮放或拖動(dòng)頁(yè)面時(shí)內(nèi)容無(wú)法被移出屏幕
• 擁有一套基于觸控操作的用戶界面，而不是依賴基于傳統(tǒng)點(diǎn)擊操作的交互

有時(shí)候，額外的一些修改可以（使頁(yè)面）更合理。例如，在iOS系統(tǒng)中，很多網(wǎng)頁(yè)應(yīng)用會(huì)設(shè)置合適的視窗（viewport）寬度并通常隱藏Safari的UI。如欲了解更多如何進(jìn)行這些修改，參見(jiàn)Safari Web Content Guide章節(jié)中的Configuring the Viewport和Configuring Web Applications。

網(wǎng)站也可以通過(guò)其他的方法適配桌面網(wǎng)頁(yè)體驗(yàn)到iOS端的Safari瀏覽器中：

使鍵盤適應(yīng)iOS端的Safari

當(dāng)鍵盤和格式輔助信息出現(xiàn)時(shí)，iPhone上的Safari應(yīng)用會(huì)將你的網(wǎng)頁(yè)顯示在URL地址下方和鍵盤與格式輔助信息上方。

使彈出式菜單適應(yīng)iOS端的Safari

在桌面版的Safari應(yīng)用中，彈出式菜單會(huì)包含很多選項(xiàng)，就如在其他OS X應(yīng)用中一樣。在必要的情況下，菜單展開(kāi)后可以超出應(yīng)用窗口的邊界以顯示其中的所有選項(xiàng)。在iOS版的Safari應(yīng)用中，彈出式菜單由原生的元素所呈現(xiàn)，這樣能提供更好的用戶體驗(yàn)。例如，在iPhone上，彈出式菜單會(huì)出現(xiàn)在選擇器（picker）當(dāng)中，選擇器里會(huì)一個(gè)用戶可選擇的選項(xiàng)列表。（欲了解更多選擇器控件的內(nèi)容，可以參見(jiàn)Picker。）

英文原文訪問(wèn)地址：iOS Human Interface Guidelines (Design Strategies)

中文翻譯PDF下載：iOS人機(jī)界面指南（二）：設(shè)計(jì)策略

感謝你的閱讀，本文由 騰訊ISUX 版權(quán)所有，轉(zhuǎn)載時(shí)請(qǐng)注明出處，違者必究，謝謝你的合作。

1.1 為iOS而設(shè)計(jì)（Designing for iOS）

iOS 的革新關(guān)鍵詞如下：

• 遵從：UI能夠更好地幫助用戶理解內(nèi)容并與之互動(dòng)，但卻不會(huì)分散用戶對(duì)內(nèi)容本身的注意力。
• 清晰：各種大小的文字應(yīng)該易讀，圖標(biāo)應(yīng)該醒目，去除多余的修飾，突出重點(diǎn)，很好地突顯了設(shè)計(jì)理念。
• 深度：視覺(jué)的層次和生動(dòng)的交互動(dòng)作會(huì)賦予UI新的活力，不但幫助用戶更好理解新UI的操作并讓用戶在使用過(guò)程中感到驚喜。

無(wú)論你是重新設(shè)計(jì)一個(gè)現(xiàn)有的應(yīng)用或是重新開(kāi)發(fā)一個(gè)，請(qǐng)嘗試下列方法：

• 首先，去除了UI元素讓應(yīng)用的核心功能呈現(xiàn)得更加直接并強(qiáng)調(diào)其相關(guān)性。
• 其次，直接使用iOS的系統(tǒng)主題讓其成為應(yīng)用的UI，這樣能給用戶統(tǒng)一的視覺(jué)感受。
• 最后，保證你設(shè)計(jì)的UI可以適應(yīng)各種設(shè)備和不同操作模式，這樣用戶可以在不同場(chǎng)景下舒適地享用你的應(yīng)用。

在整個(gè)設(shè)計(jì)過(guò)程中，時(shí)刻準(zhǔn)備著推翻先例，假設(shè)問(wèn)題，并以重點(diǎn)內(nèi)容和功能（為目標(biāo)）來(lái)驅(qū)動(dòng)每個(gè)細(xì)節(jié)設(shè)計(jì)。

1.1.1 以內(nèi)容為核心（Defer to Content）

雖然明快美觀的UI和流暢的動(dòng)態(tài)效果是iOS體驗(yàn)的亮點(diǎn)，但內(nèi)容始終是iOS的核心。

這里有一些方法，以確保你的設(shè)計(jì)能夠提升你的應(yīng)用功能體驗(yàn)并關(guān)注內(nèi)容本身。

充分利用整個(gè)屏幕。天氣應(yīng)用是最好的例子：漂亮的天氣圖片充滿全屏，呈現(xiàn)用戶所在地當(dāng)前天氣情況這最重要的信息，同時(shí)也留出空間呈現(xiàn)了每個(gè)時(shí)段的氣溫?cái)?shù)據(jù)。

盡量減少視覺(jué)修飾和擬物化設(shè)計(jì)的使用。UI面板、漸變和陰影有時(shí)會(huì)讓UI元素顯得很厚重，致使搶了內(nèi)容的風(fēng)頭。應(yīng)該以內(nèi)容為核心，讓UI成為內(nèi)容的支撐。

嘗試使用半透明底板。半透明的控件——比如控制中心——關(guān)聯(lián)了使用場(chǎng)景，幫助用戶看到更多可用的內(nèi)容，并可以起到短暫的提示作用。在iOS中，透明的控件只讓它遮擋住的地方變得模糊——看上去像蒙著一層米紙一樣——它并沒(méi)有遮擋屏幕剩余的部分。

1.1.2 保證清晰度（Provide Clarity）

保證清晰度是另一個(gè)方法，以確保你的應(yīng)用中內(nèi)容始終是核心。以下是幾種方法，讓最重要的內(nèi)容和功能清晰，易于交互。

使用大量留白。留白讓重要內(nèi)容和功能顯得更加醒目。此外，留白可以傳達(dá)一種平靜和安寧的視覺(jué)感受，它可以使一個(gè)應(yīng)用看起來(lái)更加聚焦和高效。

讓顏色簡(jiǎn)化UI。一個(gè)主題色——比如在記事本中使用的黃色——讓重要區(qū)域更加醒目并巧妙地表示交互性。這同時(shí)也給了一個(gè)應(yīng)用一個(gè)統(tǒng)一的視覺(jué)主題。內(nèi)置應(yīng)用使用家族化的系統(tǒng)顏色，無(wú)論在深色和淺色背景上看起來(lái)都干凈，純粹。

通過(guò)使用系統(tǒng)字體確保易讀性。iOS的系統(tǒng)字體自動(dòng)調(diào)整行間距和行的高度，使閱讀時(shí)文本清晰易讀，無(wú)論何種大小的字號(hào)都表現(xiàn)良好。無(wú)論你是使用系統(tǒng)或是自定義字體，務(wù)必使用動(dòng)態(tài)型，這樣你的應(yīng)用可以在用戶選擇不同字號(hào)時(shí)做出應(yīng)對(duì)。

使用無(wú)邊框的按鈕。默認(rèn)情況下，所有bar上的按鈕都是無(wú)邊框的。在內(nèi)容區(qū)域，無(wú)邊框按鈕以文案、顏色以及操作指引標(biāo)題來(lái)表明按鈕功能。當(dāng)按鈕被激活時(shí)，該按鈕呈現(xiàn)高亮的淺色狀態(tài)來(lái)作為操作響應(yīng)。

1.1.3 用深度來(lái)體現(xiàn)層次（Use Depth to Communicate）

iOS經(jīng)常在不同的層級(jí)上展現(xiàn)內(nèi)容，用以表達(dá)分組和位置，并幫助用戶了解在屏幕上的對(duì)象之間的關(guān)系。

通過(guò)使用一個(gè)在主屏幕上方的半透明背景浮層來(lái)區(qū)分文件夾和其余部分的內(nèi)容。

備忘錄以不同的層級(jí)展示，如插圖所示。用戶在使用備忘錄里的某個(gè)條目時(shí)，其他的條目被收起在屏幕下方（譯者按：其實(shí)這個(gè)視覺(jué)提示使用起來(lái)很隱晦）。

日歷有較深的層級(jí)，當(dāng)他們?cè)诜喣辍⒃隆⑷盏臅r(shí)候，以及增強(qiáng)的交互動(dòng)畫給用戶一種層級(jí)縱深感（循序切換的層次，從年到月到日）。在滾動(dòng)年份視圖時(shí)，用戶可以即時(shí)看到今天的日期以及其他日歷任務(wù)。當(dāng)用戶處于月份視圖時(shí)，點(diǎn)擊年份視圖按鈕，月份會(huì)縮小至年份視圖中的所處位置。

今天的日期依然處于高亮狀態(tài)，年份出現(xiàn)在返回按鈕處，這樣用戶可以清楚地知道他們?cè)谀膬海麄儚哪睦镞M(jìn)來(lái)并且知道如何返回。

類似的過(guò)渡動(dòng)畫出現(xiàn)在用戶選擇一個(gè)日期時(shí)：月份視圖從所選位置分開(kāi)，將當(dāng)前的周日期推向屏幕頂端并翻轉(zhuǎn)出以小時(shí)為單位的當(dāng)天時(shí)間視圖。這些動(dòng)畫加強(qiáng)了日歷上年月日之間的關(guān)系的感知度。

1.2 iOS應(yīng)用解析（iOS App Anatomy）

幾乎所有的iOS 應(yīng)用都應(yīng)用了UIKit framework中定義的組件。了解這些組件的名字，作用和構(gòu)成能夠幫助你設(shè)計(jì)應(yīng)用過(guò)程中做出更好的決定。

UIKit提供的UI組件大致分成以下4種大類：

Bars：包含了導(dǎo)航信息，告訴用戶他們所在的位置并包含了一些能幫助用戶瀏覽或啟動(dòng)某些操作的控制按鈕。

內(nèi)容視圖：包含了應(yīng)用的主體內(nèi)容以及某些操作行為，比如滾動(dòng)、插入、刪除、排序等等。

控制按鈕：展示信息或者控制動(dòng)作。

臨時(shí)視圖：短時(shí)間出現(xiàn)，給用戶重要信息或者額外的選擇或者其他功能。

除了定義UI組件，UIKit也定義對(duì)象實(shí)現(xiàn)的功能，例如手勢(shì)識(shí)別、繪圖、輔助功能和打印支持。

從編程的角度來(lái)說(shuō)，UI組件被認(rèn)為是不同類別的視圖，因?yàn)樗麄儚腢IView得到繼承。視圖能繪制屏幕內(nèi)容并且知道用戶何時(shí)觸摸了屏幕。視圖的所有類型有：控件（比如按鈕和滑塊），內(nèi)容視圖（比如集合視圖和表格視圖），以及臨時(shí)視圖（如警告提示和動(dòng)作菜單）。

要在應(yīng)用中管理一組或者一系列的視圖，通常需要使用一個(gè)視圖控制器，它能協(xié)調(diào)視圖的顯示內(nèi)容，實(shí)現(xiàn)與用戶交互的功能并能在不同屏幕內(nèi)容之間切換。比如，“設(shè)置”使用了一個(gè)導(dǎo)航控制器來(lái)展示其視圖層級(jí)。

下面是一個(gè)例子，關(guān)于視圖與視圖控制器如何結(jié)合并呈現(xiàn)iOS 應(yīng)用的UI。

雖然開(kāi)發(fā)者認(rèn)為真正起到作用的是視圖和視圖控制器，但一般用戶感知到的iOS應(yīng)用是不同屏幕內(nèi)容的集合。從這個(gè)角度來(lái)看，在應(yīng)用里，屏幕內(nèi)容一般對(duì)應(yīng)于一個(gè)獨(dú)特的視覺(jué)狀態(tài)或者模式。

注：一個(gè)iOS應(yīng)用程序包含一個(gè)窗口。但是，不同于計(jì)算機(jī)程序中的窗口，iOS窗口沒(méi)有可見(jiàn)的部分并且不能在屏幕上被移動(dòng)到另一個(gè)位置。很多iOS應(yīng)用程序只有一個(gè)窗口；可以支持外部顯示設(shè)備器的應(yīng)用程序可以有不止一個(gè)窗口。

在iOS Human Interface Guidelines中，screen這個(gè)詞和大部分用戶理解的一樣。作為一個(gè)開(kāi)發(fā)者，你也許需要讀一下其他與UIscreen相關(guān)的章節(jié)，這樣你可以更好的了解如何關(guān)聯(lián)外部屏幕。

1.3 適應(yīng)性和布局（Adaptivity and Layout）

1.3.1 為自適應(yīng)而開(kāi)發(fā)（Build In Adaptivity）

人們通常想隨心所欲地使用自己喜歡的應(yīng)用程序。在iOS 8及未來(lái)的版本中，你可以使用不同分辨率和自動(dòng)布局來(lái)幫助你定義屏幕布局視圖，視圖控制器以及需要隨顯示環(huán)境改變的視圖（顯示環(huán)境display environment的概念指的是設(shè)備的整個(gè)屏幕或者其中一部分，比如一個(gè)跳出菜單區(qū)域或一個(gè)分視圖控制器的主視圖部分）。

iOS定義了兩個(gè)尺寸類別（size class），常規(guī)的（regular）和壓縮的（compact）。常規(guī)尺寸有著較易拓展的空間，而壓縮尺寸約束了空間的使用。想要定義一種顯示環(huán)境，你需要定義橫縱尺寸類型。如你所想，iOS設(shè)備可以有橫屏豎屏兩種不同的使用模式。

iOS能隨著顯示環(huán)境和尺寸類別變化而自動(dòng)生成不同布局。舉個(gè)例子，當(dāng)垂直尺寸從壓縮變?yōu)槌Ｒ?guī)時(shí)，導(dǎo)航欄和工具欄會(huì)自動(dòng)變高。

當(dāng)你靠尺寸類別來(lái)驅(qū)動(dòng)布局變化時(shí)，你的應(yīng)用在任何顯示環(huán)境時(shí)都能顯示得很好。關(guān)于如何在Interface Builder中更好的使用尺寸類別，你可以查閱Size Classes Design Help。

注：在一種尺寸類別中，持續(xù)使用Auto Layout進(jìn)行小的布局調(diào)整，比如拉伸或壓縮內(nèi)容。

下面的實(shí)例可以幫助你理解尺寸類型是如何適配不同設(shè)備的顯示環(huán)境。例如：iPad在長(zhǎng)寬和橫屏豎屏?xí)r都使用常規(guī)尺寸類型。換句話說(shuō)，iPad顯示環(huán)境一直處于垂直和水平的常規(guī)狀態(tài)。

iPhone的顯示環(huán)境可根據(jù)不同的設(shè)備和不同的握持方向而改變。

豎屏?xí)r，iPhone6 Plus使用的是常規(guī)高度和壓縮寬度類型。

橫屏?xí)r，iPhone6 Plus使用的是壓縮高度和常規(guī)寬度類型。

其他iPhone型號(hào)，包括iPhone6使用相同的尺寸類型設(shè)置。

豎屏?xí)r，iPhone 6，iPhone 5 和iPhone 4S使用的是壓縮寬度和常規(guī)高度。

橫屏?xí)r，這些設(shè)備在寬高上使用的都是壓縮類。

1.3.2 在不同環(huán)境提供良好體驗(yàn)（Provide a Great Experience in Each Environment）

當(dāng)你使用自適應(yīng)來(lái)開(kāi)發(fā)UI時(shí)，你可以保證UI跟隨顯示環(huán)境變化而適當(dāng)?shù)仨憫?yīng)。遵照這些指南，你可以給用戶良好的設(shè)備響應(yīng)體驗(yàn)。

在所有環(huán)境下都保持對(duì)主體內(nèi)容的專注。這是最高優(yōu)先級(jí)。人們使用應(yīng)用時(shí)，與感興趣的內(nèi)容發(fā)生互動(dòng)。當(dāng)使用環(huán)境變化的同時(shí)，改變專注點(diǎn)會(huì)讓用戶感覺(jué)到迷失方向，喪失了對(duì)應(yīng)用的控制。

避免布局上不必要的變化。在所有環(huán)境中類似的使用體驗(yàn)讓人們?cè)谛D(zhuǎn)設(shè)備或在不同設(shè)備上運(yùn)行你的應(yīng)用時(shí)維持使用模式。例如，如果你使用一個(gè)網(wǎng)格在水平的常規(guī)模式下顯示圖像，你無(wú)需在一個(gè)列表中展示與壓縮模式下相同信息，雖然你可能調(diào)整了網(wǎng)格的尺寸。

如果你的應(yīng)用只在一個(gè)方向上運(yùn)行，那么請(qǐng)直接一點(diǎn)。人們希望在各種握持方式下都可以使用你的應(yīng)用，能滿足這個(gè)期待是最好的。但是，如果你的應(yīng)用只在一個(gè)方向下運(yùn)行，那么以下幾點(diǎn)請(qǐng)務(wù)必注意：

• 避免提示人們旋轉(zhuǎn)設(shè)備的提示UI出現(xiàn)。讓應(yīng)用清晰地運(yùn)行在支持的方向下，讓用戶明白應(yīng)該旋轉(zhuǎn)設(shè)備，而不是添加不必要的引導(dǎo)性混亂。
• 支持同一個(gè)方向上的變化。例如，如果一個(gè)應(yīng)用只能垂直運(yùn)行，用戶無(wú)論用左手或是右手握持時(shí)都能觸及到home鍵。如果用戶在使用應(yīng)用時(shí)180度旋轉(zhuǎn)設(shè)備，那最好應(yīng)用內(nèi)容也能及時(shí)響應(yīng)并旋轉(zhuǎn)180度。

如果你的應(yīng)用將設(shè)備方向翻轉(zhuǎn)視為用戶輸入（的一種指令），那么就按照程序設(shè)定的方式來(lái)響應(yīng)設(shè)備翻轉(zhuǎn)。舉個(gè)例子，一個(gè)游戲讓用戶利用設(shè)備翻轉(zhuǎn)來(lái)移動(dòng)游戲中的部件，那么這個(gè)游戲應(yīng)用本身（的UI）不能對(duì)翻轉(zhuǎn)屏幕產(chǎn)生響應(yīng)。在這種情況下，你必須關(guān)聯(lián)兩個(gè)需要變化的方向，并且允許人們?cè)谶@兩個(gè)方向切換直到他們開(kāi)始（了解并執(zhí)行）應(yīng)用的主體任務(wù)。一旦人們開(kāi)始執(zhí)行主要任務(wù)，那就開(kāi)始按程序設(shè)定的那樣來(lái)響應(yīng)設(shè)備的動(dòng)作吧。

1.3.3 使用布局來(lái)溝通（Use Layout to Communicate）

布局包含的不僅僅是一個(gè)應(yīng)用屏幕上的UI元素外觀。你的布局，應(yīng)該告訴用戶什么是最重要的，他們的選擇是什么，以及事物是如何關(guān)聯(lián)起來(lái)的。

提升重要內(nèi)容或功能，讓用戶容易集中注意在主要任務(wù)上。有幾個(gè)比較好的辦法是在屏幕上半部分放置主要內(nèi)容，以從左到右的習(xí)慣，從靠近左側(cè)的屏幕開(kāi)始。

使用視覺(jué)化的重量和平衡向用戶展示相關(guān)的屏顯重要元素。大型控件吸引眼球，而比小的控件更容易在出現(xiàn)時(shí)被注意到。而且大型控件也更容易被用戶點(diǎn)擊，這讓它們?cè)趹?yīng)用中更加有用——就像電話和時(shí)鐘（上面的按鈕）——用戶經(jīng)常在容易分心的環(huán)境中能（正常）使用它們。

使用對(duì)齊來(lái)讓閱讀更舒緩，讓分組和層次之間更有秩序。對(duì)齊讓應(yīng)用看起來(lái)整潔而有序，也讓用戶在專注于屏幕時(shí)更有空間，從而專注于重要信息。不同信息組的縮進(jìn)與對(duì)齊讓它們之間的關(guān)聯(lián)更清晰，也讓用戶更容易找到某個(gè)控件。

確保用戶能明白處于默認(rèn)尺寸的首要內(nèi)容的含義。例如，用戶無(wú)需水平滾動(dòng)就能看到重要的文本，或不用放大就可以看到主體圖像。

準(zhǔn)備好改變字體大小。用戶期望大多數(shù)應(yīng)用能有設(shè)置字號(hào)大小的功能。為了適應(yīng)一些文本大小的變化，你也許需要調(diào)整布局；想要得到更多文本顯示相關(guān)的信息，你可以查閱章節(jié)Text Should Always Be Legible.

盡量避免UI上不一致的表現(xiàn)。在一般情況下，有著相似功能的控件看起來(lái)也應(yīng)該類似。用戶常常認(rèn)為他們看到的不同總有原因，而且他們傾向于花時(shí)間去嘗試（譯者按：因此為了避免用戶做無(wú)用的嘗試所以建議類似功能外觀一樣）。

給每個(gè)互動(dòng)的元素充足的空間，從而讓用戶容易操作這些內(nèi)容和控件。常用的點(diǎn)按類控件的大小是44 x 44點(diǎn)（points）。

1.4 起始與停止（Starting and Stopping）

1.4.1 即時(shí)啟動(dòng)（Start Instantly）

有種說(shuō)法是用戶往往不會(huì)花超過(guò)一兩分鐘去審視一個(gè)新應(yīng)用，當(dāng)你將應(yīng)用從打開(kāi)到啟動(dòng)這段時(shí)間壓縮得很短，并且同時(shí)在載入過(guò)程中呈現(xiàn)一些對(duì)用戶有幫助的內(nèi)容，你就會(huì)激發(fā)用戶的興趣并給所有用戶一個(gè)驚喜。

重要：不要在安裝過(guò)程結(jié)束后告訴用戶需要重啟設(shè)備。重啟需要時(shí)間并且會(huì)讓人覺(jué)得你的應(yīng)用看上去不可靠而且很難使用。

如果你的應(yīng)用有內(nèi)存使用問(wèn)題，或者不重啟就無(wú)法流暢運(yùn)行，你必須聲明這些問(wèn)題。關(guān)于如何開(kāi)發(fā)一款性能良好的應(yīng)用，請(qǐng)查閱iOS應(yīng)用編程指南。

盡可能避免使用閃屏或者其他啟動(dòng)體驗(yàn)。用戶能夠在啟動(dòng)后立即開(kāi)始使用應(yīng)用是最好不過(guò)的。

避免讓用戶做過(guò)多設(shè)置。而應(yīng)該如此：

• 聚焦在滿足80%的用戶需求上。這樣主體用戶群就無(wú)需設(shè)置各種選項(xiàng)，因?yàn)槟愕膽?yīng)用已經(jīng)默認(rèn)處于他們想要的狀態(tài)。如果有些功能有少部分用戶想要，換句話說(shuō)，大部分人不需要的話，就別管它了。
• 盡可能用其他方式獲取更多（用戶）信息。如果你能得到用戶在內(nèi)置應(yīng)用或硬件設(shè)置中提供的信息，直接從系統(tǒng)中獲取它們，而不需要再次讓用戶輸入。
• 如果你必須獲取設(shè)置信息，在你的應(yīng)用中直接向用戶詢問(wèn)，然后盡快保存這些設(shè)定（譯者注：這段講的是權(quán)限許可，如能否訪問(wèn)照片或者日歷或地理位置信息等等）。這樣用戶就無(wú)需強(qiáng)制跳出應(yīng)用進(jìn)入系統(tǒng)設(shè)置頁(yè)面了。如果用戶需要更改設(shè)置，他們可以在任何時(shí)候進(jìn)入應(yīng)用的設(shè)置選項(xiàng)進(jìn)行修改。

盡可能讓用戶晚一些再登錄。最理想的狀態(tài)是，用戶在無(wú)需登錄的情況下就能盡量多地瀏覽內(nèi)容并使用部分功能。例如，App Store應(yīng)用會(huì)在用戶瀏覽商品并確定進(jìn)行購(gòu)買時(shí)，才要求用戶進(jìn)行登錄。對(duì)于必須登錄才能進(jìn)行后續(xù)瀏覽和操作的應(yīng)用，用戶往往會(huì)直接放棄。

如果你的應(yīng)用必須先登錄后使用，那么你應(yīng)該在登錄頁(yè)面有一些簡(jiǎn)短的文字，來(lái)描述為什么必須先登錄，以及這樣做會(huì)給用戶帶來(lái)什么好處。

謹(jǐn)慎使用新手引導(dǎo)（介紹應(yīng)用的功能和如何進(jìn)行操作）。在考慮新手引導(dǎo)之前，你應(yīng)該完善你的應(yīng)用，盡可能使應(yīng)用的功能直觀和易于尋找。有句話說(shuō)得好，好的應(yīng)用不需要新手引導(dǎo)。如果你確實(shí)覺(jué)得需要新手引導(dǎo)，那么請(qǐng)參考如下的建議，設(shè)計(jì)一個(gè)簡(jiǎn)潔、有針對(duì)性并且不妨礙用戶的新手引導(dǎo)。

• 只提供開(kāi)始使用應(yīng)用所必需的信息。好的新手引導(dǎo)應(yīng)該告訴用戶接下來(lái)第一步應(yīng)該做什么，或者簡(jiǎn)短地演示大部分用戶感興趣的一些功能。在能夠?yàn)g覽你的應(yīng)用之前，如果用戶遇到太多的信息，讓用戶記住這些不是當(dāng)前所必須的內(nèi)容，他們很可能會(huì)覺(jué)得你的應(yīng)用很難用。如果在某些特定場(chǎng)景下確實(shí)需要一些引導(dǎo)，那么也應(yīng)該在用戶進(jìn)入這個(gè)場(chǎng)景之后再進(jìn)行。

• 使用交互動(dòng)畫來(lái)吸引用戶，并讓用戶通過(guò)實(shí)際上手來(lái)學(xué)習(xí)如何使用。對(duì)于文字內(nèi)容的增加應(yīng)該謹(jǐn)慎，且僅當(dāng)增加文字對(duì)于提升體驗(yàn)有益時(shí)才這么做。不要指望用戶會(huì)閱讀大段的文字。例如，可以使用動(dòng)畫而不是文字來(lái)描述如何執(zhí)行一個(gè)簡(jiǎn)單的任務(wù)。在引導(dǎo)用戶了解較為復(fù)雜的任務(wù)時(shí)，可以通過(guò)一些引導(dǎo)浮層來(lái)簡(jiǎn)要說(shuō)明每一個(gè)步驟用戶需要做什么。盡可能避免展示應(yīng)用截圖，因?yàn)榻貓D是死的，用戶可能會(huì)混淆截圖和應(yīng)用的實(shí)際界面。

• 能夠簡(jiǎn)單地取消或者跳過(guò)新手引導(dǎo)。有些用戶看完新手引導(dǎo)之后就不想再看，有些甚至根本就不想看新手引導(dǎo)。請(qǐng)記住用戶的選擇，不要強(qiáng)迫用戶每次打開(kāi)你的應(yīng)用都要再做一次選擇。

不要太早要求用戶去給你的應(yīng)用評(píng)分。過(guò)早要求用戶進(jìn)行評(píng)分可能會(huì)適得其反。如果你想獲得用戶有價(jià)值的反饋和評(píng)論，在邀請(qǐng)用戶評(píng)論之前，請(qǐng)給他們一點(diǎn)時(shí)間來(lái)使用你的應(yīng)用，并對(duì)你的應(yīng)用形成印象。例如，你可以等用戶訪問(wèn)了一定數(shù)量的頁(yè)面或完成了一定數(shù)量的任務(wù)之后，再邀請(qǐng)他們進(jìn)行評(píng)價(jià)。

一般建議按照屏幕默認(rèn)的定向方式啟動(dòng)你的應(yīng)用。盡管如此，如果你的應(yīng)用只有一種屏幕方向，那么就始終以這個(gè)方向啟動(dòng)，讓用戶在他們自己需要時(shí)再改變?cè)O(shè)備方向。例如，一個(gè)游戲或者媒體觀看應(yīng)用只在橫屏模式下運(yùn)行，那么就應(yīng)該以橫屏模式啟動(dòng)，即使設(shè)備當(dāng)前處于豎屏模式。這樣的話，如果用戶在豎屏模式下打開(kāi)應(yīng)用，他們也知道應(yīng)該把設(shè)備轉(zhuǎn)成橫屏來(lái)進(jìn)行使用。

注：最好讓橫屏應(yīng)用支持兩種模式的橫屏，即home鍵處于左右兩側(cè)的狀態(tài)。如果設(shè)備當(dāng)前已經(jīng)處于橫向狀態(tài)，那么就按照當(dāng)前狀態(tài)啟動(dòng)應(yīng)用，除非你有充分的理由不這么做。其他情況時(shí)，可以考慮按home鍵處于右側(cè)的方式啟動(dòng)應(yīng)用。（想要了解更多關(guān)于支持不同設(shè)備方向的內(nèi)容，請(qǐng)參閱Respond to Changes in Device Orientation.）

準(zhǔn)備一張與應(yīng)用首頁(yè)看上去一樣的閃屏。iOS會(huì)在啟動(dòng)應(yīng)用時(shí)調(diào)用這張圖，這樣可以讓用戶覺(jué)得啟動(dòng)速度很快，降低對(duì)等待時(shí)間的感知度。具體如何制作閃屏，請(qǐng)查閱Launch Images。（譯者注：Launch Images章節(jié)處在iOS Human Interface Guidelines的Icon and Image Design部分，翻譯將在后續(xù)更新中放出，煩請(qǐng)各位耐心等候。）

如果可能，不要讓用戶在初次啟動(dòng)應(yīng)用時(shí)閱讀免責(zé)聲明或者確認(rèn)用戶協(xié)議。你可以直接在App Store展示這些內(nèi)容，使用戶在下載前就有所了解；雖然這個(gè)辦法能最大地減少麻煩，但也不是一直可行。如果在某些情況下你必須展示這些內(nèi)容，要確保它們與UI保持統(tǒng)一并在產(chǎn)品功能與用戶體驗(yàn)之間達(dá)成平衡。

在應(yīng)用重啟后，需要恢復(fù)到用戶退出使用時(shí)的狀態(tài)，讓他們可以從中斷之處繼續(xù)使用。無(wú)需讓用戶記住是如何達(dá)到此種退出狀態(tài)的。

1.4.2 時(shí)刻準(zhǔn)備好停止（Always Be Prepared to Stop）

iOS 應(yīng)用無(wú)需關(guān)閉或退出選項(xiàng)。當(dāng)用戶切換應(yīng)用，回到主屏幕或者將設(shè)備調(diào)至睡眠模式的時(shí)候，其實(shí)就是停止了當(dāng)前應(yīng)用的使用。

當(dāng)用戶切換應(yīng)用時(shí)，iOS的多任務(wù)系統(tǒng)會(huì)將其放置到后臺(tái)并將新應(yīng)用的UI替換上來(lái)。在這種情況下，你必須做到以下幾點(diǎn)：

• 隨時(shí)并盡快保存用戶信息，因?yàn)樵诤笈_(tái)的應(yīng)用隨時(shí)有可能被終止或退出。
• 當(dāng)應(yīng)用停止的時(shí)候保存當(dāng)前狀態(tài)，使用戶可以在回到應(yīng)用時(shí)能從中斷之處繼續(xù)使用。例如，在使用可滾動(dòng)的數(shù)據(jù)列表時(shí)，退出后保存列表所在的位置。

有些應(yīng)用可能需要一直在后臺(tái)運(yùn)行。例如，用戶可能希望能在使用一個(gè)應(yīng)用的同時(shí)還能一直聽(tīng)歌，接著又想用另外一個(gè)應(yīng)用來(lái)檢查代辦項(xiàng)或者玩游戲。關(guān)于如何正確處理多任務(wù)，請(qǐng)查閱Multitasking。（譯者注：Multitasking章節(jié)處在iOS Human Interface Guidelines的iOS Technologies部分，翻譯將在后續(xù)更新中放出，煩請(qǐng)各位耐心等候。）

不要強(qiáng)制讓應(yīng)用退出。因?yàn)檫@樣會(huì)讓用戶誤以為是crash。如果有問(wèn)題產(chǎn)生，需要告訴用戶具體狀況以及如何解決。以下有兩個(gè)建議，取決于出現(xiàn)的問(wèn)題有多嚴(yán)重而酌情使用：

如果應(yīng)用中所有的功能當(dāng)前都不可用，那么應(yīng)該顯示一些內(nèi)容來(lái)解釋當(dāng)前的情形，并建議用戶如何進(jìn)行后續(xù)操作。這部分內(nèi)容給予了用戶以反饋，使用戶相信你的應(yīng)用現(xiàn)在沒(méi)問(wèn)題。同時(shí)這也可以穩(wěn)定用戶情緒，讓他們決定是否要采取糾正措施，繼續(xù)使用應(yīng)用，還是切換到另一個(gè)應(yīng)用。

如果只有部分功能不可用，那么只要當(dāng)用戶使用這些功能時(shí)顯示提示即可。不然的話，用戶就應(yīng)該能正常使用應(yīng)用的其他功能。如果你決定使用警告框來(lái)進(jìn)行提示，請(qǐng)確保只在用戶嘗試使用不可用的功能時(shí)再顯示。

1.5 導(dǎo)航（Navigation）

除非導(dǎo)航設(shè)計(jì)的不合理，不然用戶不應(yīng)明顯察覺(jué)到應(yīng)用中的導(dǎo)航體驗(yàn)。放置導(dǎo)航到一個(gè)能夠支撐你的應(yīng)用結(jié)構(gòu)和目的卻又不過(guò)分引起用戶注意的狀態(tài)。

廣義來(lái)說(shuō)，有三種主要類型的導(dǎo)航，每種導(dǎo)航都有其適應(yīng)的應(yīng)用結(jié)構(gòu)：

• 分層。
• 扁平。
• 內(nèi)容或經(jīng)驗(yàn)驅(qū)動(dòng)。

在分層應(yīng)用中，用戶在每個(gè)層級(jí)中都要選擇其中一項(xiàng)，直到目的層級(jí)。如果要切換到另一個(gè)層級(jí)，用戶必須回退一些層級(jí)，或者直接回到初始層級(jí)進(jìn)行再次選擇。系統(tǒng)的設(shè)置和郵件應(yīng)用在這方面是很好的示范，可以參考他們。

在扁平應(yīng)用中，用戶可以從一個(gè)主要分類直接切換到另一個(gè)，因?yàn)樗械闹饕诸惗伎梢詮闹髌林苯釉L問(wèn)。音樂(lè)和App Store是兩個(gè)使用扁平結(jié)構(gòu)的好例子。

在內(nèi)容驅(qū)動(dòng)或經(jīng)驗(yàn)驅(qū)動(dòng)信息結(jié)構(gòu)的應(yīng)用中，導(dǎo)航的內(nèi)容也會(huì)根據(jù)內(nèi)容或經(jīng)驗(yàn)來(lái)進(jìn)行設(shè)計(jì)。例如，在閱讀一本電子書時(shí)，用戶會(huì)一頁(yè)接一頁(yè)地進(jìn)行閱讀，也會(huì)在目錄中選擇想要閱讀的頁(yè)碼跳轉(zhuǎn)后開(kāi)始閱讀。同樣的，在游戲應(yīng)用中，導(dǎo)航的作用也非常重要。

在某些情況下，在一個(gè)應(yīng)用中結(jié)合多種導(dǎo)航類型會(huì)有很好的效果。例如，對(duì)于扁平信息結(jié)構(gòu)中某一分類下的內(nèi)容，用分層導(dǎo)航的方式來(lái)顯示可能會(huì)更好。

用戶應(yīng)該時(shí)刻清楚自己當(dāng)前在應(yīng)用中所處的位置，以及如何前往他們所想到的頁(yè)面。

無(wú)論導(dǎo)航類型是否適合你的應(yīng)用結(jié)構(gòu)，最重要的是用戶訪問(wèn)內(nèi)容的路徑應(yīng)該是合理、可預(yù)期和易于尋找的。

UIKit定義了一些標(biāo)準(zhǔn)的UI元素，這些元素即可以構(gòu)建分層或扁平的導(dǎo)航，也可以實(shí)現(xiàn)以內(nèi)容為中心的導(dǎo)航，例如電子書或者媒體觀看類應(yīng)用。游戲或者其他經(jīng)驗(yàn)驅(qū)動(dòng)的應(yīng)用通常需要一些自定義的元素和行為。

使用導(dǎo)航欄（Navigation Bar）幫助用戶輕松訪問(wèn)分層內(nèi)容。導(dǎo)航欄的標(biāo)題可以顯示用戶當(dāng)前所處的層級(jí)，而后退按鈕可以回到上一層級(jí)。查看Navigation Bar了解更多。

使用標(biāo)簽欄（Tab Bar）顯示同類型的內(nèi)容或功能。標(biāo)簽欄很適合于扁平信息結(jié)構(gòu)，可以讓用戶在分類之間隨意切換，而不用在意當(dāng)前所處的位置。查看Tab Bar了解更多。

在應(yīng)用中，如果每屏顯示的都是同類項(xiàng)或同類頁(yè)，可以使用頁(yè)面控件（Page Control）。頁(yè)面控件的優(yōu)點(diǎn)是可以直觀地告訴用戶共有多少個(gè)項(xiàng)目或頁(yè)面，以及當(dāng)前所處的位置。查看Page Control了解更多。

一般來(lái)說(shuō)，最好能給用戶到達(dá)每一屏的路徑。如果用戶需要，就應(yīng)該考慮使用臨時(shí)視圖，例如模態(tài)視圖、動(dòng)作菜單或警告框。查看Modal View、Action Sheet和Alert了解更多。

（譯者注：上文提到的章節(jié)均處在iOS Human Interface Guidelines的第4章，翻譯將在后續(xù)更新中放出，煩請(qǐng)各位耐心等候。若有需要，亦可先參考先前已翻譯的iOS7 UI Elements章節(jié)：上，下。）

UIKit同時(shí)還提供了以下相關(guān)控件：

• 分段控件（Segmented Control）。分段控件讓用戶在一屏內(nèi)就可以查看到不同分類的內(nèi)容，而不需要切換到其他屏幕。
• 工具欄（Toolbar）。盡管工具欄看起來(lái)和導(dǎo)航欄或標(biāo)簽欄相似，但是工具欄不具導(dǎo)航作用。相反，工具欄為用戶提供了可以控制當(dāng)前屏幕內(nèi)容的控件。

1.6 模態(tài)情境（Modal Contexts）

模態(tài)是一個(gè)承載某些連貫操作或內(nèi)容的優(yōu)缺點(diǎn)并存的模式。它可以給用戶提供一種不脫離主任務(wù)的方式去完成一個(gè)任務(wù)或者獲得信息，但是也會(huì)臨時(shí)性地阻止用戶對(duì)應(yīng)用的其他部分進(jìn)行交互操作。

理想情況下，用戶可以與iOS 應(yīng)用進(jìn)行一種非線性的交互，所以，盡可能減少應(yīng)用中的模態(tài)體驗(yàn)是最好的。通常情況，在以下情形下可以考慮使用模態(tài)情境：

• ?必須引起用戶關(guān)注的時(shí)候。
• ? 一個(gè)獨(dú)立的任務(wù)需要完成或者很明確需要被放棄，為了避免在模棱兩可的狀態(tài)下遺漏用戶信息的時(shí)候。

保持模態(tài)任務(wù)的簡(jiǎn)單，簡(jiǎn)短和高度聚焦。你肯定不希望用戶使用模態(tài)視圖時(shí)像使用應(yīng)用中的一個(gè)mini應(yīng)用一樣。如果子任務(wù)過(guò)于復(fù)雜，用戶會(huì)在進(jìn)入模態(tài)情境時(shí)忽略主要任務(wù)。在設(shè)計(jì)一個(gè)涉及視覺(jué)層次的模態(tài)任務(wù)時(shí)特別要考慮這一點(diǎn)，因?yàn)橛脩粲锌赡苊允Р⑶彝浫绾位氐街暗牟僮髦腥ァＨ绻粋€(gè)模態(tài)任務(wù)必須包含不同視圖的子任務(wù)，確保給用戶一個(gè)獨(dú)立、清晰的導(dǎo)航路徑，并避免迂回。

始終提供明顯、安全的途徑退出模態(tài)任務(wù)。確保用戶在退出模態(tài)視圖時(shí)可以預(yù)期操作的結(jié)果。

一個(gè)任務(wù)需要多層級(jí)的模態(tài)視圖時(shí)，確保用戶理解點(diǎn)擊完成按鈕的結(jié)果。點(diǎn)擊一個(gè)低層級(jí)視圖上的完成按鈕是完成這個(gè)視圖中任務(wù)的一部分，還是整個(gè)任務(wù)？因?yàn)榇嬖谶@種困惑的可能性，所以要盡可能避免在下級(jí)視圖中添加完成按鈕。

保證提醒對(duì)話框的內(nèi)容都是重要且可操作的。提醒對(duì)話框會(huì)打斷用戶的體驗(yàn)并且要點(diǎn)擊才會(huì)消失，所以要讓用戶感到提醒信息是有用的，打斷是有價(jià)值的。

尊重用戶關(guān)于接收通知的選擇。用戶會(huì)設(shè)置接收應(yīng)用通知的形式，必須尊重要用戶的喜好設(shè)置，否則可能觸怒用戶，導(dǎo)致其關(guān)閉所有的推送通知。

1.7 交互性和反饋（Interactivity and Feedback）

1.7.1 用戶知道標(biāo)準(zhǔn)手勢(shì)（Users Know the Standard Gestures）

用戶使用點(diǎn)擊、拖拽、捏合等手勢(shì)與iOS設(shè)備進(jìn)行交互。使用手勢(shì)拉近了用戶和設(shè)備之間的距離，并且增強(qiáng)了直接操縱感。用戶通常期待手勢(shì)在不同應(yīng)用之間都是通用的。

除了用戶熟悉的標(biāo)準(zhǔn)手勢(shì)，iOS還定義了一些系統(tǒng)范圍內(nèi)的操作，例如呼出控制中心或消息中心。在任意應(yīng)用下都可以使用這些操作。

不要給標(biāo)準(zhǔn)手勢(shì)賦予不同的行為。除非你的應(yīng)用是游戲，否則重新定義標(biāo)準(zhǔn)手勢(shì)會(huì)使用戶迷惑，且增加使用難度。

不要?jiǎng)?chuàng)建和標(biāo)準(zhǔn)手勢(shì)功能相似的手勢(shì)操作。用戶已經(jīng)習(xí)慣了標(biāo)準(zhǔn)手勢(shì)的行為，沒(méi)有必要讓用戶學(xué)習(xí)達(dá)到同樣效果的不同操作。

可以用復(fù)雜手勢(shì)作為完成某任務(wù)的快捷方式，但不能是唯一觸達(dá)方式。最好給用戶提供一些簡(jiǎn)單、直接的方式完成某操作，即使這種方法需要額外的動(dòng)作。簡(jiǎn)單的手勢(shì)能讓用戶集中于當(dāng)前的體驗(yàn)和內(nèi)容，而不是交互操作本身。

除非是游戲，否則避免定義新的手勢(shì)。在游戲或其他沉浸式的應(yīng)用中，操作手勢(shì)也是有趣體驗(yàn)的一部分。但是在普通應(yīng)用中，幫助用戶達(dá)成目標(biāo)要比操作本身重要的多，所以最好使用標(biāo)準(zhǔn)手勢(shì)，盡量避免讓用戶去發(fā)掘和記憶新的操作。

在特定的環(huán)境中，可以考慮使用多指操作。雖然復(fù)雜的操作并不一定適用于所有應(yīng)用，但對(duì)用戶會(huì)花大量時(shí)間使用的應(yīng)用來(lái)說(shuō)可以豐富體驗(yàn)，例如游戲或創(chuàng)建內(nèi)容環(huán)境。但因?yàn)榉菢?biāo)準(zhǔn)手勢(shì)可發(fā)現(xiàn)性差，要盡量少用，并且不要讓這類手勢(shì)成為完成任務(wù)的唯一方式。

1.7.2 可交互元素吸引用戶點(diǎn)擊（Interactive Elements Invite Touch）

為了暗示交互性，設(shè)計(jì)時(shí)會(huì)使用很多線索，包括顏色、位置、上下文、表意明確的圖標(biāo)和標(biāo)簽等。并不需要過(guò)于修飾元素來(lái)向用戶展示可交互性。

一個(gè)關(guān)鍵的顏色可以給用戶提供很強(qiáng)的視覺(jué)指引，尤其是沒(méi)有冗余的其它顏色時(shí)。為了有對(duì)比，使用藍(lán)色標(biāo)記可交互的元素，并且使用統(tǒng)一的、易識(shí)別的視覺(jué)風(fēng)格。

返回按鈕使用多個(gè)線索指明其可交互性并傳達(dá)其功能：它出現(xiàn)在導(dǎo)航中，顯示了一個(gè)指向后方的圖標(biāo)，使用了關(guān)鍵色，顯示了上一級(jí)頁(yè)面的標(biāo)題。

一個(gè)圖標(biāo)或者標(biāo)題提供了清晰的名稱指引用戶點(diǎn)擊它。例如，地圖中的標(biāo)題“立交橋路線”，“定位到這里”，清晰地說(shuō)明了用戶可做的操作。結(jié)合關(guān)鍵色，就可以省去按鈕邊界或其他多余的修飾。

在內(nèi)容區(qū)域，有必要給按鈕添加邊界或背景。操作條中的按鈕、動(dòng)作表單和提醒對(duì)話框可以不需要邊界，因?yàn)橛脩糁涝谶@種區(qū)域中大多數(shù)選項(xiàng)是可交互的。但是在內(nèi)容區(qū)域，按鈕有必要使用邊界或背景將按鈕從其他內(nèi)容中區(qū)分出來(lái)。例如，系統(tǒng)自帶的音樂(lè)、時(shí)鐘、照片和App Store應(yīng)用會(huì)在一些特別的場(chǎng)景中使用這種按鈕。

照片應(yīng)用中給分享按鈕增加了邊框，與其他解釋性文本進(jìn)行了區(qū)分。

時(shí)鐘應(yīng)用在秒表和計(jì)時(shí)頁(yè)面中給按鈕增加背景來(lái)強(qiáng)調(diào)開(kāi)始和暫停按鈕，并且使按鈕在周圍的內(nèi)容中更容易點(diǎn)擊。

App Store應(yīng)用中使用有邊界的按鈕，將按鈕和整個(gè)內(nèi)容條區(qū)分開(kāi)來(lái)，點(diǎn)擊整條內(nèi)容查看詳細(xì)信息，點(diǎn)擊按鈕進(jìn)行下載安裝。

1.7.3 反饋有助于理解（Feedback Aids Understanding）

反饋會(huì)幫助用戶了解應(yīng)用當(dāng)前在做什么，發(fā)現(xiàn)接下來(lái)可以做什么以及理解動(dòng)作產(chǎn)生的結(jié)果。UIKit提供了很多反饋。

盡可能將狀態(tài)或其他的反饋信息整合到UI中。用戶不進(jìn)行操作或不跳出當(dāng)前內(nèi)容就能獲得需要的信息是最好的。例如，郵箱應(yīng)用將當(dāng)前郵箱的狀態(tài)顯示工具條上，這樣就不會(huì)影響當(dāng)前內(nèi)容。

避免顯示不必要的警告框。警告框是一種很強(qiáng)的反饋機(jī)制，只有在傳遞非常重要也是理論上可行的信息時(shí)才需要使用它。如果用戶常看到很多不是重要信息的警告框，他們很快就會(huì)忽略所有對(duì)話框提醒。

1.7.4 輸入信息的方式要簡(jiǎn)單（Inputting Information Should Be Easy）

不管用戶是點(diǎn)擊控件還是使用鍵盤，輸入信息都會(huì)花費(fèi)時(shí)間和精力。如果發(fā)揮有用的效用前就讓用戶輸入大量信息會(huì)減弱用戶繼續(xù)使用的欲望。

讓用戶更容易地進(jìn)行選擇。例如，使用選擇器或者表格代替純文本，避免要求用戶打字來(lái)提高選擇效率，降低選擇成本。

適宜地從iOS中獲取信息。設(shè)備上存儲(chǔ)了大量的用戶信息。可以的話，不要讓用戶提供你可以輕易找到的信息，例如聯(lián)系人或日歷信息。

提供有用的反饋來(lái)平衡用戶的輸入。付出和回報(bào)的概念可以幫助用戶感到進(jìn)程在被推進(jìn)。

1.8 動(dòng)畫（Animation）

iOS的用戶界面中遍布著細(xì)微、精美的動(dòng)畫，它們使得應(yīng)用的體驗(yàn)更具吸引力、更具動(dòng)態(tài)性。適當(dāng)?shù)膭?dòng)畫可以：

• 傳達(dá)狀態(tài)和提供反饋
• 增強(qiáng)直接操作的感覺(jué)
• 幫助人們可視化他們的操作結(jié)果

謹(jǐn)慎地增加動(dòng)畫，特別是在那些無(wú)法提供沉浸性體驗(yàn)的應(yīng)用中。看起來(lái)過(guò)多的無(wú)理由的動(dòng)畫會(huì)阻礙應(yīng)用的流暢性，降低性能，還會(huì)分散用戶在任務(wù)中的注意力。尤其要說(shuō)的是，要有目的和限制性地使用運(yùn)動(dòng)效果和UI組件中的動(dòng)態(tài)行為，并確保對(duì)結(jié)果進(jìn)行測(cè)試。一旦被合理的使用，這些效果能提高用戶的理解度和愉悅度；過(guò)度使用他們則會(huì)使應(yīng)用看起來(lái)很迷惑，很難控制。

在合適的時(shí)候，使自定義的動(dòng)畫與內(nèi)置動(dòng)畫保持統(tǒng)一。人們習(xí)慣于謹(jǐn)慎添加動(dòng)畫，尤其是在那些不能提供沉浸式用戶體驗(yàn)的應(yīng)用中。如果應(yīng)用主要關(guān)注一些嚴(yán)肅的任務(wù)或者生產(chǎn)性任務(wù)，那么動(dòng)畫就顯得多余了，還會(huì)無(wú)端打亂應(yīng)用的使用流程，降低應(yīng)用的性能，讓用戶從當(dāng)前的任務(wù)中分心。

開(kāi)發(fā)者的自定義動(dòng)畫應(yīng)該切合內(nèi)置iOS應(yīng)用的動(dòng)畫。用戶習(xí)慣于內(nèi)置iOS 應(yīng)用使用的精細(xì)動(dòng)畫。事實(shí)上，用戶趨向于把視圖之間的平滑轉(zhuǎn)換，對(duì)設(shè)備方向改變的流暢響應(yīng)和基于物理力學(xué)的滾動(dòng)效果看作是iOS體驗(yàn)的一部分。除非你的應(yīng)用能夠給用戶沉浸式的體驗(yàn)–比如游戲–自定義動(dòng)畫應(yīng)該可以與內(nèi)置應(yīng)用的動(dòng)畫相媲美。

使用風(fēng)格類型一致的動(dòng)畫。在應(yīng)用中使用風(fēng)格類型一致的動(dòng)畫非常重要，可以讓用戶構(gòu)建基于使用應(yīng)用獲得的用戶體驗(yàn)。

大多數(shù)情況下，恰當(dāng)一點(diǎn)的做法是讓自定義動(dòng)畫更具現(xiàn)實(shí)性。用戶樂(lè)意于接受自由的藝術(shù)創(chuàng)作，但當(dāng)你的動(dòng)畫違背物理定律和自然法則的時(shí)候，他們會(huì)感覺(jué)到非常迷惑。

1.9 品牌推廣（Branding）

品牌推廣并不僅僅是在應(yīng)用中展示品牌的顏色和logo。理想狀態(tài)下，你開(kāi)發(fā)的某個(gè)特定品牌的應(yīng)用應(yīng)該通過(guò)創(chuàng)建獨(dú)特的外觀和感覺(jué)來(lái)為用戶提供難忘的體驗(yàn)。

在iOS系統(tǒng)之下可以很容易地使用自定義的圖標(biāo)、顏色和字體來(lái)創(chuàng)建區(qū)別于其他應(yīng)用的UI。當(dāng)你進(jìn)行這些元素的設(shè)計(jì)時(shí)，牢記以下兩點(diǎn)：

• 每個(gè)自定義的元素本身都需要具備良好的觀感和功能性，但它也應(yīng)該與應(yīng)用中其他元素保持一致，無(wú)論應(yīng)用中其他元素是自定義的還是標(biāo)準(zhǔn)的。
• 為了在iOS中感覺(jué)舒適，你的應(yīng)用雖然不必看起來(lái)跟內(nèi)置的一樣，但是需要對(duì)它的遵從、清晰度和深度（如欲了解更多，參見(jiàn)1.1 為iOS而設(shè)計(jì)（Design for iOS））進(jìn)行整合。花些時(shí)間弄清楚在你的應(yīng)用中遵從、清晰和深度所代表的意味，并把它們?cè)谀愕淖远x元素中表達(dá)出來(lái)。

當(dāng)你需要讓用戶意識(shí)到你的品牌時(shí)，你應(yīng)該遵循以下幾點(diǎn)：

以精致優(yōu)雅不唐突的方式植入品牌的顏色和圖片。用戶使用你的應(yīng)用來(lái)完成事務(wù)或者進(jìn)行娛樂(lè)，他們不希望被強(qiáng)迫著去觀看廣告。為了獲得最好的用戶體驗(yàn)，你可以通過(guò)字體、顏色和圖像的設(shè)計(jì)來(lái)潛移默化地地提醒用戶你的品牌身份。

避免遠(yuǎn)離用戶關(guān)心的內(nèi)容。比如，在屏幕頂部展示一個(gè)二級(jí)欄目，僅用來(lái)展示品牌資產(chǎn)，這意味著內(nèi)容沒(méi)有足夠的空間，可以考慮以其他低侵入性的方法無(wú)處不在地展示品牌，比如巧妙地定制屏幕的背景。

抵抗住誘惑，不要把你的logo貫穿整個(gè)應(yīng)用。移動(dòng)設(shè)備的屏幕多數(shù)相當(dāng)小，logo的每一次出現(xiàn)都會(huì)占據(jù)空間而將用戶與他們想看的內(nèi)容隔離開(kāi)。而且，在應(yīng)用中顯示logo并不能像在網(wǎng)頁(yè)中顯示logo那樣達(dá)到相同的目的：對(duì)于用戶來(lái)說(shuō)通常會(huì)很容易在不知道網(wǎng)頁(yè)所屬的情況下訪問(wèn)一個(gè)網(wǎng)頁(yè)，但卻極少有用戶會(huì)在完全不看一個(gè)iOS系統(tǒng)中的應(yīng)用圖標(biāo)的情況下就打開(kāi)它。

1.10 顏色與字體（Color and Typography）

1.10.1 色彩有助于增進(jìn)溝通（Color Enhances Communication）

在iOS系統(tǒng)中，顏色會(huì)用于表征交互，傳遞活性以及提供視覺(jué)連續(xù)性。內(nèi)置的應(yīng)用程序選擇使用那些看起來(lái)更具個(gè)性的、純粹、干凈的顏色，并輔以或亮或暗的背景組合。

如果你要?jiǎng)?chuàng)建多樣的自定義顏色，要確保它們能夠和諧共存。例如，如果你的應(yīng)用的基本風(fēng)格是柔和的色調(diào)，你就應(yīng)該創(chuàng)建一個(gè)協(xié)調(diào)的柔和色調(diào)的色板用于整個(gè)應(yīng)用。

注意在不同情境下的顏色對(duì)比。例如，如果在導(dǎo)航欄的背景與欄按鈕標(biāo)題之間沒(méi)有足夠的對(duì)比，按鈕就會(huì)很難被用戶看到。 依據(jù)經(jīng)驗(yàn)的法則來(lái)說(shuō)，需要區(qū)分的顏色必須至少存在50%的亮度差異。（我們）需要將設(shè)備置于不同的光照環(huán)境之中（包括晴朗的室外）來(lái)測(cè)試設(shè)備上的觀感效果。

提示：一種發(fā)現(xiàn)需要更高對(duì)比度的區(qū)域的方法是降低UI的飽和度并在灰度模式下查看它。如果在灰度版本中你很難區(qū)分可交互與非可交互元素或背景等，你有可能需要增加這些元素之間的對(duì)比度。

當(dāng)你使用自定義的欄顏色時(shí)，著重考慮半透明的欄和應(yīng)用內(nèi)容。當(dāng)你需要?jiǎng)?chuàng)建能匹配特別顏色的欄顏色時(shí)（比如一個(gè)已有品牌中的顏色），可能在你獲得你想要的結(jié)果之前，你需要用各種顏色進(jìn)行實(shí)驗(yàn)。欄的顯示將會(huì)同時(shí)受到iOS系統(tǒng)所提供的半透明欄與藏在欄后面的應(yīng)用內(nèi)容的呈現(xiàn)所影響。

API注釋：使用淺色（TintColor）的屬性值給予欄按鈕顏色，使用欄淺色（BarTintColor）的屬性值為欄本身賦色。欲了解更多關(guān)于欄屬性的內(nèi)容，可參見(jiàn)UINavigationBar Class Reference,，UITabBar Class Reference，UIToolbar Class Reference和 UISearchBar Class Reference。（譯者注：相關(guān)章節(jié)翻譯將在后續(xù)更新中放出，煩請(qǐng)各位耐心等候。）

注意顏色的盲區(qū)。多數(shù)色盲的人很難區(qū)分紅色與綠色。需要對(duì)你的應(yīng)用進(jìn)行測(cè)試以確保在其中你沒(méi)有將紅色與綠色作為區(qū)分兩個(gè)不同狀態(tài)或值的唯一方式，一些圖像編輯軟件或工具能夠有效的幫你驗(yàn)證顏色的盲區(qū)。通常意義來(lái)說(shuō)，使用多種方式來(lái)表征原色的交互性是非常好的（需要了解更多關(guān)于在iOS系統(tǒng)中表征交互性的信息，詳見(jiàn)Interactive Elements Invite Touch）。

考慮選擇一種基準(zhǔn)色顏色來(lái)表征交互性與狀態(tài)。在內(nèi)置的應(yīng)用中基準(zhǔn)色有比如備忘錄中的黃色與日歷中的紅色等。如果你定義一種用于表征交互和狀態(tài)的基準(zhǔn)色，要確保你的應(yīng)用中的其他顏色不會(huì)與它發(fā)生沖突。

色彩可以向用戶傳達(dá)信息，但不一定會(huì)以你希望的方式。每個(gè)人眼中的色彩是不一樣的，不同的文化為色彩賦予的意義也是不相同的。花時(shí)間來(lái)研究如何使用色彩才可能會(huì)被其他國(guó)家或者文化接受。你要盡可能確定應(yīng)用中運(yùn)用的色彩向用戶傳達(dá)了恰當(dāng)?shù)男畔ⅰ?/p>

大多數(shù)情況下，不能讓顏色喧賓奪主，讓用戶分心。除非色彩是應(yīng)用的目的和本質(zhì)所在，通常情況下色彩應(yīng)該用來(lái)從細(xì)微細(xì)節(jié)之處提升用戶體驗(yàn)。

1.10.2 文字應(yīng)該清晰易讀（Text Should Always Be Legible）

文字首先必須是清晰可辨的。如果用戶不能看清楚應(yīng)用中的字詞，那么文字再好看也是沒(méi)是無(wú)意義的。當(dāng)你在你的應(yīng)用中采用Dynamic Type時(shí)，你可以實(shí)現(xiàn)：

• 能自動(dòng)調(diào)整文字的粗細(xì)，字母間距以及行高。
• 為語(yǔ)義上有區(qū)別的文本模塊指定不同的文本樣式，比如正文、腳注或者標(biāo)題。
• 文本可以根據(jù)用戶在動(dòng)態(tài)文字和可訪問(wèn)性設(shè)置中指定字體大小的變化作出適當(dāng)?shù)捻憫?yīng)。

注：如果你是用自定義字體，你仍然可以依據(jù)系統(tǒng)的字號(hào)設(shè)置來(lái)規(guī)劃字體范圍。當(dāng)用戶改變?cè)O(shè)置時(shí)，你的應(yīng)用也必須響應(yīng)式的配合。

就你而言，要采用Dynamic Type需要一些工作。為了學(xué)習(xí)如何使用文字樣式并確保當(dāng)用戶改變文字型號(hào)設(shè)置時(shí)你的應(yīng)用能夠獲取通知，可以參考Text Styles in Text Programming Guide for iOS。（譯者注：相關(guān)章節(jié)翻譯將在后續(xù)更新中放出，煩請(qǐng)各位耐心等候。）

文本尺寸的響應(yīng)式變化需要優(yōu)先考慮內(nèi)容。并不是所有的內(nèi)容對(duì)于用戶都是同等重要的。當(dāng)用戶選擇更大的文本尺寸時(shí)，他們是想要使他們關(guān)注的內(nèi)容更容易閱讀；他們并不總是想要屏幕上的每個(gè)單詞都更大。

例如，當(dāng)用戶選擇具備更大易用性的文本尺寸時(shí)，郵件將會(huì)以更大的尺寸顯示郵件的主題和內(nèi)容，而對(duì)于那些沒(méi)那么重要的信息——如時(shí)間和收件人——則采用較小的尺寸。

在適當(dāng)?shù)那闆r下，當(dāng)用戶選擇一個(gè)不同的文本尺寸時(shí)要調(diào)整頁(yè)面布局。例如，當(dāng)用戶選擇小的文本尺寸時(shí)，你可能想將內(nèi)容由一列的布局方式改為兩列。如果你決定根據(jù)不同的文本尺寸調(diào)整布局，你可以選擇針對(duì)尺寸的子集來(lái)實(shí)現(xiàn)——如包含小，中和大尺寸——而不是對(duì)于每個(gè)可能的尺寸都進(jìn)行布局的調(diào)整。

確保一個(gè)自定義字體在不同尺寸下的所有類型都具備可讀性。實(shí)現(xiàn)這一效果的方法之一是效仿在不同的文本尺寸下iOS系統(tǒng)呈現(xiàn)字體樣式的一些方法。例如：

• 文本永遠(yuǎn)都不應(yīng)該小于11點(diǎn)（points），即使是用戶選擇極小的文本尺寸。相較而言，內(nèi)容樣式使用17點(diǎn)的字號(hào)作為大尺寸的默認(rèn)文本尺寸設(shè)置。
• 通常來(lái)說(shuō)，字號(hào)與行距值在每一檔的文本尺寸設(shè)置中差別為1點(diǎn)。唯一例外的是兩種標(biāo)題的樣式，它們被應(yīng)用在極小、小和中尺寸的設(shè)置中，使用了相同的字號(hào)、行距和字距。
• 在最小的三種文本尺寸中，字間距相對(duì)較大；而在最大的三中文本尺寸中，字間距相對(duì)緊湊。
• 標(biāo)題和內(nèi)容的樣式使用相同的字體尺寸，同時(shí)，為了區(qū)分標(biāo)題與內(nèi)容樣式，標(biāo)題樣式使用更重的值。
• 導(dǎo)航控制欄的文本使用相同的字號(hào)，而內(nèi)容文本的樣式則使用大尺寸的設(shè)置（值為17點(diǎn)）。
• 文本總是使用常規(guī)或者中重，一般不適用輕或者加粗。

通常情況下，應(yīng)用中整體應(yīng)該使用單一字體。多種字體的混雜會(huì)使你的應(yīng)用看上去支離破碎和草率。相反，使用一種字體和少數(shù)樣式。根據(jù)語(yǔ)義用途，使用UIFont類的API來(lái)定義不同文本區(qū)域的樣式，比如正文或者標(biāo)題。

1.11 圖標(biāo)和圖形（Icons and Graphics）

1.11.1 應(yīng)用圖標(biāo)（The App Icon）

每個(gè)應(yīng)用都需要一個(gè)漂亮的圖標(biāo)。用戶常常會(huì)在看到應(yīng)用圖標(biāo)的時(shí)候便建立起對(duì)應(yīng)用的第一印象，并以此評(píng)判應(yīng)用的品質(zhì)、作用以及可靠性。

以下幾點(diǎn)是你在設(shè)計(jì)應(yīng)用圖標(biāo)時(shí)應(yīng)當(dāng)記住的。當(dāng)你確定要開(kāi)始設(shè)計(jì)時(shí)，請(qǐng)參考App Icon來(lái)獲取更詳細(xì)的設(shè)計(jì)規(guī)格與指導(dǎo)。（譯者注：App Icon章節(jié)處在iOS Human Interface Guidelines的Icon and Image Design部分，翻譯將在后續(xù)更新中放出，煩請(qǐng)各位耐心等候。）

• 應(yīng)用圖標(biāo)是整個(gè)應(yīng)用品牌的重要組成部分。將圖標(biāo)設(shè)計(jì)當(dāng)成一個(gè)講述應(yīng)用背后的故事，以及與用戶建立情感連接的機(jī)會(huì)。
• 最好的應(yīng)用圖標(biāo)是獨(dú)特的，整潔的，打動(dòng)人心的，讓人印象深刻的。
• 一個(gè)好的應(yīng)用圖標(biāo)應(yīng)該在不同的背景以及不同的規(guī)格下都同樣美觀。為了豐富大尺寸圖標(biāo)的質(zhì)感而添加的細(xì)節(jié)有可能讓圖標(biāo)在小尺寸時(shí)變得不清晰。

1.11.2 欄圖標(biāo)（Bar Icons）

iOS提供了一系列小的icon，用以代表各種常見(jiàn)任務(wù)與操作，它們常用在標(biāo)簽欄(Tab Bar)、工具欄(Toolbars)與導(dǎo)航欄(Navigation Bar)中。用戶通常都已經(jīng)了解這些內(nèi)置圖標(biāo)的含義了，因此可以盡可能的多使用它們。

如果需要自定義動(dòng)作或者內(nèi)容，你也可以設(shè)計(jì)自定義圖標(biāo)。設(shè)計(jì)這些小的線性圖標(biāo)與設(shè)計(jì)應(yīng)用圖標(biāo)有很大的區(qū)別，請(qǐng)參考Bar Button Icons來(lái)了解更多內(nèi)容。（譯者注：Bar Button Icons章節(jié)處在iOS Human Interface Guidelines的Icon and Image Design部分，翻譯將在后續(xù)更新中放出，煩請(qǐng)各位耐心等候）

請(qǐng)注意，你有時(shí)候也可以用文字來(lái)代替工具欄和導(dǎo)航欄的圖標(biāo)。 就像iOS的日歷里面，工具欄上便是使用“今天”、“日歷”和“收件箱”來(lái)代替圖標(biāo)進(jìn)行表意的。

想要決定在工具欄和導(dǎo)航欄中到底是用圖標(biāo)還是文字，可以優(yōu)先考慮一屏中最多會(huì)同時(shí)出現(xiàn)多少個(gè)圖標(biāo)。如果數(shù)量過(guò)多，可能會(huì)讓整個(gè)應(yīng)用看起來(lái)難以理解。使用圖標(biāo)還是文字還取決于屏幕方向是橫向還是縱向，因?yàn)樗揭晥D下通常會(huì)擁有更多的空間，可以承載更多的文字。

1.11.3 圖形（Graphics）

iOS應(yīng)用大多數(shù)圖形豐富。無(wú)論是你需要展示用戶的照片，還是需要?jiǎng)?chuàng)建自定義圖片，以下這些需求都應(yīng)該遵守：

• 支持Retina顯示屏。確保你應(yīng)用中的所有圖片資源都提供了高分辨率規(guī)格。尤其需要注意的是，iPhone 6 Plus需要提供@3x規(guī)格的圖片，而所有其他的高分辨率iOS設(shè)備都需要提供@2x規(guī)格的圖片。
• 顯示照片或圖片時(shí)請(qǐng)使用原始尺寸，并不要將它拉伸到大于100%。你不會(huì)希望在你的應(yīng)用中看到拉伸和變形的圖片。可以讓用戶自己來(lái)選擇他們是否想要縮放圖片。

不要使用帶有蘋果符號(hào)與版權(quán)的圖片。這些符號(hào)都擁有版權(quán)，并且產(chǎn)品的設(shè)計(jì)可能會(huì)經(jīng)常改變。

1.12 術(shù)語(yǔ)和措辭（Terminology and Wording）

你在應(yīng)用中呈現(xiàn)的每一個(gè)字都是與用戶進(jìn)行對(duì)話的一部分。把握這樣的對(duì)話機(jī)會(huì)，為你的用戶提供清晰的表意與愉悅的體驗(yàn)。

設(shè)置是面向全體用戶的一個(gè)基礎(chǔ)應(yīng)用，它使用了簡(jiǎn)明扼要的語(yǔ)言來(lái)描述了用戶可以進(jìn)行的操作。舉個(gè)例子，設(shè)置→勿擾模式（Do Not Disturb）就沒(méi)有使用難以理解的復(fù)雜術(shù)語(yǔ)，而是用了簡(jiǎn)單的語(yǔ)言，給用戶描述了里頭的一系列操作。

保證你使用的術(shù)語(yǔ)是用戶能理解的。根據(jù)你對(duì)用戶群的理解來(lái)決定在應(yīng)用中使用什么樣的詞匯。舉個(gè)例子，在一款針對(duì)小白用戶的應(yīng)用中使用技術(shù)術(shù)語(yǔ)是不合適的，但對(duì)于針對(duì)高端用戶的應(yīng)用來(lái)說(shuō)，使用技術(shù)術(shù)語(yǔ)是很自然的事情。

使用非正式的友好語(yǔ)氣，但不需要太過(guò)低三下四。避免太正式太僵化，或者太過(guò)嘻嘻哈哈，傲慢無(wú)禮。請(qǐng)記住，用戶可能會(huì)反復(fù)閱讀這些文本，因此有些起初看上去很俏皮的語(yǔ)句，多看幾次之后可能會(huì)顯得幼稚和煩人。

像新聞編輯一般遣詞造句，避免不必要的冗余語(yǔ)句。當(dāng)你的文案足夠簡(jiǎn)明扼要，用戶就可以很輕松地閱讀和理解它。確定最重要的信息，精煉它并且突出它，讓用戶不需要讀一大段文字才能了解他們?cè)谡沂裁矗约跋乱徊揭鍪裁础?/p>

給控件加上短標(biāo)簽或者容易理解的圖標(biāo)。讓用戶只掃一眼就能知道這個(gè)控件是干什么的。

描述時(shí)間時(shí)要注意準(zhǔn)確性。今天和明天這些詞匯確實(shí)顯得比較友好，但有時(shí)候會(huì)讓用戶費(fèi)解，因?yàn)槟憧赡軟](méi)有辦法確定用戶當(dāng)前的時(shí)區(qū)和時(shí)間。舉個(gè)例子，假如有一項(xiàng)活動(dòng)會(huì)在半夜12點(diǎn)前開(kāi)始，對(duì)于在同一個(gè)時(shí)區(qū)的用戶而言，這個(gè)活動(dòng)是在今天開(kāi)始的，但對(duì)于那些在早一點(diǎn)的時(shí)區(qū)里的用戶而言，這個(gè)活動(dòng)在昨天就已經(jīng)開(kāi)始了。

為你的應(yīng)用寫一則漂亮的App Store描述，最大程度地把握住這個(gè)與潛在用戶溝通的絕佳機(jī)會(huì)。除了準(zhǔn)確描述你的應(yīng)用、強(qiáng)調(diào)應(yīng)用的品質(zhì)與亮點(diǎn)以外，你還需要：

• 修正所有的拼寫、語(yǔ)法與標(biāo)點(diǎn)符號(hào)錯(cuò)誤。這些小錯(cuò)誤也許不會(huì)影響用戶正常使用，但是可能會(huì)讓他們對(duì)應(yīng)用的整體品質(zhì)產(chǎn)生負(fù)面印象。
• 盡量少用全大寫的詞匯。雖然大寫單詞有時(shí)候可以吸引注意力，但是全大寫的段落不適合閱讀，而且會(huì)產(chǎn)生一種朝用戶扯著嗓子吼的感覺(jué)。
• 可以描述bug修復(fù)情況。如果你的應(yīng)用新版包含用戶一直期待的bug修復(fù)，那在你的軟件描述中提到這一點(diǎn)就是個(gè)很好的做法。

1.13 與iOS的整合（Integrating with iOS）

與iOS整合，指的是在當(dāng)前平臺(tái)上給用戶提供一種舒適的、賓至如歸般的體驗(yàn)，當(dāng)然這并不意味著我們要把每一個(gè)應(yīng)用做的和內(nèi)置應(yīng)用一模一樣。

最好的與iOS整合的方式便是深刻地了解iOS的主題與核心——這一部分在上文1.1 為iOS而設(shè)計(jì)（Designing for iOS）部分中已有詳細(xì)描述，并尋求出如何在你的應(yīng)用中融合與表達(dá)這種主題。當(dāng)你這么做的時(shí)候，遵循本章中的指引可以幫助你為你的用戶提供他們想要的體驗(yàn)。

1.13.1 正確使用標(biāo)準(zhǔn)UI元素（Use Standard UI Elements Correctly）

盡可能使用UIKit提供的標(biāo)準(zhǔn)UI元素。多使用標(biāo)準(zhǔn)元素而非自定義元素，你與你的用戶都將受益：

• 標(biāo)準(zhǔn)UI元素會(huì)根據(jù)iOS官方的更新而自動(dòng)更新——而自定義元素不會(huì)。
• 標(biāo)準(zhǔn)UI元素對(duì)于你自定義外觀和行為來(lái)說(shuō)擁有優(yōu)秀的擴(kuò)展性。舉個(gè)例子，iOS中所有的視圖（Views）都是可自定義顏色的，它讓應(yīng)用配色變得很簡(jiǎn)單。想要了解更多如何給UI元素定義顏色，可以參考iOS 7 UI Transition Guide中Using Tint Color的相關(guān)章節(jié)。
• 用戶更熟悉和習(xí)慣標(biāo)準(zhǔn)的元素，因?yàn)檫@對(duì)于他們來(lái)說(shuō)沒(méi)有學(xué)習(xí)成本，他們可以立刻明白這些元素的用途。

想要充分地利用標(biāo)準(zhǔn)UI元素的優(yōu)點(diǎn)，有一些關(guān)鍵點(diǎn)需要特別注意：

嚴(yán)格遵循每個(gè)UI元素的設(shè)計(jì)規(guī)范。當(dāng)你應(yīng)用中的UI元素的外觀與功能都是用戶所熟悉的，他們可以很容易地根據(jù)先前的經(jīng)驗(yàn)來(lái)使用他們，進(jìn)而更好地使用你的應(yīng)用。你可以從這些章節(jié)中找到各種UI元素的設(shè)計(jì)規(guī)范：Bars, Content Views, Controls, Temporary Views.

（譯者注：上文提到的章節(jié)均處在iOS Human Interface Guidelines的第4章，翻譯將在后續(xù)更新中放出，煩請(qǐng)各位耐心等候。若有需要，亦可先參考先前已翻譯的iOS7 UI Elements章節(jié)：上，下。）

不要混用不同版本的iOS里的UI元素。你一定不希望讓用戶覺(jué)得你的UI元素來(lái)自于與當(dāng)前設(shè)備版本不同的iOS系統(tǒng)。

大體來(lái)說(shuō)，請(qǐng)避免創(chuàng)造自定義UI元素來(lái)表現(xiàn)標(biāo)準(zhǔn)交互行為。先問(wèn)問(wèn)你自己為什么一定要?jiǎng)?chuàng)建一個(gè)與標(biāo)準(zhǔn)UI元素行為完全相同的自定義元素。如果你只是想改變標(biāo)準(zhǔn)UI元素的外觀，可以考慮使用UIKit外觀定制API（UIKit appearance customization APIs），或者給元素填充別的顏色。如果你需要定義一個(gè)與標(biāo)準(zhǔn)控件稍有不同的行為，請(qǐng)確保你在改變了這個(gè)UI元素的屬性和行為之后，這個(gè)元素仍然能完成你所希望的操作。

不要用系統(tǒng)自帶的按鈕和圖標(biāo)表達(dá)其他含義。iOS提供了多種可用的按鈕和圖標(biāo)。請(qǐng)確認(rèn)你了解它們的準(zhǔn)確表意；不要單純憑借你看到這些圖標(biāo)樣式的猜測(cè)和理解來(lái)解讀和使用它們。（你可以在Toolbar and Navigation Bar Buttons和Tab Bar Icons中了解到這些按鈕和圖標(biāo)的準(zhǔn)確含義。）

如果你所需要的功能無(wú)法用系統(tǒng)提供的按鈕和圖標(biāo)來(lái)表現(xiàn)，你也可以設(shè)計(jì)自定義按鈕。自定義按鈕的設(shè)計(jì)可以參考Bar Button Icons。

（譯者注：上文提到的章節(jié)均處在iOS Human Interface Guidelines的第4章，翻譯將在后續(xù)更新中放出，煩請(qǐng)各位耐心等候。若有需要，亦可先參考先前已翻譯的iOS7 UI Elements章節(jié)：上，下。）

如果你的應(yīng)用是沉浸式體驗(yàn)，那么創(chuàng)造全新的自定義UI是合理的。因?yàn)槟阍趧?chuàng)造一個(gè)統(tǒng)一的體驗(yàn)環(huán)境，讓用戶在其中能夠有所期待并探索如何控制應(yīng)用。

1.13.2 弱化文件和文檔處理（Downplay File and Document Handing）

iOS應(yīng)用可以幫助用戶創(chuàng)建和處理文件，但這并不意味著用戶需要過(guò)分考慮iOS設(shè)備的文件系統(tǒng)如何運(yùn)作。

如果你的應(yīng)用中支持用戶創(chuàng)建和編輯文檔，那么提供一個(gè)清晰的圖形庫(kù)視圖（document library view）讓用戶能夠方便地打開(kāi)或者新建文檔是一個(gè)好的做法。理想狀況下，這樣的圖形庫(kù)視圖擁有以下特征：

• 高度圖形化。用戶通過(guò)屏幕上的縮略圖就可以一目了然，快速找出自己想要的文件。
• 讓用戶用最少的動(dòng)作完成自己的任務(wù)。比如說(shuō)，用戶可以快速地水平滾動(dòng)文件列表，然后輕點(diǎn)一下自己想要的文件來(lái)打開(kāi)它。
• 包含新建文檔功能。一個(gè)圖形庫(kù)視圖應(yīng)該支持讓用戶點(diǎn)擊一個(gè)新建文檔的占位圖便完成新建文檔操作，而不是讓用戶通過(guò)訪問(wèn)別的地方來(lái)新建文檔。

舉個(gè)例子，Pages應(yīng)用的圖形庫(kù)視圖里面，既展示了用戶已存在的文檔，也加入了便捷的新建文檔操作。

如果你的應(yīng)用允許用戶使用在其他應(yīng)用中創(chuàng)建的文檔，你可以通過(guò)模態(tài)文檔選擇視圖控制器(modal document picker view controller)來(lái)幫助用戶觸達(dá)它們。這個(gè)控制器可以提取用戶在iCloud中的文檔，還可以通過(guò)文檔提供者擴(kuò)展（Document Provider extensions）來(lái)提取在其它應(yīng)用中創(chuàng)建和儲(chǔ)存的文件。想要了解更多文檔提供者擴(kuò)展的內(nèi)容，可以參考Document Provider Extensions; 想要了解更多文檔提取視圖控制器，請(qǐng)參考Document Picker Programming Guide.

給用戶足夠的信心，讓他們相信除非主動(dòng)取消或者刪除，他們的成果會(huì)被隨時(shí)妥善保存。如果你的應(yīng)用幫助用戶創(chuàng)建于管理文檔，不能要求用戶每次都能及時(shí)保存。無(wú)論是打開(kāi)另一個(gè)文檔或切換應(yīng)用的時(shí)候，iOS應(yīng)用都應(yīng)當(dāng)承擔(dān)起幫助用戶保存輸入內(nèi)容的責(zé)任。

如果你的應(yīng)用的主要功能不是創(chuàng)造內(nèi)容，但又允許用戶查看或編輯信息，這種情況下你需要詢問(wèn)用戶是否要保存修改。在這種場(chǎng)景下，比較好的做法是提供“編輯”按鈕，點(diǎn)擊后進(jìn)入編輯狀態(tài)，同時(shí)編輯按鈕變成“保存”和“取消”按鈕，這種變化可以提示用戶當(dāng)前處于編輯模式。“保存”可以保留修改內(nèi)容，“取消”則退出編輯模式。

1.13.3 必要時(shí)提供可配置選項(xiàng)（Be Configurable If Necessary）

某些應(yīng)用需要用戶手動(dòng)安裝或設(shè)置選項(xiàng)，但是大部分應(yīng)用不需要如此。一個(gè)好的應(yīng)用可以讓大部分用戶快速上手，并通過(guò)主界面給用戶提供便捷的調(diào)整體驗(yàn)的方式。

當(dāng)你的應(yīng)用在默認(rèn)狀態(tài)下就能滿足大部分用戶的期望，用戶對(duì)設(shè)置的需求就減少了。如果你需要儲(chǔ)存用戶的基本資料，可以優(yōu)先向系統(tǒng)請(qǐng)求和拉取相關(guān)信息，而不是上來(lái)就讓用戶自己填寫它。如果你一定要提供用戶鮮少用到的設(shè)置項(xiàng)，請(qǐng)參考App Programming Guide for iOS中的The Setting Bundle部分來(lái)了解如何在代碼中定義它們。

盡可能在主界面提供設(shè)置選項(xiàng)。如果用戶在進(jìn)行主線任務(wù)時(shí)有可能頻繁改變?cè)O(shè)置，將設(shè)置項(xiàng)放在主UI中會(huì)很方便。如果用戶只是偶爾才會(huì)用到設(shè)置項(xiàng)，那么可以將其放在獨(dú)立的視圖中。

如果應(yīng)用內(nèi)相關(guān)設(shè)置需要在系統(tǒng)設(shè)置中改變，幫助用戶直接訪問(wèn)系統(tǒng)設(shè)置。尤其是，如果你要用一段文字來(lái)描述如何改變這個(gè)設(shè)置，比如“設(shè)置>隱私>定位服務(wù)”，倒不如直接放置一個(gè)按鈕，點(diǎn)擊后即可到達(dá)設(shè)置中的定位服務(wù)。想要了解如何實(shí)現(xiàn)，請(qǐng)參考 Settings Launch URL.

1.13.4 充分利用iOS技術(shù)（Take Advantage of iOS Technologies）

iOS提供了豐富的技術(shù)方式來(lái)支持用戶完成他們所期望的各種任務(wù)和場(chǎng)景。這意味著在絕大多數(shù)情況下，將系統(tǒng)提供的技術(shù)整合到你的應(yīng)用中，往往比自定義一種新的技術(shù)更為可靠。

某些iOS技術(shù)，比如多任務(wù)并行（Multitasking）與語(yǔ)音向?qū)В?a target="_blank">VoiceOver）等等，是所有應(yīng)用都應(yīng)該包含的系統(tǒng)級(jí)特性。而另外一些技術(shù)是否整合到應(yīng)用中，則取決于應(yīng)用本身的功能性。比如處理門票和禮品卡的應(yīng)用（Passbook）支持用戶通過(guò)In-App Purchase完成購(gòu)買，展示應(yīng)用內(nèi)置廣告（iAd Rich Media Ads）則可以整合 Game Center，同時(shí)支持iCloud。

英文原文訪問(wèn)地址：iOS Human Interface Guidelines
中文翻譯PDF下載：iOS人機(jī)界面指南（一）：UI設(shè)計(jì)基礎(chǔ)

 眾所周知，軟件是一種工具，而軟件與人的信息交換是通過(guò)界面來(lái)進(jìn)行的，所以界面的易用性和美觀性就變得非常重要了，這就需要好好利用人機(jī)界面設(shè)計(jì)的原則及設(shè)計(jì)的方法。一般來(lái)說(shuō)，完成軟件人機(jī)界面設(shè)計(jì)需考慮以下問(wèn)題： 

—-1）界面總體布局設(shè)計(jì)，即如何使界面的布局變得更加合理。例如，我們應(yīng)該把功能相近的按鈕放在一起，并在樣式上與其他功能的按鈕相區(qū)別，這樣用戶使用起來(lái)將會(huì)更加方便。 

—-2）操作流程設(shè)計(jì)，即通過(guò)設(shè)計(jì)工作流程，而使用戶的工作量減小，工作效率提高。例如：我們?nèi)绾尾拍茏層脩粲米钌俚牟襟E，完成一項(xiàng)操作。使用別的軟件，鼠標(biāo)要點(diǎn)擊50下，在屏幕上移動(dòng)20000個(gè)像素的距離才能完成，而使用您的軟件只需要點(diǎn)擊鼠標(biāo)25下，在屏幕上移動(dòng)5000個(gè)像素就能完成。那么用戶在使用您的軟件時(shí)就要比使用其他軟件工作效率提高四倍，那么用戶自然會(huì)選用您的軟件了。 

—-3）工作界面舒適性設(shè)計(jì)，即使用戶更加舒適的工作。例如：我們用什么樣的界面主色調(diào)，才能夠讓用戶在心情愉快的情況下，工作最長(zhǎng)的時(shí)間而不感覺(jué)疲倦呢？紅色：熱烈，刺眼，易產(chǎn)生焦慮心情。藍(lán)色：平靜，科技，舒適。明色：干凈，明亮，但對(duì)眼睛較多刺激，長(zhǎng)時(shí)間工作易引起疲勞。暗色：安靜，大氣，對(duì)眼睛較少刺激。微軟公司公司淺灰色的系統(tǒng)主色調(diào)及ICON協(xié)調(diào)的成功運(yùn)用，已經(jīng)促使目前國(guó)際所有的軟件產(chǎn)品形成一種的規(guī)范，這也是微軟成功的重要因素之一。 

—-4）人機(jī)界面設(shè)計(jì)并不是簡(jiǎn)單的外殼包裝，一個(gè)軟件的成功是與其完善的功能實(shí)現(xiàn)，認(rèn)真的調(diào)試是分不開(kāi)的。但任何產(chǎn)品開(kāi)發(fā)前的整體規(guī)劃，將也是人機(jī)界面設(shè)計(jì)的關(guān)鍵因素之一，在運(yùn)做過(guò)程中注重的不僅僅是美觀實(shí)用的表現(xiàn)，將更多考慮規(guī)劃中產(chǎn)品的底層技術(shù)準(zhǔn)則，優(yōu)化體現(xiàn)出一個(gè)軟件產(chǎn)品的靈魂所在。 

—-5）我們需要正規(guī)的理解及調(diào)查的實(shí)施性，MAC的外殼色彩創(chuàng)新帶動(dòng)了現(xiàn)在所有機(jī)器的個(gè)性化，但早在以前ACER也出過(guò)墨綠色的機(jī)箱，但卻很失敗。原因有兩個(gè)，一個(gè)是設(shè)計(jì)的還是不夠，另外就是時(shí)機(jī)不好，因?yàn)楫?dāng)時(shí)大眾的品位還不夠。我們需要對(duì)合作伙伴的需求進(jìn)行正規(guī)的分析規(guī)劃，人機(jī)界面設(shè)計(jì)才可以得到正確實(shí)施。 由上可見(jiàn)，人機(jī)界面設(shè)計(jì)是一門綜合性非常強(qiáng)的學(xué)科，它不僅借助計(jì)算機(jī)技術(shù)，還要依托于心理學(xué)，認(rèn)知科學(xué)，語(yǔ)言學(xué)、通信技術(shù)及戲劇、音樂(lè)、美術(shù)多方面的理論和方法。所以為能達(dá)到用戶滿足的界面，需好好學(xué)習(xí)人機(jī)界面設(shè)計(jì)這一學(xué)科，領(lǐng)會(huì)其精髓。