原文出處： Apple   譯文出處：騰訊ISUX   歡迎分享原創(chuàng)到伯樂(lè)頭條

文章索引

• 2.1 設(shè)計(jì)原則（Design Principles）
• 2.1.1 美學(xué)完整性（Aesthetic Integrity）
• 2.1.2 一致性（Consistency）
• 2.1.3 直接操作（Direct Manipulation）
• 2.1.4 反饋（Feedback）
• 2.1.5 隱喻（Metaphors）
• 2.1.6 用戶控制（User Control）
• 2.2 從概念到產(chǎn)品(From Concept to Product)
• 2.2.1 定義應(yīng)用（Define Your App）
• 2.2.2 為任務(wù)量身訂制界面（Tailor Customization to the Task）
• 2.2.3 原型與迭代（Prototype & Iterate）
• 2.3 案例學(xué)習(xí)：從桌面到iOS（Case Study: From Desktop to iOS）
• 2.3.1 iPad版Keynote應(yīng)用（Keynote on iPad）
• 2.3.2 iPhone版郵件應(yīng)用（Mail on iPhone）
• 2.3.3 iOS系統(tǒng)內(nèi)的網(wǎng)頁(yè)內(nèi)容（Web Content in iOS）

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à)會(huì)給人們帶來(lái)有意義的反饋,，幫助闡明行為的結(jié)果,。例如，列表中新增一項(xiàng)時(shí)的動(dòng)畫(huà)可以從視覺(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)翻閱書(shū)本或雜志

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)買(mǎi)食品雜貨的應(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)買(mǎi)還是一次性購(gòu)買(mǎi)大量食物
• 希望能保留多個(gè)不同目的的清單還是只希望記錄回家路上需要購(gòu)買(mǎi)的幾個(gè)東西
• 堅(jiān)持使用固定的品牌還是會(huì)使用方便的替代品
• 習(xí)慣于購(gòu)買(mǎi)固定的一些物品還是會(huì)按照食譜來(lái)購(gòu)買(mǎi)

思考過(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)買(mǎi)應(yīng)用的定義可能如下：

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

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)畫(huà)和文本屬性等,。

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

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

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)畫(huà)

在iPad版的Keynote中,，用戶可以拖動(dòng)滑塊到一個(gè)新的位置,，可以扭動(dòng)旋轉(zhuǎn)一個(gè)對(duì)象，也可以輕擊圖片來(lái)選中它,。iPad版Keynote的響應(yīng)動(dòng)畫(huà)進(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)大的程序,，可以允許用戶撰寫(xiě)、接收、分類和存儲(chǔ)郵件,，追蹤行動(dòng)和事件,，也可以編寫(xiě)備忘錄和邀請(qǐng)等。桌面版的郵件應(yīng)用通過(guò)一系列的窗口提供了這些強(qiáng)大的功能,。

iPhone版的郵件專注于桌面版郵件的核心功能,，幫助人們接收、撰寫(xiě),、發(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)畫(huà)

（我們）必須明白相較于桌面版的郵件應(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)景之下,，編寫(xiě)郵件和查閱新郵件都是人們首要希望進(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瀏覽器中：

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

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

使彈出式菜單適應(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,。）