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

3D Touch

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

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

主屏交互

在主屏上恋沃,按壓支持3D Touch的應(yīng)用程序,用戶將看到一個(彈出的)動畫效果界面必指。在這個界面上囊咏,用戶能夠進行一些程序常用的操作和查看感興趣的信息。例如塔橡,日歷的3D Touch就提供了創(chuàng)建新事件快捷操作梅割,也提供另下一個事件的顯示。具體的設(shè)計指導(dǎo)葛家,請查看“主屏操作”和“窗口插件”小節(jié)户辞。

Peek和Pop

用戶可以通過3DTouch中Peek操作,以暫時出現(xiàn)的界面癞谒,預(yù)覽包括頁面咆课,鏈接和文件的內(nèi)容。對支持3DTouch功能的項目使用peek功能扯俱,只需對項目用手指施加一點壓力书蚪;施加更大的壓力則會激活pop功能使得內(nèi)容全屏化。在一些peek的操作視圖中迅栅,用戶可以通過上滑屏幕發(fā)現(xiàn)一些相關(guān)的操作按鈕殊校。例如,用戶在對Safari瀏覽器中的鏈接進行peek操作時读存,通過上滑屏幕會出現(xiàn)“在后臺打開鏈接”为流,“將鏈接加入到閱讀清單”以及“復(fù)制鏈接地址”等選項。


使用peek操作進行實況以及詳情預(yù)覽让簿。理想情況下敬察,peek操作會提供關(guān)于當(dāng)前任務(wù)足夠的信息,或者幫幫助用戶去決定是否應(yīng)該完全打開該應(yīng)用程序尔当。例如莲祸,在決定用Safari瀏覽器打開或者將其分享給朋友前,用“郵件”中預(yù)覽一個鏈接。Peek操作經(jīng)常被用于當(dāng)沒有選定行的情況下锐帜,預(yù)覽表格中的行信息田盈。

設(shè)計足夠大的peek界面。保證界面足夠大缴阎,方便用戶手指操作允瞧。設(shè)計peek操作時,應(yīng)該考慮peek的預(yù)覽內(nèi)容幫助用戶是否需要完全打開應(yīng)用蛮拔。

始終如一使用peek和pop述暂。如果只有某些程序能夠使用peek和pop功能,用戶會困惑他們是否能夠使用3D Touch功能或者可能認為他們的設(shè)備或者應(yīng)用出現(xiàn)了問題(當(dāng)他們嘗試使用peek和pop失敗時)建炫。

Peek和pop功能的連貫使用(保證使用peek能夠銜接到pop功能)贸典。盡管peek操作應(yīng)該提供用戶大部分信息,如果用戶決定他們要離開現(xiàn)有的項目而跳轉(zhuǎn)到預(yù)覽的項目上踱卵,peek操作要保證用戶向pop過渡廊驼。

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


不要將peek操作和編輯菜單功能在一個項目上使用。同時使用西饵,會使用戶產(chǎn)生迷惑酝掩,另一方面,對于系統(tǒng)而言眷柔,也很難判斷用戶的操作目的期虾。更多詳情參看“編輯菜單”功能。

適當(dāng)?shù)卦O(shè)計操作按鈕驯嘱。并不是所有的peek操作都需要設(shè)置操作按鈕镶苞,但是設(shè)置一些常用操作的快捷按鍵是一個很好的方式。如果你想設(shè)計的應(yīng)用提供了用戶點觸和長按的操作鞠评,這個功能是個很好的方式去包含你原本的操作設(shè)置茂蚓。

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

不要將peek操作作為實行程序相關(guān)操作的唯一方式。并不是所有的設(shè)備都支持peek和pop的功能负乡,也有一些用戶回關(guān)閉該項功能牍白。應(yīng)用程序應(yīng)該提供其它的方式去使這類用戶也同樣能夠?qū)崿F(xiàn)相關(guān)操作。例如抖棘,應(yīng)用程序應(yīng)該復(fù)制peek的相關(guān)快捷操作當(dāng)用戶用力點觸或者長按某個項目時茂腥。

Live photos

利用live photos應(yīng)用程序能夠?qū)磯翰僮骱驼掌瑸g覽體驗進行融合狸涌。當(dāng)用戶按壓照片時就可以激活live photos,這個模式記錄了用戶拍攝時刻的動作和聲音础芍。具體設(shè)計規(guī)范杈抢,參見“l(fā)ive photos”小節(jié)数尿。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末仑性,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子右蹦,更是在濱河造成了極大的恐慌诊杆,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,198評論 6 514
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件何陆,死亡現(xiàn)場離奇詭異晨汹,居然都是意外死亡,警方通過查閱死者的電腦和手機贷盲,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,334評論 3 398
  • 文/潘曉璐 我一進店門淘这,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人巩剖,你說我怎么就攤上這事铝穷。” “怎么了佳魔?”我有些...
    開封第一講書人閱讀 167,643評論 0 360
  • 文/不壞的土叔 我叫張陵曙聂,是天一觀的道長。 經(jīng)常有香客問我鞠鲜,道長宁脊,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,495評論 1 296
  • 正文 為了忘掉前任贤姆,我火速辦了婚禮榆苞,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘霞捡。我一直安慰自己语稠,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 68,502評論 6 397
  • 文/花漫 我一把揭開白布弄砍。 她就那樣靜靜地躺著仙畦,像睡著了一般。 火紅的嫁衣襯著肌膚如雪音婶。 梳的紋絲不亂的頭發(fā)上慨畸,一...
    開封第一講書人閱讀 52,156評論 1 308
  • 那天,我揣著相機與錄音衣式,去河邊找鬼寸士。 笑死檐什,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的弱卡。 我是一名探鬼主播乃正,決...
    沈念sama閱讀 40,743評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼婶博!你這毒婦竟也來了瓮具?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,659評論 0 276
  • 序言:老撾萬榮一對情侶失蹤凡人,失蹤者是張志新(化名)和其女友劉穎名党,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體挠轴,經(jīng)...
    沈念sama閱讀 46,200評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡传睹,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,282評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了岸晦。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片欧啤。...
    茶點故事閱讀 40,424評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖启上,靈堂內(nèi)的尸體忽然破棺而出邢隧,到底是詐尸還是另有隱情,我是刑警寧澤碧绞,帶...
    沈念sama閱讀 36,107評論 5 349
  • 正文 年R本政府宣布府框,位于F島的核電站,受9級特大地震影響讥邻,放射性物質(zhì)發(fā)生泄漏迫靖。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,789評論 3 333
  • 文/蒙蒙 一兴使、第九天 我趴在偏房一處隱蔽的房頂上張望系宜。 院中可真熱鬧,春花似錦发魄、人聲如沸盹牧。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,264評論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽汰寓。三九已至,卻和暖如春苹粟,著一層夾襖步出監(jiān)牢的瞬間有滑,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,390評論 1 271
  • 我被黑心中介騙來泰國打工嵌削, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留毛好,地道東北人望艺。 一個月前我還...
    沈念sama閱讀 48,798評論 3 376
  • 正文 我出身青樓,卻偏偏與公主長得像肌访,于是被迫代替她去往敵國和親找默。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,435評論 2 359

推薦閱讀更多精彩內(nèi)容