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

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

來源：莫貝網(wǎng)

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

Peek和Pop

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

Peek:

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

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

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

 

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

 

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

 

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

 

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

 

在Peek視圖中，避免元素看起來像按鈕。如果當(dāng)用戶抬起手指來點擊看起來像一個按鈕元素時，Peek視圖會消失。

 

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

 

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

 

主屏幕快捷操作

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

 

主屏幕上的快捷操作：

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

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

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

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

 

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

 

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

 

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

 

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

 

為每個主屏幕上的快捷操作設(shè)置模板圖標(biāo)，并提供簡明的標(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)用程序名稱和任何無關(guān)的信息，并要盡量采取本土化的文字說明。

 

保持標(biāo)題盡可能短以避免系統(tǒng)截斷非常重要，這會幫助用戶快速理解快捷操作。如果你提供一個副標(biāo)題，系統(tǒng)因為標(biāo)題太長而截斷，就無法放在同一行; 如果沒有副標(biāo)題，系統(tǒng)會把一個長標(biāo)題折疊到第二行。

 

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

 

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

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

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