iOS人機介面指南-3D Touch

發表於2015-11-01

3D Touch給iOS 9的使用者帶來更多的互動維度。在支援的裝置上,人們可以通過按壓主螢幕應用程式的圖示快速選擇特定的操作。在應用程式中,人們可以使用壓力來獲得專案的預覽,可以在一個單獨的檢視中開啟該專案,並獲得相關的操作。(欲瞭解更多關於加入支援3D Touch的程式碼,請參閱 在iPhone上採用3D Touch。

Peek和Pop

Peek可以讓使用者在沒有開啟應用的情況下預覽的應用所支援的快捷操作。輕壓有支援Peek的應用圖示可以顯示一個矩形的Pop檢視(有時稱為提示)。

Peek:

·當使用者輕按下出現內容,手指抬起時消失 。

·首先開啟的是一個叫「Pop檢視」的詳細內容 -當使用者按下更深一點則顯示Peek檢視 。

·使用者在Peek檢視向上滾動,就可以看到提供相關內容的快捷操作。

 

當使用者輕按螢幕,專案支援進一步互動可通過顯示一個矩形的檢視來暗示。Pop檢視應足夠大,以便使用者的手指不會遮擋內容和詳細,讓使用者決定是否按得更深一些,來檢視Peek檢視。

 

使用Peek提供即時的豐富內容預覽。它為使用者提供關於增加他們的瞭解當前專案資訊最好的方式。例如,使用者可以使用Peek功能,幫助他們決定在Safari中開啟網頁或與好友分享連結之前預覽郵件中的URL網頁內容。在表檢視中,Peek向使用者展示一條詳細的資訊檢視。

 

為每一個Peek檢視提供Pop檢視。即使Peek為使用者提供了他們最需要的資訊,你也應該讓使用者過渡到Pop檢視,再決定是回到當前任務還是從當前的任務中切換出來。Pop檢視應該是跟他們點選該專案得到的檢視相同。

 

不要啟用Peek和編輯選單為一樣的專案。這兩項功能啟用了一個專案時,會讓人迷惑不解。(欲瞭解更多關於編輯選單,請參閱 編輯選單。)

 

在Peek檢視中,避免元素看起來像按鈕。如果當使用者抬起手指來點選看起來像一個按鈕元素時,Peek檢視會消失。

 

如果合適,請為Peek提供快捷操作。在Peek檢視中,使用者可以快速滾動顯示到與該專案相關的操作。例如,在郵件中使用Peek檢視的快捷操作包括「全部回覆」,「轉發」和「移動郵件」。不是每個Peek都需要快捷操作,但如果你已經提供了自定義觸控並持有操作的專案,最好的做法是提供在按住專案時替換觸控Peek檢視相同的操作。(請注意,在Peek檢視中自動提供了Web檢視的快捷操作。)

 

不要把使用Peek作為專案具體行動的唯一方法。並非每個裝置都支援Peek檢視和Pop檢視,有些使用者還可能會選擇關閉3D觸控功能,所以它必須找到其他的方法來使Peek功能在你的應用程式中可用。當你的應用程式在較舊的裝置上執行時,使用者可以在檢視中找到並且觸發和點選跟Peek檢視中一樣的快捷操作。

 

主螢幕快捷操作

主螢幕上快捷操作為使用者提供了一個方便的方法,可以從主螢幕的應用程式來執行有用的、特定的操作。

 

主螢幕上的快捷操作:

·當使用者在主螢幕上用比觸控更深的按住應用圖示就可以顯示

·顯示簡短的標題,圖示和你提供的副標題

·不支援其他自定義內容

·當您的應用程式更新,可以在顯示更新資訊

 

使用主螢幕快捷操作應提供富有吸引力的,高價值的任務。例如,使用者可以在沒有開啟地圖應用程式就搜尋當前位置的附近或獲取回家的路線。每個應用程式在主螢幕上提供的快捷操作至少有一個有用的任務; 你最多可以提供四個快捷操作。

 

避免使用主螢幕上的快捷操作來緩解您的應用程式的導航問題。如果是因為使用者訪問你的應用程式的重要內容很困難或耗費時間,來使用主螢幕快捷操作,那麼首先應該解決的應該是應用程式的導航問題,使所有使用者受益。接下來,再專注優化主螢幕上的快捷操作,深層連結到您的應用程式更有用的,有創造性的任務。

 

應避免更改主螢幕快捷操作方式讓使用者很難預測。讓使用者快速理解是基於事件或上下文的改變更新是最好的方式。例如,它很有意義,在你的應用中一天時間裡或在使用者設定改變時,更新是基於使用者當前的位置或最近的活動。

 

不要使用主螢幕上快捷操作來通知使用者iOS 使用者希望從其他途徑獲取通知。(來了解這些方法,請參閱 通知)。

 

為每個主螢幕上的快捷操作設定模板圖示,並提供簡明的標題(和副標題)。標題應表達操作的結果; 例如,「回家」,「新建聯絡人」和「新郵件」。為使用者提供更多的內容您也可以提供可選的副標題。例如,郵件使用副標題,告訴使用者在VIP主螢幕快捷操作是否有的任何未讀郵件。不要在標題和副標題顯示您的應用程式名稱和任何無關的資訊,並要儘量採取本土化的文字說明。

 

保持標題儘可能短以避免系統截斷非常重要,這會幫助使用者快速理解快捷操作。如果你提供一個副標題,系統因為標題太長而截斷,就無法放在同一行; 如果沒有副標題,系統會把一個長標題摺疊到第二行。

 

您可以從許多系統提供的模板圖示中選擇,也可以建立自定義模板圖示。有關圖示大小,填充和定位的詳細指導,可以下載主螢幕快捷操作圖示模板(附件中)。若要了解更多有關設計模板圖示,請參閱模板圖示

 

系統會自動的在圖示左側或右側顯示快捷操作列表,這取決於使用者主螢幕上的應用圖示的位置。(列表中圖示的位置,文字總是左對齊的。)下面你可以看到在主螢幕上各種快捷操作的例子。

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

相關文章