該項目深入解析應(yīng)用程序中的振動反饋標準和對體驗的提升效果，通過「標準化組件開發(fā)+場景化數(shù)據(jù)驗證」雙軌機制，提供可復(fù)用的企業(yè)級觸感體驗解決思路。

更多振動設(shè)計干貨：

背景

說到振動的應(yīng)用，首先映入大家腦海可能是一些游戲產(chǎn)品。在游戲產(chǎn)品中，從雨滴落下的微妙觸感到武器射擊的真實后坐力，觸感反饋極大地提升了互動的沉浸感。

近年來，隨著觸感反饋技術(shù)在用戶體驗中的價值日益凸顯，振動的應(yīng)用已從游戲領(lǐng)域的沉浸式場景延伸至移動應(yīng)用生態(tài)。

主流廠商持續(xù)升級振動硬件與 API 能力，為開發(fā)者開辟了多維感官體驗的創(chuàng)新空間。在 OTA 類應(yīng)用程序中，在合適的觸點增加振動反饋被驗證能有效增強用戶操作感知。毋庸置疑，振動在應(yīng)用程序中的應(yīng)用，也是一個體驗提升的機會點。

為系統(tǒng)化釋放這一潛力，攜程在集團內(nèi)啟動了振動標準化項目，旨在全局地提升振動體驗：確保振動效果的一致性與精準匹配應(yīng)用時機。該項目由設(shè)計團隊牽頭，聯(lián)合多職能協(xié)同推進，通過雙軌并行的任務(wù)線落地：

1. 標準化組件線：設(shè)計規(guī)范團隊與組件技術(shù)團隊合作，通過規(guī)范化/組件化的思路。建立可復(fù)用的振動組件庫，實現(xiàn)跨業(yè)務(wù)線的敏捷調(diào)用，確保振動效果一致。
2. 場景化驗證線：各業(yè)務(wù)線基于真實用戶旅程探索觸點部署，通過數(shù)據(jù)反饋沉淀最佳實踐，最終達到精準匹配應(yīng)用時機。

一、振動效果的一致性

我們要正確的應(yīng)用振動，首先要理解振動的含義。

正如在界面設(shè)計中，不同的顏色會被用來表達不同的含義，不同的振動也能傳達不同的含義, 比如:一個短而輕的瞬時振動，往往用來表示某個操作已生效或到達臨界點, 當我們在 iOS 系統(tǒng)中進行一些勾選和開關(guān)操作時，會觸發(fā)這一類振動反饋；一個振幅從低到高的 2 次短振則能傳遞出積極信息，則可以用來表達操作結(jié)果為成功，一個典型的案例是在 App Store 進行面容 ID 識別成功時。

基于振動的不同含義，我們從蘋果人際設(shè)計指南中摘取了 5 個有最多應(yīng)用可能的振動模式，并對他們分別進行了更直觀的命名，分別是：

1. 基礎(chǔ)操作反饋：一種配合操作的瞬時振動，用來表達某個操作已生效或到達臨界點。
2. 成功提示：振幅從低到高，傳遞積極信息，用來表達本次操作結(jié)果為成功。
3. 警告提示：振幅從高到低，傳遞消極信息，用來表達本次操作觸發(fā)了一個負向警告。
4. 錯誤提示：振幅先升高后降低，頻率急促，用來表達本次操作發(fā)生錯誤，結(jié)果為失敗。
5. 新消息提示：一種配合新消息推送的持續(xù)性振動，用來表達用戶收到新消息。

在實現(xiàn)方面，iOS 系統(tǒng)中可以快捷的調(diào)用這些標準模式。而 Android 并沒有同樣的振動模式可用，那如何打通技術(shù)棧之間的壁壘，是設(shè)計和開發(fā)團隊面對的又一挑戰(zhàn)。

為了解決這一問題，我們需要進一步理解振動的組成元素是什么？

一個振動通常包含以下四個元素：

1. 強度：表示振動的力度強弱。
2. 時長：表示振動的持續(xù)時間。
3. 銳度：表示振動的波形，不同波形的振動可以是柔和的或清脆的。
4. 間隔時長：當一個振動模式由多個振動組成，還需要設(shè)計振動之間的間隔時長。

理解了振動的組成元素，我們通過調(diào)試，就可以將抽象的振動落成參數(shù)化的文檔，從而在跨技術(shù)棧中實現(xiàn)相同的振動模式。

既然振動可以總結(jié)為通用的模式和參數(shù)，則可以實現(xiàn)進一步的振動組件化，設(shè)計師只需要在常規(guī)交互說明中補充正確含義的振動模式名稱，研發(fā)側(cè)就可以直接調(diào)用對應(yīng)名稱的振動組件，完成一個振動需求的上線，充分保證了全流程振動效果的規(guī)范化和一致性。

二、振動的應(yīng)用時機

知道了如何使用標準的振動效果之后，我們開始探索如何用對振動時機。

通過對行業(yè)競品案例的分析歸納，我們將振動的應(yīng)用方向分為 3 類，并在每個方向推進相應(yīng)觸點的落地來驗證效果：

1. 激勵互動行為
2. 協(xié)助精準控制
3. 操作結(jié)果反饋

第一個應(yīng)用方向是激勵互動行為，我們率先嘗試在用戶進行收藏 / 點贊時，去增加一個點擊操作振動反饋，在用戶取消點贊 / 收藏時則不觸發(fā)。我們期望通過這種有趣的反饋，可以激發(fā)用戶產(chǎn)生更多的互動次數(shù)。

第二個應(yīng)用方向是協(xié)助精準控制，我們在一些視覺反饋效果不夠明確的點位，例如下拉刷新到達臨界點 / 日歷的選擇日期生效時，增加振動反饋，通過振動精準的反饋時機，來增強用戶對操作生效的感知。

第三個應(yīng)用方向是作為一種更豐富的操作結(jié)果反饋，我們在流程中的重要節(jié)點，例如支付成功或填寫頁提交報錯時，增加振動反饋，來進一步增強用戶對操作結(jié)果的感知。

針對核心場景，我們也進行了數(shù)據(jù)的回收。我們發(fā)現(xiàn)在激勵互動行為的觸點有較明顯的數(shù)據(jù)提升。

至此，對于用對振動時機，我們也有了初步的應(yīng)用指導(dǎo)。

振動的應(yīng)用從完整的流程考慮，應(yīng)滿足時機恰當，頻率合適，同類場景方案統(tǒng)一。

我們建議在完整的流程中，可以優(yōu)先考慮在以下點位增加振動，正向互動點位，視覺反饋有限的點位，和重要操作結(jié)果點位。

跳出屏幕，跳出常規(guī)的視覺反饋，我們設(shè)計師還有更多的領(lǐng)域可以探索。

而此次項目我們也沉淀了一個新領(lǐng)域的標準化是如何實現(xiàn)的，我們通過理解語義，明確規(guī)則，形成標準流程；接著我們通過探索場景，數(shù)據(jù)驗證，總結(jié)實踐指導(dǎo)。

希望我們的經(jīng)驗?zāi)転樵O(shè)計師在更多領(lǐng)域進行企業(yè)級體驗升級的落地提供思路。

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