3D Touch知多少?[翻譯] iOS Human Interface Guidelines-3D Touch

3D Touch

原文鏈接3D Touch - Interaction - iOS Human Interface Guidelines

3D Touch為(傳統的)點觸型交互又增加了一個(壓感)緯度。在支持3D Touch的設備上,用戶可以通過改變對屏幕的壓力來使用這一功能。通過3D Touch,應用程序能做出相應的反應,例如顯示程序菜單,顯示詳情,或者演示一種動效。用戶不需要學習新的手勢去完成和3D Touch的交互。用戶只要通過輕輕的按壓屏幕就可以得到相應的反饋從而迅速的體驗到這一新功能。

主屏交互

在主屏上,按壓支持3D Touch的應用程序,用戶將看到一個(彈出的)動畫效果界面。在這個界面上,用戶能夠進行一些程序常用的操作和查看感興趣的信息。例如,日歷的3D Touch就提供了創建新事件快捷操作,也提供另下一個事件的顯示。具體的設計指導,請查看“主屏操作”和“窗口插件”小節。

Peek和Pop

用戶可以通過3DTouch中Peek操作,以暫時出現的界面,預覽包括頁面,鏈接和文件的內容。對支持3DTouch功能的項目使用peek功能,只需對項目用手指施加一點壓力;施加更大的壓力則會激活pop功能使得內容全屏化。在一些peek的操作視圖中,用戶可以通過上滑屏幕發現一些相關的操作按鈕。例如,用戶在對Safari瀏覽器中的鏈接進行peek操作時,通過上滑屏幕會出現“在后臺打開鏈接”,“將鏈接加入到閱讀清單”以及“復制鏈接地址”等選項。


使用peek操作進行實況以及詳情預覽。理想情況下,peek操作會提供關于當前任務足夠的信息,或者幫幫助用戶去決定是否應該完全打開該應用程序。例如,在決定用Safari瀏覽器打開或者將其分享給朋友前,用“郵件”中預覽一個鏈接。Peek操作經常被用于當沒有選定行的情況下,預覽表格中的行信息。

設計足夠大的peek界面。保證界面足夠大,方便用戶手指操作。設計peek操作時,應該考慮peek的預覽內容幫助用戶是否需要完全打開應用。

始終如一使用peek和pop。如果只有某些程序能夠使用peek和pop功能,用戶會困惑他們是否能夠使用3D Touch功能或者可能認為他們的設備或者應用出現了問題(當他們嘗試使用peek和pop失敗時)。

Peek和pop功能的連貫使用(保證使用peek能夠銜接到pop功能)。盡管peek操作應該提供用戶大部分信息,如果用戶決定他們要離開現有的項目而跳轉到預覽的項目上,peek操作要保證用戶向pop過渡。

避免在peek視圖中出現按鈕類的元素。因為如果用戶手指離開按壓點選按鈕類元素,peek界面將會消失。


不要將peek操作和編輯菜單功能在一個項目上使用。同時使用,會使用戶產生迷惑,另一方面,對于系統而言,也很難判斷用戶的操作目的。更多詳情參看“編輯菜單”功能。

適當地設計操作按鈕。并不是所有的peek操作都需要設置操作按鈕,但是設置一些常用操作的快捷按鍵是一個很好的方式。如果你想設計的應用提供了用戶點觸和長按的操作,這個功能是個很好的方式去包含你原本的操作設置。

避免冗余地設計打開項目的操作(如果該項目本來就支持peek操作)在peek操作途中,用戶一般通過更用力的按壓就可以實現打開操作,所以沒有必要提供一個專門單獨的打開操作。

不要將peek操作作為實行程序相關操作的唯一方式。并不是所有的設備都支持peek和pop的功能,也有一些用戶回關閉該項功能。應用程序應該提供其它的方式去使這類用戶也同樣能夠實現相關操作。例如,應用程序應該復制peek的相關快捷操作當用戶用力點觸或者長按某個項目時。

Live photos

利用live photos應用程序能夠將按壓操作和照片瀏覽體驗進行融合。當用戶按壓照片時就可以激活live photos,這個模式記錄了用戶拍攝時刻的動作和聲音。具體設計規范,參見“live photos”小節。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容