那個(gè)改變 iPhone 交互的 3D Touch 究竟是什么?

6 評(píng)論 9885 瀏覽 9 收藏 15 分鐘

編輯導(dǎo)讀:3D Touch是一種立體觸控技術(shù),被蘋果稱為新一代多點(diǎn)觸控技術(shù),是在Apple Watch上采用的Force Touch,屏幕可感應(yīng)不同的感壓力度觸控。本文圍繞【3D Touch】進(jìn)行分析,希望對(duì)你有幫助。

這是一篇寫于 2015 年 9 月的文章:那個(gè)改變 iPhone 交互的 3D Touch 究竟是什么?

六年前的 iPhone 6s plus 發(fā)布會(huì)結(jié)束后,我就第一時(shí)間向愛范兒投稿了這篇文章,因?yàn)槲曳浅:闷嫣O果會(huì)怎么設(shè)計(jì) iOS 的 3D Touch。

我當(dāng)時(shí)認(rèn)為這個(gè)能力在系統(tǒng)級(jí)交互中難推廣,但在游戲、繪畫等垂直領(lǐng)域會(huì)有作用,甚至認(rèn)為 Android 廠商會(huì)積極跟進(jìn)。

今天回過來看,這個(gè)判斷過于樂觀了。

3D Touch 的使用場(chǎng)景非常有限,不僅沒有在 Android 設(shè)備流行開來,甚至連蘋果自己都放棄了這個(gè)能力,iPhone XS Max 是最后一款支持的設(shè)備。

這又一次說明,簡(jiǎn)單總是更好的。這種隱蔽的交互行為,就算是蘋果也很難推廣。

以下是正文:

作為一名學(xué)習(xí)交互及產(chǎn)品設(shè)計(jì)的人,3D Touch 才是這次發(fā)布會(huì)我最關(guān)注的點(diǎn)。整體感受下來是:頗有驚喜。因?yàn)樵谶@之前,我也想過 3D Touch 能做什么,但老實(shí)說,沒有什么有用的點(diǎn)子,更別提整體性。但這次,從 Apple 那里收獲頗多。

關(guān)于 3D Touch,Apple 首先定義了兩個(gè) “全局”(系統(tǒng) App 和部分第三方 App)的操作:

  • Peek: 輕按(不是點(diǎn)擊,是一級(jí)按壓)某個(gè) item,預(yù)覽其內(nèi)容(在這個(gè)界面還能上滑、右滑、左滑呼出更多操作)。
  • Pop: 在 Peek 的基礎(chǔ)上,重按(二級(jí)按壓),進(jìn)入詳情頁/全屏查看該 item。

這基本定下了 3D Touch 的整個(gè)基調(diào):預(yù)覽+快捷操作。先簡(jiǎn)單羅列一下發(fā)布會(huì)提到的功能點(diǎn):

  • 在 Mail: 輕按郵件預(yù)覽內(nèi)容,重按進(jìn)郵件詳情頁
  • 在 Messages: 輕按鏈接預(yù)覽網(wǎng)頁,輕按地址預(yù)覽地圖,輕按日期預(yù)覽日程,輕按航班預(yù)覽航班信息,輕按聯(lián)系人頭像呼出快捷操作菜單
  • 在 Maps: 輕按某個(gè)地點(diǎn),呼出快捷菜單

在照片: 輕按圖片預(yù)覽 “大圖”,重按全屏查看

在系統(tǒng)全局:輕按屏幕左側(cè)邊緣并滑動(dòng),進(jìn)入最近任務(wù)頁或切換上次使用的 App

在桌面:輕按圖標(biāo),呼出快捷操作菜單

主要是這些了,在具體評(píng)價(jià)這些功能點(diǎn)之前,我想從交互設(shè)計(jì)的角度先聊聊 3D Touch 的一些特點(diǎn),然后再回過頭來看這些功能點(diǎn)。

強(qiáng)調(diào)一下,一種交互方式的特點(diǎn) ≠ 優(yōu)缺點(diǎn)。只有放在具體的使用場(chǎng)景中才有優(yōu)缺點(diǎn)的說法。

一、第一個(gè)特點(diǎn):隱蔽性

3D Touch 沒有專門的視覺控件(比如 button),也沒有明顯的視覺提示(比如 iPhone 鎖屏上的 “滑動(dòng)解鎖”)。簡(jiǎn)單地說,就是你不知道哪個(gè)地方可以按壓,也沒有東西提示你。因此,和大部分滑動(dòng)手勢(shì)一樣,3D Touch 是不可見、隱蔽的。

在尼爾森的可用性報(bào)告,有一句話被反復(fù)驗(yàn)證:Out of sight, Out of mind (看不到,就想不到)。3D Touch, 很有可能被大部分用戶忽略,或者,你知道它的存在,但可能想不起來要用它(注意,是可能)。

相關(guān)的案例很多,比如 Android 和 iOS 應(yīng)用中常用的 Hamburger 導(dǎo)航結(jié)構(gòu),被藏在 Hamburger 中的選項(xiàng)往往讓用戶想不起來。

再比如 Windows 8 中隱藏的操作界面 (charms) ,也經(jīng)常被用戶 “忘記了”。

再強(qiáng)調(diào)一次,Hamburger 的導(dǎo)航結(jié)構(gòu) &隱藏操作界面 這兩種交互方式本身并無對(duì)錯(cuò)。只是在上述案例中不合理而已,在智能手表這樣的超小屏幕設(shè)備中,隱藏操作界面反而是合理的。

隱蔽性這個(gè)特征決定了 3D Touch 在 App 交互中只能承載輔助性功能,或者是作為補(bǔ)充性的交互方式,而事實(shí)上也的確如此(在這一點(diǎn),Apple 比誰都清楚)?;仡^看前面提到的所有功能,都是輔助性的,換句話說,都不是你非用不可的。

當(dāng)然,有人可能說這是因?yàn)楝F(xiàn)在 3D Touch 還沒有在所有 iOS 設(shè)備中普及,所以肯定會(huì)設(shè)計(jì)成輔助性功能。但我認(rèn)為,即便所有手機(jī)都支持 3D Touch,它依然只能承載輔助性功能,這是它的隱蔽性所決定的。

那主要操作都是由什么交互方式承載的呢?在 iOS,承載主要操作的是 toolbar ;在 Android 的 Material Design 中,承載主要操作的是 Floating Action Button (懸浮按鈕)。它們的共同特點(diǎn)都是明顯可見、突出顯示,顯然都不是 3D Touch 的特點(diǎn)。

既然提到輔助功能和補(bǔ)充性的交互方式,就請(qǐng)?jiān)试S我多說幾句。決定一個(gè)輔助功能能否被廣泛使用的關(guān)鍵是兩個(gè):

  1. 全局通用(包括第三方應(yīng)用):那樣用戶才有一致的預(yù)期
  2. 更好的體驗(yàn)(或者說更高效):那樣用戶才愿意一直使用

舉例來說:

iOS 從屏幕邊緣右滑返回,系統(tǒng) App 和大部分第三方應(yīng)用都支持,這幾乎是全局的手勢(shì),用戶知道從屏幕邊緣右滑基本都能返回;其次,比按左上角的返回高效得多,于是他們?cè)敢庖恢笔褂谩?/p>

在 Android(包括第三方基于 Android 的 ROM),右滑可能是返回,可能是拉出 Navigation Drawer,可能沒反應(yīng);其次,即便是返回,也不一定比按底部的 back 鍵來得高效。

所以,大部分用戶習(xí)慣在 iOS 從屏幕邊緣右滑返回,習(xí)慣在安卓按 back 鍵返回。那,假如 Android 或者某個(gè)基于 Android 的 ROM 加入了系統(tǒng)級(jí)的右滑返回,用戶會(huì)用嗎?我想,這得看第三方應(yīng)用是否愿意跟進(jìn),以及它原本的 back 是否高效便捷了。

回到 3D Touch:

  1. 有全局性的輔助功能嗎?有,前面提到的 “Peek”(輕按預(yù)覽內(nèi)容),但目前還不是全局的,因?yàn)橹挥胁糠值谌?App 支持。但不用懷疑的是,其余第三方應(yīng)用會(huì)很快跟進(jìn),所以大可以認(rèn)為這是一個(gè)全局性的操作。
  2. 比原有方式更高效嗎?這個(gè)真的得具體來看了。
  • 在 Mail: 輕按預(yù)覽郵件內(nèi)容,不想看就松手。這種方式真的比我直接點(diǎn)擊進(jìn)入詳情頁,再右滑返回來得快嗎?沒真實(shí)體驗(yàn)過,不敢妄下結(jié)論,但應(yīng)該沒有質(zhì)的區(qū)別。
  • 在 Messages: 輕按預(yù)覽網(wǎng)頁、地圖、日程、航班信息、聯(lián)系人快捷操作等等。更方便了嗎?明顯是的。
  • 在照片: 輕按預(yù)覽 “大圖”。和直接點(diǎn)擊全屏查看,再一張張翻,哪個(gè)更快?沒結(jié)論。
  • 在 Maps: 輕按某個(gè)地點(diǎn),生成導(dǎo)航路線。確實(shí)是快了。
  • 在桌面:輕按圖標(biāo),呼出快捷操作菜單??此朴杏茫U有可能淪為雞肋。因?yàn)槊總€(gè) App 的快捷菜單內(nèi)容都不一樣,用戶最多只能記住某幾個(gè)最常使用的 App 的菜單內(nèi)容。對(duì)于其它 App 來說,與其輕按看看有沒有想要的快捷入口,還不如直接點(diǎn)擊進(jìn)入 App。如果其它 App 都是點(diǎn)擊進(jìn)入的,恐怕你也會(huì)習(xí)慣性地用點(diǎn)擊進(jìn)入最常用的 App 了。
  • 系統(tǒng)級(jí):輕按屏幕左側(cè)邊緣,進(jìn)入最近任務(wù)頁或切換上一次使用的 App。更方便了,但會(huì)不會(huì)和從屏幕邊緣右滑返回上一級(jí)沖突?

所以,在實(shí)際體驗(yàn)前,很難有明確的結(jié)論,但顯然吸引力還差一點(diǎn)。

另外,還有一個(gè)因素影響其易用性。引入 3D Touch 之后,某一個(gè)點(diǎn)可以有 3 種操作:短按(即點(diǎn)擊)、長(zhǎng)按、輕按(一級(jí)按壓)。用戶是否能分清楚這 3 種操作方式呢?短按和長(zhǎng)按尚且有不少用戶分不清(尤其是年紀(jì)較大的用戶),那長(zhǎng)按和輕按呢?可別忘了,當(dāng)用戶輕按時(shí),往往就連帶著長(zhǎng)按了。但幸好,在 iOS 中,長(zhǎng)按不是一個(gè)常用的操作,所以出現(xiàn)沖突的情況就少了。

再多說一句,如果長(zhǎng)按本身用得比較少,那上面提到的功能是不是有些可以通過長(zhǎng)按來實(shí)現(xiàn)呢?為什么 Apple 非要通過 3D Touch 來實(shí)現(xiàn)?

二、第二個(gè)特點(diǎn):提供了 z 軸的交互方式

這個(gè)很容易理解,手機(jī)界面是 x-y 軸的,3D Touch 增加了 z 軸的交互方式,這也是它最有特色的地方。這個(gè)特點(diǎn)在一般的 App 交互設(shè)計(jì)中可能用處不大,但是在游戲和某些特殊的 App 中就大有可為。

以賽車游戲?yàn)槔?D Touch 的按壓力量大小可以類比踩踏油門和剎車。以前只能通過長(zhǎng)按來緩慢加速/減速,現(xiàn)在可以通過用力按屏幕實(shí)現(xiàn)猛踩油門和猛踩剎車,豐富游戲的操控體驗(yàn)。再比如,用力按屏幕可以讓游戲角色跳得更高、水果忍者中稍微用力才能切開某些水果等等,游戲開發(fā)者大概已經(jīng)躍躍欲試了吧。

在繪畫類 App 中,3D Touch 可以讓用戶模擬畫筆的壓感,即時(shí)改變線條的粗細(xì)(比如 iPad pro 與 Apple Pencil 的搭配);在樂器類 App 中,3D Touch 也許允許用戶模擬按壓鋼琴琴鍵的力度,諸如此類,不一而足。

有一點(diǎn)不明確的是,目前 3D Touch 能不能識(shí)別連續(xù)的壓力變化?從 Apple Pencil 來看,似乎是可以的。就算不能也無防,相信不久的將來就可以實(shí)現(xiàn)。

有人可能會(huì)說,在這些場(chǎng)景下,隱蔽性就不是問題了嗎?其實(shí)也還是,但如果 3D Touch 能比現(xiàn)有實(shí)現(xiàn)方式帶來更好的體驗(yàn)(比如賽車的猛加速?),配合適當(dāng)?shù)男率秩腴T(這在游戲也是司空見慣了),流行開來只是遲早的問題。

如果從增加 z 軸交互這個(gè)角度來看,說 3D Touch 是 “the next generation of multi-touch” ,也恰如其分。

不管怎么樣,可以預(yù)見的是,未來幾年,3D Touch 將成為手機(jī)的標(biāo)配,對(duì)它的理解和運(yùn)用只會(huì)越來越成熟。只是,如果無視它隱含的可用性問題,生硬地套上某些功能,恐怕只會(huì)讓它淪為雞肋。讓它適得其所,也許會(huì)有更廣闊的想象空間。

最后說點(diǎn)別的,為了讓用戶熟悉一種新的交互方式,Apple 定義了兩種近乎全局的操作:Peek & Pop, 先不討論它的實(shí)用價(jià)值,Apple 做到了讓用戶有一致的預(yù)期(原來一個(gè) item 除了能點(diǎn),還能按,而且按了之后基本上是預(yù)覽內(nèi)容),讓他們逐漸形成穩(wěn)定的心理模型:按壓是為了預(yù)覽內(nèi)容,想要預(yù)覽內(nèi)容就按壓。這大概是我這次發(fā)布會(huì)學(xué)到的最重要的東西。

 

本文由 @LaughTale 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 Unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 其實(shí)3D Touch里面的東西都挺核心的,但我的確是忘記了使用。。。。

    來自廣東 回復(fù)
  2. 側(cè)邊返回也有隱蔽性但因?yàn)楦咝У捏w驗(yàn)就用了 感覺touch的體驗(yàn)并沒有很好地體現(xiàn)或者說出來不夠爽

    來自廣東 回復(fù)
  3. 確實(shí),看完之后感覺設(shè)計(jì)上還欠缺點(diǎn)什么,如果我作為用戶我可能會(huì)嫌麻煩什么的

    來自廣東 回復(fù)
  4. 很有收獲,但是有一點(diǎn)疑問,全面屏手勢(shì)是有什么魅力,勝過以前的底部導(dǎo)航欄呢?

    回復(fù)
    1. 幾年前我剛好也寫過這個(gè)事情,有270個(gè)贊?? 感興趣的話可以看下 也是同樣的名字

      回復(fù)
    2. 評(píng)論里放不了鏈接 搜索“全面屏手勢(shì)的思考”也行,ID 同名

      回復(fù)