藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

來(lái)源：莫貝網(wǎng)

D Touch給iOS 9的用戶帶來(lái)更多的互動(dòng)維度。在支持的設(shè)備上，人們可以通過(guò)按壓主屏幕應(yīng)用程序的圖標(biāo)快速選擇特定的操作。在應(yīng)用程序中，人們可以使用壓力來(lái)獲得項(xiàng)目的預(yù)覽，可以在一個(gè)單獨(dú)的視圖中打開(kāi)該項(xiàng)目，并獲得相關(guān)的操作。（欲了解更多關(guān)于加入支持3D Touch的代碼，請(qǐng)參閱 在iPhone上采用3D Touch。）

Peek和Pop

Peek可以讓用戶在沒(méi)有打開(kāi)應(yīng)用的情況下預(yù)覽的應(yīng)用所支持的快捷操作。輕壓有支持Peek的應(yīng)用圖標(biāo)可以顯示一個(gè)矩形的Pop視圖（有時(shí)稱為提示）。

Peek:

·當(dāng)用戶輕按下出現(xiàn)內(nèi)容，手指抬起時(shí)消失 。

·首先打開(kāi)的是一個(gè)叫「Pop視圖」的詳細(xì)內(nèi)容 -當(dāng)用戶按下更深一點(diǎn)則顯示Peek視圖 。

·用戶在Peek視圖向上滾動(dòng)，就可以看到提供相關(guān)內(nèi)容的快捷操作。

 

當(dāng)用戶輕按屏幕，項(xiàng)目支持進(jìn)一步互動(dòng)可通過(guò)顯示一個(gè)矩形的視圖來(lái)暗示。Pop視圖應(yīng)足夠大，以便用戶的手指不會(huì)遮擋內(nèi)容和詳細(xì)，讓用戶決定是否按得更深一些，來(lái)查看Peek視圖。

 

使用Peek提供即時(shí)的豐富內(nèi)容預(yù)覽。它為用戶提供關(guān)于增加他們的了解當(dāng)前項(xiàng)目信息最好的方式。例如，用戶可以使用Peek功能，幫助他們決定在Safari中打開(kāi)網(wǎng)頁(yè)或與好友分享鏈接之前預(yù)覽郵件中的URL網(wǎng)頁(yè)內(nèi)容。在表視圖中，Peek向用戶展示一條詳細(xì)的信息視圖。

 

為每一個(gè)Peek視圖提供Pop視圖。即使Peek為用戶提供了他們最需要的信息，你也應(yīng)該讓用戶過(guò)渡到Pop視圖，再?zèng)Q定是回到當(dāng)前任務(wù)還是從當(dāng)前的任務(wù)中切換出來(lái)。Pop視圖應(yīng)該是跟他們點(diǎn)擊該項(xiàng)目得到的視圖相同。

 

不要啟用Peek和編輯菜單為一樣的項(xiàng)目。這兩項(xiàng)功能啟用了一個(gè)項(xiàng)目時(shí)，會(huì)讓人迷惑不解。（欲了解更多關(guān)于編輯菜單，請(qǐng)參閱 編輯菜單。）

 

在Peek視圖中，避免元素看起來(lái)像按鈕。如果當(dāng)用戶抬起手指來(lái)點(diǎn)擊看起來(lái)像一個(gè)按鈕元素時(shí)，Peek視圖會(huì)消失。

 

如果合適，請(qǐng)為Peek提供快捷操作。在Peek視圖中，用戶可以快速滾動(dòng)顯示到與該項(xiàng)目相關(guān)的操作。例如，在 郵件中使用Peek視圖的快捷操作包括「全部回復(fù)」，「轉(zhuǎn)發(fā)」和「移動(dòng)郵件」。不是每個(gè)Peek都需要快捷操作，但如果你已經(jīng)提供了自定義觸摸并持有操作 的項(xiàng)目，最好的做法是提供在按住項(xiàng)目時(shí)替換觸摸Peek視圖相同的操作。（請(qǐng)注意，在Peek視圖中自動(dòng)提供了Web視圖的快捷操作。）

 

不要把使用Peek作為項(xiàng)目具體行動(dòng)的唯一方法。并非每個(gè)設(shè)備都支持Peek視圖和Pop視圖，有些用戶還可能會(huì)選擇關(guān)閉3D觸控功能，所以它必須找到其他的方法來(lái)使Peek功能在你的應(yīng)用程序中可用。當(dāng)你的應(yīng)用程序在較舊的設(shè)備上運(yùn)行時(shí)，用戶可以在視圖中找到并且觸發(fā)和點(diǎn)擊跟Peek視圖中一樣的快捷操作。

 

主屏幕快捷操作

主屏幕上快捷操作為用戶提供了一個(gè)方便的方法，可以從主屏幕的應(yīng)用程序來(lái)執(zhí)行有用的、特定的操作。

 

主屏幕上的快捷操作：

·當(dāng)用戶在主屏幕上用比觸摸更深的按住應(yīng)用圖標(biāo)就可以顯示

·顯示簡(jiǎn)短的標(biāo)題，圖標(biāo)和你提供的副標(biāo)題

·不支持其他自定義內(nèi)容

·當(dāng)您的應(yīng)用程序更新，可以在顯示更新信息

 

使用主屏幕快捷操作應(yīng)提供富有吸引力的，高價(jià)值的任務(wù)。例如，用戶可以在沒(méi)有打開(kāi)地圖應(yīng)用程序就搜索當(dāng)前位置的附近或獲取回家的路線。每個(gè)應(yīng)用程序在主屏幕上提供的快捷操作至少有一個(gè)有用的任務(wù); 你最多可以提供四個(gè)快捷操作。

 

避免使用主屏幕上的快捷操作來(lái)緩解您的應(yīng)用程序的導(dǎo)航問(wèn)題。如果是因?yàn)橛脩粼L問(wèn)你的應(yīng)用程序的重要內(nèi)容很困難或耗費(fèi)時(shí)間，來(lái)使用主屏幕快捷操作，那么首先應(yīng)該解決的應(yīng)該是應(yīng)用程序的導(dǎo)航問(wèn)題，使所有用戶受益。接下來(lái)，再專注優(yōu)化主屏幕上的快捷操作，深層鏈接到您的應(yīng)用程序更有用的，有創(chuàng)造性的任務(wù)。

 

應(yīng)避免更改主屏幕快捷操作方式讓用戶很難預(yù)測(cè)。讓用戶快速理解是基于事件或上下文的改變更新是最好的方式。例如，它很有意義，在你的應(yīng)用中一天時(shí)間里或在用戶設(shè)置改變時(shí)，更新是基于用戶當(dāng)前的位置或最近的活動(dòng)。

 

不要使用主屏幕上快捷操作來(lái)通知用戶。iOS 用戶希望從其他途徑獲取通知。（來(lái)了解這些方法，請(qǐng)參閱 通知）。

 

為每個(gè)主屏幕上的快捷操作設(shè)置模板圖標(biāo)，并提供簡(jiǎn)明的標(biāo)題（和副標(biāo)題）。標(biāo)題應(yīng)表達(dá)操作的結(jié)果; 例如，「回 家」，「新建聯(lián)系人」和「新郵件」。為用戶提供更多的內(nèi)容您也可以提供可選的副標(biāo)題。例如，郵件使用副標(biāo)題，告訴用戶在VIP主屏幕快捷操作是否有的任何 未讀郵件。不要在標(biāo)題和副標(biāo)題顯示您的應(yīng)用程序名稱和任何無(wú)關(guān)的信息，并要盡量采取本土化的文字說(shuō)明。

 

保持標(biāo)題盡可能短以避免系統(tǒng)截?cái)喾浅Ｖ匾?，這會(huì)幫助用戶快速理解快捷操作。如果你提供一個(gè)副標(biāo)題，系統(tǒng)因?yàn)闃?biāo)題太長(zhǎng)而截?cái)?，就無(wú)法放在同一行; 如果沒(méi)有副標(biāo)題，系統(tǒng)會(huì)把一個(gè)長(zhǎng)標(biāo)題折疊到第二行。

 

您可以從許多系統(tǒng)提供的模板圖標(biāo)中選擇，也可以創(chuàng)建自定義模板圖標(biāo)。有關(guān)圖標(biāo)大小，填充和定位的詳細(xì)指導(dǎo)，可以下載主屏幕快捷操作圖標(biāo)模板（附件中）。若要了解更多有關(guān)設(shè)計(jì)模板圖標(biāo)，請(qǐng)參閱模板圖標(biāo)。

 

系統(tǒng)會(huì)自動(dòng)的在圖標(biāo)左側(cè)或右側(cè)顯示快捷操作列表，這取決于用戶主屏幕上的應(yīng)用圖標(biāo)的位置。（列表中圖標(biāo)的位置，文本總是左對(duì)齊的。）下面你可以看到在主屏幕上各種快捷操作的例子。

————————————————————————————

IFEC – 技巧小組：larens 翻譯
譯文來(lái)自：ui.cn
原文地址：iOS Human Interface Guidelines-3D Touch