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

背景

說(shuō)到振動(dòng)的應(yīng)用，首先映入大家腦?？赡苁且恍┯螒虍a(chǎn)品。在游戲產(chǎn)品中，從雨滴落下的微妙觸感到武器射擊的真實(shí)后坐力，觸感反饋極大地提升了互動(dòng)的沉浸感。

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

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

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

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

一、振動(dòng)效果的一致性

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

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

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

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

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

為了解決這一問題，我們需要進(jìn)一步理解振動(dòng)的組成元素是什么？

一個(gè)振動(dòng)通常包含以下四個(gè)元素：

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

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

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

二、振動(dòng)的應(yīng)用時(shí)機(jī)

知道了如何使用標(biāo)準(zhǔn)的振動(dòng)效果之后，我們開始探索如何用對(duì)振動(dòng)時(shí)機(jī)。

通過對(duì)行業(yè)競(jìng)品案例的分析歸納，我們將振動(dòng)的應(yīng)用方向分為 3 類，并在每個(gè)方向推進(jìn)相應(yīng)觸點(diǎn)的落地來(lái)驗(yàn)證效果：

1. 激勵(lì)互動(dòng)行為
2. 協(xié)助精準(zhǔn)控制
3. 操作結(jié)果反饋

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

第二個(gè)應(yīng)用方向是協(xié)助精準(zhǔn)控制，我們?cè)谝恍┮曈X反饋效果不夠明確的點(diǎn)位，例如下拉刷新到達(dá)臨界點(diǎn) / 日歷的選擇日期生效時(shí)，增加振動(dòng)反饋，通過振動(dòng)精準(zhǔn)的反饋時(shí)機(jī)，來(lái)增強(qiáng)用戶對(duì)操作生效的感知。

第三個(gè)應(yīng)用方向是作為一種更豐富的操作結(jié)果反饋，我們?cè)诹鞒讨械闹匾?jié)點(diǎn)，例如支付成功或填寫頁(yè)提交報(bào)錯(cuò)時(shí)，增加振動(dòng)反饋，來(lái)進(jìn)一步增強(qiáng)用戶對(duì)操作結(jié)果的感知。

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

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

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

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

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

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

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

作者：TripDesign