iOS之3D Touch 篇

3D Touch 給iOS9的用戶一個(gè)維度的交互。在支持的設(shè)備上,人們能夠在主屏幕界面通過(guò)按壓應(yīng)用程序圖標(biāo),快速的選擇一個(gè)應(yīng)用程序的指定的作用。在一個(gè)應(yīng)用程序中,人們能用各種按壓來(lái)獲得一個(gè)item的預(yù)覽,在一個(gè)分離的view上打開(kāi)它,并且使用相關(guān)的actions。

Peek and Pop

peek能夠讓用戶在不離開(kāi)當(dāng)前內(nèi)容的前提下預(yù)覽一個(gè)item和執(zhí)行相關(guān)的actions,但是前提是item需要支持當(dāng)響應(yīng)一個(gè)請(qǐng)按的時(shí)候,用一個(gè)小的矩形區(qū)域顯示預(yù)覽內(nèi)容。

A peek preview in Safari

Quick actions in a Safari peek

A peek:
當(dāng)用戶按壓一個(gè)支持peek的item的時(shí)候顯示,當(dāng)用戶的手指抬起來(lái)的時(shí)候消失。
當(dāng)用戶在peek view上按壓的力度在大一點(diǎn)的時(shí)候,調(diào)用pop打開(kāi)當(dāng)前這個(gè)item的詳情界面。
當(dāng)用戶在peek view上掃動(dòng)的時(shí)候能夠提供item相關(guān)的快捷方式

一直貫穿你的應(yīng)用程序采用peek 和 pop 是必要的,假如你在一些地方采用了,而在另外一些地方?jīng)]有采用,用戶可能會(huì)想在你的app中或者是他的設(shè)備上出現(xiàn)了問(wèn)題呢!

Use a peek to provide a live, content-rich preview of an item
當(dāng)peek給用戶關(guān)于item足夠的信息是最好的。例如:在用戶決定在Safari中打開(kāi)或者分享一個(gè)網(wǎng)頁(yè)之前,能夠用peek view預(yù)覽網(wǎng)頁(yè)的內(nèi)容,在tableView中,peek 顯示一行的詳細(xì)視圖。
Provide a pop for every peek
盡管peek需要給用戶提供他們需要的大部分的信息,假如用戶決定切換方式查看內(nèi)容的時(shí)候,你需要一直讓用戶過(guò)渡到詳細(xì)內(nèi)容,當(dāng)用戶點(diǎn)擊item的時(shí)候,pop需要提供一個(gè)相同的view(能夠展示信息)
Don’t enable both peek and the Edit menu for the same item
當(dāng)同一個(gè)item上有peek和edit menu兩種功能的時(shí)候,會(huì)使用戶迷惑。
Within a peek, avoid displaying elements that look like buttons
假如用戶從一個(gè)一個(gè)像按鈕的element抬起點(diǎn)擊的手指,peek消失
Provide peek quick actions, if appropriate
在一個(gè)peek中,用戶可以掃動(dòng)來(lái)顯示當(dāng)前這個(gè)item相關(guān)的actions,例如:在郵件中包含回復(fù)全部。不是所有的peek都需要快捷方式,但是假如你已經(jīng)為一個(gè)item提供自定義的touch-and-hold actions,最好是提供跟自定義相同功能的actions來(lái)替代自定義的actions,(注意在一個(gè)webView中的peek view的quick actions是自動(dòng)支持的)。
Don’t use peek as the only way to enable item-specific actions
用戶可能會(huì)關(guān)閉3D Touch,所以,在你的應(yīng)用中能夠讓用戶找到其他的途徑來(lái)使用peek的功能。

Home Screen Quick Actions
主屏幕快捷方式給用戶提供了一種方便途徑從主屏幕來(lái)執(zhí)行有用的、應(yīng)用指定的actions。

Camera Home screen quick actions Mail Home screen quick actions
A Home screen quick action:

Camera Home screen quick actions

Mail Home screen quick actions

A Home screen quick action:
當(dāng)用戶用力(比觸摸稍微用力點(diǎn))按壓在主界面中應(yīng)用程序的圖標(biāo),并且保持住的時(shí)候顯示主界面的應(yīng)用程序圖標(biāo)的快捷方式。
顯示你支持的短標(biāo)題、圖標(biāo)和可選的子標(biāo)題。
不支持其他自定義的內(nèi)容。
當(dāng)你的應(yīng)用程序更新的時(shí)候能夠顯示更新信息。

Use a Home screen quick action to enable a compelling, high-value task
例如,地圖讓用戶在沒(méi)有打開(kāi)的情況下搜索當(dāng)前位置附近,或者獲取回家的方向。在主屏幕的每個(gè)應(yīng)用程序需要至少一個(gè)有用的任務(wù);你總共能提供四個(gè)快捷方式。
Avoid using Home screen quick actions to ease navigation through your app
在你的應(yīng)用程序中,訪問(wèn)一個(gè)重要的區(qū)域,對(duì)于用戶來(lái)說(shuō)是困難的或者耗時(shí)的,首先,在你的應(yīng)用程序中確定導(dǎo)航一邊于給用戶帶來(lái)好處,然后,集中提供主屏幕快捷方式(深入關(guān)聯(lián)你的應(yīng)用,并且保證他們有效,創(chuàng)建任務(wù))。
Avoid changing a Home screen quick action in ways that are difficult for users to predict.
基于用戶理解的事件或者內(nèi)容的更改來(lái)更新快捷方式是最好的。例如基于用戶在你的應(yīng)用程序中當(dāng)前的位置、最近的活動(dòng),日期事件,或者在用戶設(shè)置里的更改。
Don’t use a Home screen quick action as a way to notify users.
iOS用戶期望接收通知通過(guò)其他方式。
Provide a succinct title (and optional subtitle) and a template icon for each Home screen quick action
標(biāo)題需要立即傳遞action的結(jié)果;例如:家方向、創(chuàng)建新聯(lián)系人、新信息。你還可以給用戶提供一個(gè)可選的子標(biāo)題來(lái)傳達(dá)更多的內(nèi)容。例如郵件,用子標(biāo)題告訴用戶,假如在主屏幕的快捷方式的VIP選項(xiàng)中有一些未讀信息。在標(biāo)題和子標(biāo)題中不用包含你的應(yīng)用程序的名稱和額外的信息,并且確保你寫(xiě)的內(nèi)容的位置。
保持標(biāo)題盡可能的短,避免被截掉,并且?guī)椭脩艨焖倜靼譨ction是重要的。假如你提供了子標(biāo)題,系統(tǒng)縮短標(biāo)題在一行顯示,假如你不包含子標(biāo)題,那么系統(tǒng)會(huì)換到第二行行來(lái)顯示標(biāo)題
你可以從系統(tǒng)提供的模板圖表中或者你能創(chuàng)建自定義的模板圖標(biāo)中選擇。
系統(tǒng)會(huì)自動(dòng)的在快捷方式列表的左/右邊顯示圖標(biāo),這個(gè)取決于你的應(yīng)用程序圖標(biāo)在主屏幕中的位置。(不論圖標(biāo)在列表中的位置,在從左到右的語(yǔ)言中文本是一直在左邊對(duì)齊)

想要學(xué)習(xí)更多關(guān)于在代碼中添加支持3D Touch,查看Adopting 3D Touch on iPhone
Getting Started with 3D Touch
iOS9,新機(jī)型為用戶界面添加了三維。
用戶現(xiàn)在能按壓主屏幕應(yīng)用程序圖標(biāo)來(lái)立即訪問(wèn)應(yīng)用程序提供的功能
在你的應(yīng)用程序中,用戶現(xiàn)在能按壓一個(gè)視圖,來(lái)查看帶有附加內(nèi)容的預(yù)覽,并且獲取快速的訪問(wèn)功能。

iOS9提供了以下關(guān)于3D Touch的API
Home screen quick action API

是為應(yīng)用程序圖標(biāo)添加快速響應(yīng)用戶交互的快捷方式
UIKit peek and pop API

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,247評(píng)論 6 543
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,520評(píng)論 3 429
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事?!?“怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 178,362評(píng)論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 63,805評(píng)論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 72,541評(píng)論 6 412
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 55,896評(píng)論 1 328
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,887評(píng)論 3 447
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 43,062評(píng)論 0 290
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,608評(píng)論 1 336
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 41,356評(píng)論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,555評(píng)論 1 374
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,077評(píng)論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,769評(píng)論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 35,175評(píng)論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 36,489評(píng)論 1 295
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 52,289評(píng)論 3 400
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,516評(píng)論 2 379

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

  • 前言 關(guān)于這篇文章 由于iPhone 6S發(fā)布不到一年的時(shí)間,很多新特性、新技術(shù)還未普遍,不管是3D Touch的...
    Tangentw閱讀 4,528評(píng)論 8 18
  • 3D Touch 3D Touch 給iOS9的用戶一個(gè)維度的交互。在支持的設(shè)備上,人們能夠在主屏幕界面通過(guò)按壓應(yīng)...
    WeekDiffculty閱讀 297評(píng)論 0 0
  • 前言 關(guān)于3D touch蘋(píng)果官方文檔是這么開(kāi)始介紹的: 大意如下:iOS9開(kāi)始,所有新的手機(jī)都增加了一個(gè)三維的用...
    VV木公子閱讀 2,247評(píng)論 3 39
  • 專著:http://www.lxweimin.com/p/3443a3b27b2d 1.簡(jiǎn)單的介紹一下3D Touc...
    violafa閱讀 1,025評(píng)論 1 0
  • 1.簡(jiǎn)單的介紹一下3D Touch 3D Touch的觸控技術(shù),被蘋(píng)果稱為新一代多點(diǎn)觸控技術(shù)。其實(shí),就是此前在Ap...
    Camille_chen閱讀 12,081評(píng)論 19 33