一、為什么關(guān)注觸感

隨著數(shù)字化生活方式的普及，我們每天花費(fèi)在屏幕前的時間日益增加，在光滑的手機(jī)屏幕上與他人互動、獲取信息。從文章到音頻、短視頻、直播，數(shù)字內(nèi)容的形態(tài)日益豐富，卻讓我們離真實(shí)世界越來越遠(yuǎn)。數(shù)字化的生活方式帶來便利的同時，我們對現(xiàn)實(shí)世界的感知和體驗(yàn)也在減弱，而觸感是一種物理屬性的回歸。

人類能感知到的觸感反饋主要有振動、紋理、溫度、壓力和電觸覺等，而我們?nèi)粘Ｊ褂玫闹悄茉O(shè)備主要是給予振動的反饋。借助振動，移動應(yīng)用有機(jī)會模擬更真實(shí)的物理體驗(yàn)，增強(qiáng)用戶與數(shù)字界面之間的互動。

更多相關(guān)干貨：

二、觸感的表達(dá)

在手機(jī)上滑動開關(guān)時，會有模擬真實(shí)開關(guān)的觸感；在使用密碼解鎖屏幕錯誤時，會有手機(jī)被上鎖的直觀感受。這些豐富的觸覺效果在我們的手機(jī)上是如何被表達(dá)？

1. 觸感的分類

iOS 把觸感反饋歸類為瞬態(tài)事件 (Transient Event) 和持續(xù)事件 (Continuous Event)。

瞬態(tài)事件：短暫且緊湊的觸感反饋，通常模擬輕敲或脈沖的感覺。

1. 適用于快速的動作響應(yīng)，如輕觸屏幕上的按鈕。
2. 持續(xù)時間較短，給人一種即時的反饋感。

持續(xù)事件：提供較長時間或持續(xù)的觸感反饋，類似于持續(xù)振動的感覺。

1. 適用于模擬連續(xù)的動作或效果，例如長時間的警報或游戲中模擬汽車引擎
2. 讓用戶感受到一個動作或過程的持續(xù)性，適用于需要長時間反饋的場景。

簡而言之，瞬態(tài)事件表達(dá)行為的即時性，可用于指示任務(wù)的完成狀態(tài)，例如常見的按鈕。而持續(xù)事件可用于表達(dá)操作需要較長時間的反饋或是擬持續(xù)發(fā)生的效果，比如在健康類應(yīng)用中進(jìn)行呼吸訓(xùn)練時，用持續(xù)的振動來引導(dǎo)用戶保持正確的呼吸節(jié)奏。

2. 觸感的語義表達(dá)

在移動應(yīng)用中，觸感反饋主要是通過馬達(dá)的振動來實(shí)現(xiàn)的。從物理學(xué)的角度來看，這種振動可以被抽象成一種波形的表達(dá)。通過調(diào)整銳度（Sharpness）和強(qiáng)度（Intensity）這兩個關(guān)鍵的參數(shù)，我們可以向用戶傳達(dá)不同的信息和感覺。簡單來說，銳度較低時，觸感更加柔和和圓潤；銳度較高時，觸感則更加清脆和清晰。同時，強(qiáng)度的增加會使得觸感更加強(qiáng)烈。

可視化不同銳度帶來的觸覺感受

通過進(jìn)一步調(diào)整參數(shù)，我們可以更精準(zhǔn)地影響用戶接收到的觸感，感知硬度、粗糙度、速度以及彈性等不同的特性。使用組合的波形，可表達(dá)的豐富的觸感語義。正如下圖所示，通過組合的波形表達(dá)，小球在不同材質(zhì)表面上滾動時會產(chǎn)生的不同觸覺感受。

圖片來自 RichTap：使用組合的振動波形表達(dá)不同的觸覺感受

3. 常見的觸感語義

iOS 提供了一系列預(yù)設(shè)的觸感反饋模式：通知 (Notification) 、 沖擊 (Impact) 和選擇 (Selection)。而這些預(yù)設(shè)的模式中也表達(dá)著我們常見的觸感語義，以通知 (Notification) 和沖擊 (Impact)舉例：

① 通知 (Notification)：

1. 成功 (Success)：使用上升的語義傳達(dá)操作或任務(wù)完成。
2. 警告 (Warning)：使用下降的語義傳達(dá)操作或任務(wù)產(chǎn)生某類警告。
3. 失敗 (Error)：使用交錯的語義傳達(dá)操作或任務(wù)失敗。

例如郵件發(fā)送成功時，伴隨的振感便是成功 (Success) 模式。

② 沖擊 (Impact)：

1. 輕型 (Light)：輕量級的用戶界面元素之間的觸碰，如視圖滑入到位。
2. 中型 (Medium)：中量級的用戶界面元素之間的觸碰。
3. 重型 (Heavy)：重量級界面元素之間的碰撞，如重物掉落。
4. 堅硬 (Rigid)：堅硬或非彈性用戶界面元素之間的碰撞。
5. 柔軟 (Soft)：柔軟或彈性用戶界面元素之間的碰撞。

常見的例如郵件或新聞類應(yīng)用下拉刷新時伴隨的振感，使用的便是沖擊 (Impact)模式。

三、設(shè)計觸感體驗(yàn)

在移動應(yīng)用領(lǐng)域，用戶日常接觸的觸感反饋從使用場景可分為：

1. 通知型：來自系統(tǒng)的反饋，吸引用戶注意力，提示系統(tǒng)信息或通知消息。常見的有新消息的通知、密碼輸入錯誤等；
2. 交互型：用戶操作的反饋，通過更明確的指引，提示因果關(guān)系和提升交互效率。常見的有按鈕、鍵盤等；
3. 模擬型：觸感反饋結(jié)合視覺動效/音效，提升數(shù)字行為的趣味感，模擬虛擬物件的真實(shí)感（形狀、材質(zhì)、質(zhì)量），提供更沉浸的體驗(yàn)；
4. 無障礙型：為視障/聽障用戶提供更友好的使用體驗(yàn)，拓展產(chǎn)品功能的適用人群和場景。

設(shè)計師應(yīng)關(guān)注如何有效地使用觸感反饋為用戶提供實(shí)用和情感上的價值，以下圍繞「交互型」和「模擬型」觸感反饋展開討論。

1. 交互型：提供更明確的指引

① 提升產(chǎn)品可供性

當(dāng)界面元素?zé)o法明確提示用戶該如何使用功能時，借助觸感提升功能的可供性。(可供性由心理學(xué)家 James Gibson 提出，功能可供性是指對象的特征表明可以用來做什么，提示用戶如何與其互動）。例如 iOS 原生鍵盤長按「空格」時，通過觸感反饋提示文本定位的功能已被激活。

在使用公眾號文章編輯功能時，長按文中的文本會觸發(fā)隱藏的編輯選項，此時振動可提示功能已被激活。由于長按操作可能會使手指覆蓋部分文字，導(dǎo)致用戶難以清晰看到文本，同時用戶可能對長按的具體時長缺乏準(zhǔn)確感知，而觸感反饋恰好能夠彌補(bǔ)這一點(diǎn)，為用戶提供即時的指示。

觸感反饋也可以引起用戶的注意力，強(qiáng)化提示作用。評論時，點(diǎn)擊頭像可以切換評論的身份（微信身份或視頻號身份），觸感反饋與動態(tài)效果相結(jié)合，加強(qiáng)了用戶對賬號切換成功的認(rèn)知，降低誤操作率。

在與他人通過微信進(jìn)行語音聊天時，用戶往往專注于語音的輸入，可能會忽視界面上的提示信息，從而造成誤操作。在語音發(fā)送界面，當(dāng)用戶輕觸屏幕的不同功能區(qū)域時，會收到相應(yīng)的觸覺反饋， 提示觸發(fā)了不同的功能（左側(cè)按鈕：取消，右側(cè)按鈕：語音轉(zhuǎn)文字）。

② 提示交互層級

(1) 頁面間的遞進(jìn)，區(qū)分空間關(guān)系

用戶完成一個任務(wù)往往涉及到多個頁面之間的流轉(zhuǎn)，除了明確的頁面間界面樣式的差異，觸感可以隱性提示所處的空間正在發(fā)生變化，例如在微信首頁下滑進(jìn)入多任務(wù)管理時，輕鈍的振動告知進(jìn)入多任務(wù)管理頁面。

(2) 強(qiáng)化操作的主次關(guān)系

在頁面內(nèi)，用戶可能需要執(zhí)行多個不同的操作，可考慮使用差異化的觸感反饋從而強(qiáng)調(diào)主次關(guān)系。以數(shù)字鍵盤的使用場景為例，主要操作包括「輸入數(shù)字」、「刪除」和「確定結(jié)果」。對于這三種操作基于遞進(jìn)關(guān)系如果能提供差異化的觸感反饋，可以進(jìn)一步區(qū)分操作的重要程度，從而提升效率。

③ 輔助用戶完成精準(zhǔn)操作

觸感反饋能夠輔助用戶進(jìn)行更精細(xì)的操作，通過即時的物理反饋幫助他們感知到精確的位置。比如，在 iPhone 上設(shè)定鬧鐘的起床時間時，當(dāng)用戶滑動選擇時間，會感受類似轉(zhuǎn)動刻度盤的振感，這種“刻度感”的振動讓使用者能夠更準(zhǔn)確地調(diào)整時間。

用戶使用 iPhone 拍照時，可能需要將手機(jī)調(diào)整至完全水平的狀態(tài)以獲得最佳拍攝效果。在調(diào)整過程中，輕微的振感結(jié)合輔助線的變化，輔助用戶更精確地識別手機(jī)何時達(dá)到水平狀態(tài)。

④ 結(jié)合手勢交互

在觸屏?xí)r代，手勢操作已經(jīng)成為我們與設(shè)備互動的重要方式。觸感反饋與手勢操作之間有著天然的協(xié)同關(guān)系，它能夠提供更加直觀的物理反饋，讓交互過程變得更加自然。在使用手勢操作時，我們也可考慮利用觸感反饋，向用戶傳遞更多的信息。常見的手勢與觸感反饋結(jié)合的例子如下：

2. 模擬型：提升產(chǎn)品使用的趣味感

觸感反饋可以增強(qiáng)數(shù)字互動的愉悅感，可以從以下 2 個角度來實(shí)現(xiàn)：

① 映射現(xiàn)實(shí)中的行為

將用戶在數(shù)字世界中的行為與現(xiàn)實(shí)中的動作相匹配，選擇那些能夠引起共鳴的熟悉場景，從而激發(fā)用戶情感上的共鳴。在 Medium 應(yīng)用中，長按文章的「鼓掌」按鈕會觸發(fā)一連串的振動，像是在模擬現(xiàn)實(shí)生活中拍手鼓掌的動作。

Medium 長按「鼓掌」

在 Glow 應(yīng)用中，當(dāng)用戶獲得勛章并在虛擬罐中滾動時，精細(xì)的觸感反饋模擬出了勛章的鋸齒邊緣以及玻璃的質(zhì)感，仿佛真實(shí)勛章被投入玻璃罐中。

Glow 達(dá)成勛章

② 融合多感官

視覺和聽覺作為我們的主要感官，當(dāng)與振動反饋相結(jié)合時，能夠創(chuàng)造出更加豐富的感官體驗(yàn)。例如，在 iOS 18 中新增的音樂觸感反饋功能，通過與音樂節(jié)奏同步的振動效果，讓用戶能夠更加生動地感受音樂。

在微信直播間內(nèi)，當(dāng)用戶不斷地點(diǎn)擊屏幕右下角的「喜歡」按鈕，觸發(fā)一連串表情動畫的同時，也會伴隨著連續(xù)的振動反饋，這種視覺與觸覺的結(jié)合強(qiáng)化了互動感。

四、實(shí)踐建議

1. 使用一致的觸感語義建立用戶心智

使用標(biāo)準(zhǔn)的 UI 控件優(yōu)先使用系統(tǒng)默認(rèn)和一致的觸感參數(shù)，包括開關(guān)、滑塊到選擇器等，保證用戶認(rèn)知的連貫性。避免使用反向的語義，給用戶造成困惑。例如把表示成功(Success)的觸感反饋用于表達(dá)任務(wù)的失敗。

2. 滿足個性化需求

為滿足多樣化的用戶群體和應(yīng)用場景，提供個性化的觸感反饋設(shè)置是必要的。研究指出，隨著年齡的增長，人指尖的敏感度會逐漸降低，一套固定的參數(shù)無法滿足所有用戶的需求。鑒于不同用戶對觸覺反饋的敏感度和接受度存在差異，提供調(diào)節(jié)功能以滿足更多用戶。例如，iOS 系統(tǒng)就提供了讓用戶根據(jù)個人偏好調(diào)整觸控反饋時長。

3. 實(shí)現(xiàn)觸感效果

在 iOS 系統(tǒng)中，除了系統(tǒng)預(yù)設(shè)的觸覺反饋模式，Core Haptics 框架還支持更高級的自定義。通過 Programmatic Haptics，開發(fā)者可以精細(xì)調(diào)控觸覺反饋的強(qiáng)度和銳度，實(shí)現(xiàn)個性化的觸覺效果，同時也支持通過 File-based Haptics 將預(yù)設(shè)的觸覺效果以 JSON 格式文件導(dǎo)入設(shè)備進(jìn)行調(diào)用。設(shè)計師可以利用如 Haptic Hub 這樣的工具，在無需編寫代碼的情況下，便捷地設(shè)計和感受實(shí)際效果。

Haptic Hub (iOS)

除了 iOS 的 Apple Haptic and Audio Pattern (AHAP)，不同安卓系的手機(jī)廠商也有自己的觸感解決方案。實(shí)踐時需測試真實(shí)效果，考慮不同機(jī)型的效果兼容處理。

5. 謹(jǐn)慎地使用觸感反饋

觸感反饋?zhàn)鳛橐曈X和聽覺的補(bǔ)充可以豐富體驗(yàn)，但是過度地使用則會適得其反。同時需要考慮使用觸感反饋時振動馬達(dá)對其他傳感器模塊的影響，確保不會擾亂相機(jī)、陀螺儀、麥克風(fēng)等正常工作。例如 AR(增強(qiáng)現(xiàn)實(shí))類應(yīng)用使用到的陀螺儀，可能因強(qiáng)烈的振動干擾其讀數(shù)能力，導(dǎo)致應(yīng)用性能下降。

五、展望觸感體驗(yàn)

可以預(yù)見隨著社會和技術(shù)的發(fā)展，觸感體驗(yàn)將為用戶帶來更多價值。

1. 更精細(xì)的觸感表達(dá)

隨著技術(shù)的不斷進(jìn)步，從轉(zhuǎn)子馬達(dá)（ERM）到線性馬達(dá)（LRA）的演變，這使得觸感反饋的傳遞變得更加精準(zhǔn)和細(xì)致。在享受了更為豐富的觸覺體驗(yàn)，尤其是在移動游戲應(yīng)用中體驗(yàn)到更加沉浸式的觸感效果（如賽車游戲中模擬的汽車加速和碰撞），用戶的期望也隨之提高，對于常規(guī)的觸感反饋已不再感到滿足。

2. 更真實(shí)的虛擬體驗(yàn)

我們周圍越來越多的物品轉(zhuǎn)變?yōu)榱颂摂M形態(tài)，比如數(shù)字錢包、數(shù)字貨幣、虛擬勛章，甚至數(shù)字人。這一趨勢似乎不可逆轉(zhuǎn)，但與此同時，人們對于真實(shí)感的追求也在與日俱增。觸感反饋模擬現(xiàn)實(shí)世界的物理特性，從而提升數(shù)字互動的真實(shí)感。

3. 物理交互的回歸

在近年來的消費(fèi)電子產(chǎn)品領(lǐng)域，從智能手機(jī)到智能手表，各大廠商正致力于通過增加實(shí)體觸感按鍵來優(yōu)化用戶體驗(yàn)。這種實(shí)體用戶界面（TUI）的設(shè)計減少了用戶的認(rèn)知負(fù)擔(dān)，更貼近用戶在現(xiàn)實(shí)中的行為習(xí)慣。

4. 無障礙領(lǐng)域的潛力

對于視覺障礙者使用語音交互功能時，常受環(huán)境噪音干擾，影響體驗(yàn)。觸感反饋不僅清晰指示用戶操作，還在 UI 控件和內(nèi)容傳達(dá)上提供更多可能性。小米設(shè)計團(tuán)隊提出，通過為不同按鈕和內(nèi)容設(shè)計獨(dú)特的振感，輔助視障用戶更直覺地理解用戶界面。

細(xì)微的振動反饋在用戶體驗(yàn)中扮演的角色比我們預(yù)想的更為重要。它能夠增強(qiáng)產(chǎn)品的可用性和提升用戶的愉悅感，使每一次互動都變得更加令人期待。期待更多設(shè)計師能夠重視并參與到觸感的設(shè)計，探索更多創(chuàng)新的可能性。

歡迎關(guān)注作者微信公眾號：「We-Design」