觸覺反饋是種怎樣的體驗(yàn)？估計(jì)機(jī)械鍵盤愛好者是再清楚不過了。隨著全面屏手機(jī)的全面來襲，觸感反饋已成為繼視覺、聽覺之后又一種重要的反饋形式。

早在2012年，蘋果的一項(xiàng)專利便指出：未來的技術(shù)將讓觸摸屏摸起來可以體驗(yàn)到光滑、粗糙或是其他物理實(shí)體觸感，讓觸摸顯示屏給用戶帶來更多沉浸和回應(yīng)體驗(yàn)的樂趣。

未來設(shè)備中一組或多組的形變?cè)鐗弘娫?，可能被用來?qū)動(dòng)顯示屏表面。這些元件還可能被用來感受顯示屏表明的觸覺交互或刺激。其嵌入式的觸覺體系將向用戶提供觸覺交互。

同時(shí)，蘋果的解決方案不僅僅是簡(jiǎn)單的震動(dòng)，而且還會(huì)提供形變，從而讓平整的表面出現(xiàn)輪廓。通過這種方式，iPhone和iPad的觸摸屏可能會(huì)在物理上發(fā)生移動(dòng)，允許用戶在觸摸顯示屏?xí)r在指尖上感覺到特定的紋理。

由此可見蘋果要將硬件打造成更加有血有肉的多感官體驗(yàn)設(shè)備，而不僅僅是一個(gè)可供點(diǎn)擊的觸摸屏。而這里所謂的“血”、“肉”，也就是iPhone一直為我們稱嘆的“系統(tǒng)”和“硬件”的完美組合。

一、硬件

隨著人機(jī)交互體驗(yàn)的升級(jí)，人們對(duì)觸覺反饋的要求越來越高，而觸覺反饋中“反饋”是極其重要的。它包括了對(duì)觸覺的精確感知以及多樣化的反饋，僅僅震動(dòng)反饋就包括了長(zhǎng)時(shí)間震動(dòng)、間斷震動(dòng)、短促震動(dòng)、不同強(qiáng)度震動(dòng)等多種類型。這樣歷史悠久的ERM 偏心轉(zhuǎn)子馬達(dá)力不從心，直呼“臣妾做不到”。

TapticEngine是蘋果推出的全新震動(dòng)模塊，最早出現(xiàn)在蘋果第一款穿戴式設(shè)備AppleWatch中作為設(shè)備通知系統(tǒng)的中繼，依此來強(qiáng)化聲音提醒，并給以用戶豐富的感官體驗(yàn)。蘋果iPhone6s和iPhone6sPlus也內(nèi)置了TapticEngine，性能上有了進(jìn)一步升級(jí)。

這顆全新的震動(dòng)模塊經(jīng)過特殊設(shè)計(jì)，能在短時(shí)間內(nèi)達(dá)到震動(dòng)的最佳狀態(tài)。在1個(gè)振動(dòng)周期內(nèi)就達(dá)到最大輸出，而普通振動(dòng)模塊將需要 10 次或者更多次循環(huán)才能達(dá)到。所以，普通馬達(dá)的振動(dòng)聽起來永遠(yuǎn)都是“嗡-” “嗡—” “嗡——”。

Taptic Engine 除了可以產(chǎn)生前述效果之外，更可帶來干脆利落的超短振動(dòng)“噠！”“嘎噠！”滴滴噠”。

線性馬達(dá)又分為三種：直線型、圓型及方型，分別為直線來回運(yùn)動(dòng)、 z 軸（上下）運(yùn)動(dòng)和 x 軸 y 軸運(yùn)動(dòng)。

傳統(tǒng)的手機(jī)震動(dòng)器是馬達(dá)帶著偏振片一起轉(zhuǎn)動(dòng)，從而產(chǎn)生震動(dòng)。而TapticEngine是直線電機(jī)驅(qū)動(dòng)帶著震塊做直線往返運(yùn)動(dòng)。

下圖是歷代iPhone所用的ERM震動(dòng)馬達(dá)，轉(zhuǎn)動(dòng)后能產(chǎn)生全方位的震顫體驗(yàn)。施加正電壓電機(jī)旋轉(zhuǎn)，施加負(fù)電壓電機(jī)制動(dòng)。這種執(zhí)行器的特色在于成本低，而且歷史悠久。

線性Taptic Engine震動(dòng)馬達(dá)相比偏心轉(zhuǎn)子馬達(dá)的優(yōu)勢(shì)還是相當(dāng)明顯，一方面是彈簧+磁鐵的組合使得功耗降低很多，并且響應(yīng)速度更快且震動(dòng)組合方式更為多樣自由，更重要的是震動(dòng)起來更加優(yōu)雅、干脆清爽。

當(dāng)年iPhone 6s之所以電池容量相比上一代iPhone 6還縮水95mAh，原因就在于Taptic Engine模塊占用了電池倉(cāng)的空間。iPhone 7時(shí)蘋果取消了 3.5mm 的耳機(jī)孔，讓內(nèi)部騰出了一塊不小的空間。但他們并沒有選擇用它放入更大的電池，而是塞進(jìn)了一塊更大的 Taptic Engine。

一起來感受下Taptic Engine與舊iPhone振動(dòng)馬達(dá)區(qū)別對(duì)比視頻

https://v.qq.com/x/page/v1344im3pvi.html

自iPhone6S/6SP 開始，蘋果為我們開啟了界面第三個(gè)維度，也就是所謂的3D Touch。通過按壓屏幕進(jìn)行交互，同時(shí)手機(jī)會(huì)通過振動(dòng)給我們一個(gè)反饋，操作起來像是真的按下了一個(gè)按鈕一樣。

Taptic Engine讓我們第一次體驗(yàn)到了“重按”帶來的震感。他能夠準(zhǔn)確再現(xiàn)點(diǎn)擊、觸碰等觸覺效果，有效地創(chuàng)建了一種全新的用戶體驗(yàn)。

看下X光下iPhone 6s的Taptic Engine，可以看出它極其款速并富有節(jié)奏。

當(dāng)時(shí)就有人猜測(cè)Taptic Engine并不光是為了3D Touch而生，或許未來很長(zhǎng)一段時(shí)間都會(huì)成為蘋果在手機(jī)體驗(yàn)上的著力方向。即便它在iPhone 6s身上的應(yīng)用還沒有那么耀眼，未來的iPhone卻極有可能在這方面做出急速變革。

二、軟件

除了固件上的升級(jí)，繼 iPhone7/7P 實(shí)體 home 鍵出現(xiàn)后，home 鍵再也無法通過真實(shí)的物理按壓反饋給用戶了。從此不用為home鍵的使用壽命而擔(dān)心，為 iPhone 提供了防濺抗水防塵性能，而且也拓展了這個(gè)按鈕的功能。

蘋果進(jìn)一步增大了Taptic Engine的體積，提高了震動(dòng)性能的同時(shí)搭配iOS 10推出的新特性震動(dòng)反饋UIFeedback?Generator。使用不同的振動(dòng)效果代替了之前的按壓反饋，瞬間讓體驗(yàn)變得更加微妙。

當(dāng)你按下 Home 鍵時(shí)，它就會(huì)給你提供物理反饋。你會(huì)感覺到來自 Home 鍵的 taptic engine一股突然的沖力，不像在屏幕上使用 3D Touch 時(shí)的下沉感。同時(shí)它還具有壓敏特性，因此可以區(qū)分用戶是想按壓 Home 鍵還是只想輕輕點(diǎn)擊。

一些系統(tǒng)提供的界面元素（如：拾取器、開關(guān)/滑塊）會(huì)在用戶與其交互時(shí)自動(dòng)提供觸覺反饋。相比于iOS10之前的系統(tǒng)震動(dòng)AudioServicesPlaySystemSound要友好得多，這也是Apple更推薦開發(fā)者使用的反饋震動(dòng)。

分別說下AudioServicesPlaySystemSound和UIFeedback?Generator在實(shí)現(xiàn)效果上的差異與使用限制。

AudioServicesPlaySystemSound：通過代碼的控制可以實(shí)現(xiàn)長(zhǎng)震、peek短震、pop短震、連續(xù)三次短震。

雖然支持的震動(dòng)效果不少，但使用起來也能明顯的粗糙感，尤其是跟UIFeedback?Generator比起來，生成的效果很“頓”、很“重”，明顯不夠細(xì)膩。但他的好處在于普世性強(qiáng)，對(duì)系統(tǒng)和設(shè)備的包容性更廣。

如果覺得不夠直觀，可以感受下知乎-想法中的點(diǎn)“鼓掌”時(shí)的震動(dòng)效果。

UIFeedback?Generator：是所有反饋生成器的抽象集合，共分為三個(gè)子類。

UIFeedback?Generator優(yōu)良特性有目共睹，但它只能用于iPhone7/7P+并且配有iOS10及以上的設(shè)備。另外，還要確保你沒有關(guān)閉設(shè)置中的觸感反饋開關(guān)。

感興趣的小眼睛可以看下，針對(duì)iPhone7觸感反饋軟硬件相結(jié)合的效果評(píng)估

https://v.qq.com/x/page/a0718584z47.html

三、設(shè)計(jì)與體驗(yàn)

除了蘋果原生系統(tǒng)除外，很多APP都開始使用振動(dòng)作為一種反饋形式，來代替或增強(qiáng)視覺或聽覺上體驗(yàn)感受。了解了軟硬件的玩法與限制，接下來看看蘋果自己是怎么玩耍的。

iMessage

當(dāng)你使用 iMessage發(fā)送信息時(shí)，重按輸入框右側(cè)的藍(lán)色發(fā)送箭頭就可以喚出帶效果發(fā)送(Send with effect)。

帶效果發(fā)送有 2 類效果選擇，分別為氣泡(Bubble)和屏幕(Screen)?！捌聊弧痹诎l(fā)送時(shí)會(huì)帶有震動(dòng)特效，不論是回聲、聚光燈、氣球、五彩紙屑、愛心，還是鐳射光線、焰火、流星和歡慶，Taptic Engine 與動(dòng)畫和聲音的完美配合，讓一切都如真實(shí)般存在。

如果你向?qū)Ψ桨l(fā)送新年快樂，屏幕上會(huì)出現(xiàn)絢麗的禮花開始炸裂，伴隨著節(jié)奏、重度不同的震感，讓你感受到來自不同方位、遠(yuǎn)近的空間縱深感。發(fā)送生日快樂，一群彩色的氣球緩緩升起，音效和帶有曲線的震動(dòng)有機(jī)組合如同氣球是從你的手中放飛。

電話鈴聲(Ringtone)

蘋果為每一種來電響鈴都搭配了不同的震動(dòng)模式，有節(jié)律地震動(dòng)就像實(shí)時(shí)演奏。仔細(xì)感受你就能發(fā)現(xiàn)每一種都是由多種震動(dòng)組合而成，一切的一切都是那樣的細(xì)膩、完美、極致。

App Store

當(dāng)你在 App Store 中獲取應(yīng)用時(shí)，不論是使用觸控ID(Touch ID)還是面容ID(Face ID)，隨著進(jìn)度條完整的加載，成功的一瞬間會(huì)隨著音效產(chǎn)生與之完全同步的震動(dòng)，瞬間有一種心靈上的迷之爽快。

其他

除此之外，系統(tǒng)開關(guān)、輪撥選擇器、消息推送、下拉刷新等等都有自己獨(dú)家的精妙體驗(yàn)。

如果要給自己的APP加入觸感反饋，有什么方法和原則？最后的最后說下我對(duì)APP內(nèi)增加震動(dòng)反饋時(shí)考慮的幾個(gè)方向。（歡迎大家補(bǔ)充或討論~）

1. 系統(tǒng)標(biāo)配組件

系統(tǒng)標(biāo)配的控件可以直接添加，譬如設(shè)置開關(guān)、下拉刷新、輪播選擇器、拖動(dòng)排序等等。

2. 臨界點(diǎn)

如果你的APP中有類似長(zhǎng)按觸發(fā)這種帶有時(shí)間維度的操作，可以考慮在兩種狀態(tài)切換的臨界點(diǎn)給以用戶震動(dòng)反饋，這樣就不需要眼睛一直盯著屏幕查看控件狀態(tài)。

除此之外，下拉刷新這種距離維度的操作，到達(dá)一定界限給予的震動(dòng)。微信的文章觸發(fā)和消滅臨時(shí)的懸浮小圓圈，都是一種對(duì)狀態(tài)臨界點(diǎn)的考慮。

3. 特色功能

針對(duì)APP的特色功能，可以思考是否能加上震動(dòng)給用戶更多維的感受。譬如Pinterest長(zhǎng)按觸發(fā)的功能菜單和功能選擇、知乎-想法中的鼓掌、即刻的特性化點(diǎn)贊。

4. 其他

除此之外，還可以根據(jù)具體場(chǎng)景酌情思考。這個(gè)就只能依靠設(shè)計(jì)師自身敏銳、細(xì)膩的感受能力了。譬如微信圖片全屏?xí)r，雙指縮放達(dá)到最小值以后的回彈震動(dòng)。

在 Android 陣營(yíng)，2017 年我們看到諸如一加 5、小米 6 等手機(jī)采用線性馬達(dá)，當(dāng)然限于成本等方面的考慮，它們的線性馬達(dá)在效果上還無法與 iPhone 的相比。但隨著技術(shù)的不斷成熟，線性馬達(dá)將是未來的一個(gè)主流趨勢(shì)。

四、總結(jié)

觸感反饋是對(duì)視聽效果的補(bǔ)充和強(qiáng)化，設(shè)計(jì)時(shí)一定要把握?qǐng)鼍昂土Χ?，切不可用力過猛冒用、亂用，試想用戶來到你的APP中像是踩雷了一般到處都是震動(dòng)，所謂的體驗(yàn)就會(huì)變成一種災(zāi)難。

正因?yàn)橛|感反饋的微妙性，使用時(shí)甚至?xí)雎运拇嬖冢玫挠|感反饋會(huì)跟功能渾然一體，共同服務(wù)于操作過程中的感官體驗(yàn)。

#專欄作家#

臭臉任，微信公眾號(hào)：臭臉任的慢生活，人人都是產(chǎn)品經(jīng)理專欄作家。

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

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