iOS之3D Touch 篇

3D Touch 給iOS9的用戶(hù)一個(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能夠讓用戶(hù)在不離開(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)用戶(hù)按壓一個(gè)支持peek的item的時(shí)候顯示椰于,當(dāng)用戶(hù)的手指抬起來(lái)的時(shí)候消失。
當(dāng)用戶(hù)在peek view上按壓的力度在大一點(diǎn)的時(shí)候仪搔,調(diào)用pop打開(kāi)當(dāng)前這個(gè)item的詳情界面瘾婿。
當(dāng)用戶(hù)在peek view上掃動(dòng)的時(shí)候能夠提供item相關(guān)的快捷方式

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

Use a peek to provide a live, content-rich preview of an item
當(dāng)peek給用戶(hù)關(guān)于item足夠的信息是最好的煮嫌。例如:在用戶(hù)決定在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需要給用戶(hù)提供他們需要的大部分的信息恳邀,假如用戶(hù)決定切換方式查看內(nèi)容的時(shí)候,你需要一直讓用戶(hù)過(guò)渡到詳細(xì)內(nèi)容灶轰,當(dāng)用戶(hù)點(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ì)使用戶(hù)迷惑笋颤。
Within a peek, avoid displaying elements that look like buttons
假如用戶(hù)從一個(gè)一個(gè)像按鈕的element抬起點(diǎn)擊的手指鳄抒,peek消失
Provide peek quick actions, if appropriate
在一個(gè)peek中,用戶(hù)可以掃動(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
用戶(hù)可能會(huì)關(guān)閉3D Touch清焕,所以,在你的應(yīng)用中能夠讓用戶(hù)找到其他的途徑來(lái)使用peek的功能祭犯。

Home Screen Quick Actions
主屏幕快捷方式給用戶(hù)提供了一種方便途徑從主屏幕來(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)用戶(hù)用力(比觸摸稍微用力點(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
例如涡贱,地圖讓用戶(hù)在沒(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ì)于用戶(hù)來(lái)說(shuō)是困難的或者耗時(shí)的辰狡,首先,在你的應(yīng)用程序中確定導(dǎo)航一邊于給用戶(hù)帶來(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.
基于用戶(hù)理解的事件或者內(nèi)容的更改來(lái)更新快捷方式是最好的豌鸡。例如基于用戶(hù)在你的應(yīng)用程序中當(dāng)前的位置、最近的活動(dòng)段标,日期事件涯冠,或者在用戶(hù)設(shè)置里的更改。
Don’t use a Home screen quick action as a way to notify users.
iOS用戶(hù)期望接收通知通過(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)系人赛糟、新信息派任。你還可以給用戶(hù)提供一個(gè)可選的子標(biāo)題來(lái)傳達(dá)更多的內(nèi)容。例如郵件璧南,用子標(biāo)題告訴用戶(hù)掌逛,假如在主屏幕的快捷方式的VIP選項(xiàng)中有一些未讀信息。在標(biāo)題和子標(biāo)題中不用包含你的應(yīng)用程序的名稱(chēng)和額外的信息司倚,并且確保你寫(xiě)的內(nèi)容的位置豆混。
保持標(biāo)題盡可能的短,避免被截掉动知,并且?guī)椭脩?hù)快速明白action是重要的皿伺。假如你提供了子標(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ī)型為用戶(hù)界面添加了三維宰翅。
用戶(hù)現(xiàn)在能按壓主屏幕應(yīng)用程序圖標(biāo)來(lái)立即訪問(wèn)應(yīng)用程序提供的功能
在你的應(yīng)用程序中,用戶(hù)現(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)用戶(hù)交互的快捷方式
UIKit peek and pop API

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末阔墩,一起剝皮案震驚了整個(gè)濱河市嘿架,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌啸箫,老刑警劉巖耸彪,帶你破解...
    沈念sama閱讀 219,110評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異忘苛,居然都是意外死亡蝉娜,警方通過(guò)查閱死者的電腦和手機(jī)唱较,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,443評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)召川,“玉大人南缓,你說(shuō)我怎么就攤上這事∮牛” “怎么了汉形?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,474評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)倍阐。 經(jīng)常有香客問(wèn)我概疆,道長(zhǎng),這世上最難降的妖魔是什么峰搪? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,881評(píng)論 1 295
  • 正文 為了忘掉前任岔冀,我火速辦了婚禮,結(jié)果婚禮上罢艾,老公的妹妹穿的比我還像新娘。我一直安慰自己尽纽,他們只是感情好咐蚯,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,902評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著弄贿,像睡著了一般春锋。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上差凹,一...
    開(kāi)封第一講書(shū)人閱讀 51,698評(píng)論 1 305
  • 那天期奔,我揣著相機(jī)與錄音,去河邊找鬼危尿。 笑死呐萌,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的谊娇。 我是一名探鬼主播肺孤,決...
    沈念sama閱讀 40,418評(píng)論 3 419
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼济欢!你這毒婦竟也來(lái)了赠堵?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,332評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤法褥,失蹤者是張志新(化名)和其女友劉穎茫叭,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體半等,經(jīng)...
    沈念sama閱讀 45,796評(píng)論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡揍愁,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,968評(píng)論 3 337
  • 正文 我和宋清朗相戀三年呐萨,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片吗垮。...
    茶點(diǎn)故事閱讀 40,110評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡垛吗,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出烁登,到底是詐尸還是另有隱情怯屉,我是刑警寧澤,帶...
    沈念sama閱讀 35,792評(píng)論 5 346
  • 正文 年R本政府宣布饵沧,位于F島的核電站锨络,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏狼牺。R本人自食惡果不足惜羡儿,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,455評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望是钥。 院中可真熱鬧掠归,春花似錦、人聲如沸悄泥。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,003評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)弹囚。三九已至厨相,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間鸥鹉,已是汗流浹背蛮穿。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,130評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留毁渗,地道東北人践磅。 一個(gè)月前我還...
    沈念sama閱讀 48,348評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像灸异,于是被迫代替她去往敵國(guó)和親音诈。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,047評(píng)論 2 355

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

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