編輯導(dǎo)語：在產(chǎn)品設(shè)計(jì)中，振動(dòng)的用途在于“結(jié)果反饋”與“模擬現(xiàn)實(shí)”。其中，“吸引注意”是“結(jié)果反饋”的其中一類，振動(dòng)功能的合理使用有助于優(yōu)化用戶體驗(yàn)。那么，應(yīng)當(dāng)在何種情況下插入振動(dòng)功能、不給用戶造成干擾呢？本文作者對(duì)此進(jìn)行了分析，一起來看一下。

前言

前段時(shí)間發(fā)布的文章?《 iOS 振動(dòng)設(shè)計(jì)與落地全解析》講解了振動(dòng)的硬件、API 以及落地，其中的一塊關(guān)于如何判斷一個(gè)功能是否要加振動(dòng)的知識(shí)點(diǎn)，沒有展開來講，這篇文章就作為拓展幫助大家了解這方面知識(shí)。

上篇文章中我將振動(dòng)的用途分為了兩類，分別是結(jié)果反饋和模擬現(xiàn)實(shí)?！肝⒁狻故亲鳛榻Y(jié)果反饋的一個(gè)子類闡述的。為了能夠讓振動(dòng)的分級(jí)方式更加易懂，本篇文章中將把吸引注意作為一個(gè)大類提取出來，作為結(jié)果反饋與模擬現(xiàn)實(shí)的同級(jí)別分類進(jìn)行講解，變化如下圖所示。

結(jié)果反饋和模擬現(xiàn)實(shí)這兩類的用途就不再贅述了，有興趣的小伙伴可以查看文章《 iOS? 振動(dòng)設(shè)計(jì)與落地全解析》。我們來講講細(xì)分出的用途「吸引注意」。

吸引注意的用途指的是當(dāng)用戶被動(dòng)地接受到一些信息前，為了讓用戶能夠及時(shí)發(fā)現(xiàn)，我們可能會(huì)添加一些振動(dòng)吸引用戶的注意力，而結(jié)果反饋被定義為用戶主動(dòng)操作觸發(fā)的反饋。一個(gè)是被動(dòng)接受，一個(gè)是主動(dòng)觸發(fā)。

舉一個(gè)最常見的案例：用戶的手機(jī)在口袋里，而且周圍的環(huán)境很嘈雜，用戶即看不見屏幕也聽不見聲音，此時(shí)振動(dòng)就是非常重要的吸引用戶注意的提醒方式。

當(dāng)我們想要為某個(gè)功能加入振動(dòng)時(shí)，首先要考慮這個(gè)功能究竟需不需要振動(dòng)。為了驗(yàn)證為某個(gè)功能添加振動(dòng)的必要性，我設(shè)置了四個(gè)級(jí)別的評(píng)價(jià)標(biāo)準(zhǔn)，它們分別是：

1. 缺失振動(dòng)對(duì)正常使用影響較大；
2. 缺失振動(dòng)對(duì)正常使用略有影響；
3. 缺失振動(dòng)不影響正常使用，但是有了體驗(yàn)更好；
4. 缺失振動(dòng)不影響正常使用，但是有了體驗(yàn)可能變差，

如下圖所示。

01

首先我們看第一個(gè)級(jí)別「A.缺失振動(dòng)對(duì)正常使用影響較大」。

比如當(dāng)微信好友發(fā)來新消息或或者有人來電話時(shí)，如果此時(shí)用戶處于嘈雜的環(huán)境，手機(jī)的位置在視線之外，用戶就無法及時(shí)獲取到聽覺和視覺反饋，只有觸覺反饋在這種情況下才能夠彌補(bǔ)反饋的缺失，保證用戶的正常使用。

對(duì)于這種 A 級(jí)別的功能，落地策略有兩個(gè)：

1. 新系統(tǒng)和新機(jī)型使用優(yōu)質(zhì)振動(dòng)，舊系統(tǒng)和舊機(jī)型用較差振動(dòng)（開發(fā)成本高，體驗(yàn)更好）；
2. 使用適配所有機(jī)型和系統(tǒng)的較差振動(dòng)（開發(fā)成本低，體驗(yàn)一般）。

如何界定上文提到的系統(tǒng)和機(jī)型的新舊呢？如下圖所示，③、④、⑤三個(gè)?API?提供多個(gè)振動(dòng)等級(jí)的細(xì)分選項(xiàng)，但僅支持 iPhone 7 及以上機(jī)型且 iOS 系統(tǒng)版本要在 10 或以上，所以我們將 iPhone 7 和 iOS 10 作為新機(jī)型和新系統(tǒng)的節(jié)點(diǎn)。在此之前的機(jī)型和系統(tǒng)都?xì)w類為舊機(jī)型和舊系統(tǒng)。

我們將?③、④、⑤?歸類為優(yōu)質(zhì)振動(dòng)，在此之前的 ① 和 ②?無法滿足輕重細(xì)分，因此被歸類為較差振動(dòng)，其中?②?僅支持 iPhone6s 及更新款機(jī)型，① 支持全部系統(tǒng)和機(jī)型。也就是說，如果需要一個(gè)振動(dòng)?API?去適配全部機(jī)型的話只有?① 這一個(gè)選擇。

微信新消息使用的振動(dòng)就是?①?這個(gè)?API?，并且覆蓋所有機(jī)型。而 iPhone 的來電振動(dòng)是在舊機(jī)型和舊系統(tǒng)使用?①，而在新機(jī)型和新系統(tǒng)是使用?③、④、⑤?中的?API?，振動(dòng)體驗(yàn)很細(xì)膩，有興趣的小伙伴可以體驗(yàn)一下其中的不同。

02

第二個(gè)級(jí)別是「B.缺失振動(dòng)對(duì)正常使用略有影響」。

下圖的案例是網(wǎng)易云音樂的音樂應(yīng)用長(zhǎng)按拖動(dòng)排序功能，用戶長(zhǎng)按某個(gè)功能后，圖標(biāo)的視覺樣式會(huì)產(chǎn)生變化從而告知用戶進(jìn)入了可拖動(dòng)狀態(tài)。

但是此處的拖動(dòng)狀態(tài)和不可拖動(dòng)狀態(tài)的視覺樣式差別過于小，很難識(shí)別，但幸好除了視覺樣式的變化外，還有一個(gè)振動(dòng)告知用戶狀態(tài)的轉(zhuǎn)變。此時(shí)的振動(dòng)如果缺失，就會(huì)導(dǎo)致用戶不知道什么時(shí)候才能拖動(dòng)，用戶只能根據(jù)自己使用軟件的經(jīng)驗(yàn)去判斷。

因此，這個(gè)缺失是對(duì)正常使用略有影響的?；蛘咭部梢詫⒖赏蟿?dòng)狀態(tài)和不可拖動(dòng)狀態(tài)時(shí)的視覺樣式做出足夠強(qiáng)的區(qū)分，那樣就不需要添加振動(dòng)同樣能夠解決這個(gè)問題。

對(duì)于這種B級(jí)別的功能，落地策略是：新系統(tǒng)和新機(jī)型使用優(yōu)質(zhì)振動(dòng)，舊系統(tǒng)和舊機(jī)型不振動(dòng)。

有些讀者可能疑惑，為何舊系統(tǒng)和舊機(jī)型不振動(dòng)呢？不是會(huì)略有影響嗎？因?yàn)榕f系統(tǒng)和舊機(jī)型上添加較差振動(dòng)后帶來的負(fù)面影響可能比不加振動(dòng)的負(fù)面影響更大，因此權(quán)衡過后舊系統(tǒng)和舊機(jī)型就不加振動(dòng)。

03

第三個(gè)級(jí)別是「C.缺失振動(dòng)不影響正常使用，但是有了體驗(yàn)更好」。

在展示這個(gè)級(jí)別的案例之前，我想先問你一個(gè)問題。

如下圖，同樣是 播放/暫停 功能，為什么云音樂的底部播放條上的有振動(dòng)，播放頁的沒有振動(dòng)？你覺得合理嗎？如果身邊有 iPhone 7 或更新款的 iPhone 機(jī)型，可以拿起來體驗(yàn)一下，思考1分鐘再看下文。

我個(gè)人認(rèn)為是合理的。我的思考如下，當(dāng)我們點(diǎn)擊播放/暫停按鈕后，如下圖所示，除了頁面底部可能被手擋住的紅色視覺盲區(qū)外，有哪些反饋能夠告訴用戶成功地觸發(fā)了按鈕呢？

在包含底部播放條的首頁里，只有音樂開始播放/暫停的聽覺反饋，但是播放頁的就比較多了，比如音樂開始播放/暫停的聽覺反饋、黑膠和封面開始轉(zhuǎn)動(dòng)的視覺反饋、針桿移動(dòng)的視覺反饋，等等。

當(dāng)用戶處于一些特殊場(chǎng)景，比如音量不小心開到最低或關(guān)閉、歌曲里有空白片段時(shí)，如果沒有振動(dòng)，我們?cè)诘撞坎シ艞l上點(diǎn)擊播放/暫停按鈕后就會(huì)有些疑惑自己是否成功地觸發(fā)了播放/暫停的結(jié)果，只好移開手指觀察圖標(biāo)再進(jìn)行一個(gè)多余的確認(rèn)步驟。而播放頁擁有充足的其他類型反饋，能明確告知用戶是否成功地播放或暫停。

所以底部播放條的播放/暫停功能屬于「C.缺失振動(dòng)不影響正常使用，但是有了體驗(yàn)更好」這一級(jí)別。

《iOS 振動(dòng)設(shè)計(jì)與落地全解析》中講到過振動(dòng)的用途，其中的模擬現(xiàn)實(shí)用途都基本屬于 C 這個(gè)級(jí)別，比如下圖中微信 8.0 中更新的炸彈動(dòng)畫和QQ戳一戳里的放大招動(dòng)畫兩者所匹配的振動(dòng)，都是屬于錦上添花，缺失了并不影響正常使用，但是有了體驗(yàn)更好。

對(duì)于這種 C 級(jí)別的功能，落地策略是：新系統(tǒng)和新機(jī)型使用優(yōu)質(zhì)振動(dòng)，舊系統(tǒng)和舊機(jī)型不振動(dòng)。

04

第四個(gè)級(jí)別是「D.缺失振動(dòng)不影響正常使用，但是有了體驗(yàn)可能變差」。

如下圖的淘寶案例，當(dāng)打開淘寶進(jìn)入到首頁后，有時(shí)會(huì)出現(xiàn)頂部浮層廣告。伴隨著廣告的出現(xiàn)，會(huì)有一個(gè)振動(dòng)吸引用戶注意力，但是這個(gè)振動(dòng)的頻率和振幅比較高，體驗(yàn)比較差。本來廣告給用戶帶來的體驗(yàn)就偏向負(fù)向，添加的振動(dòng)更是加強(qiáng)了這種負(fù)向體驗(yàn)。因此個(gè)人認(rèn)為，此場(chǎng)景下的振動(dòng)會(huì)導(dǎo)致體驗(yàn)變差。

你可能會(huì)發(fā)現(xiàn)，在D級(jí)別的描述中我用了「可能」二字。因?yàn)榇蟛糠譄o意義的振動(dòng)反饋如果缺失既不影響正常使用，也不會(huì)讓體驗(yàn)變好或變差。只有在一些特殊的情況下，才會(huì)導(dǎo)致體驗(yàn)變差。這里我總結(jié)了兩個(gè)特殊情況：

1. 振動(dòng)頻率與幅度過高；
2. 高頻操作。

第一種情況的案例就是上圖提到的淘寶首頁的廣告浮層附帶的振動(dòng)，由于振動(dòng)頻率與幅度過高導(dǎo)致體驗(yàn)變差。

第二種情況中，如果用戶會(huì)高頻操作的功能缺失振動(dòng)不影響正常使用，但是功能仍然被添加了振動(dòng)，用戶很容易在反復(fù)使用該功能時(shí)對(duì)振動(dòng)產(chǎn)生厭倦感。如下圖的云音樂 Mlog （舊版，新版已無振動(dòng)），滑動(dòng)切換視頻時(shí)會(huì)有一個(gè)振動(dòng)反饋。

首先滑動(dòng)切換視頻已經(jīng)有足夠的視覺和聽覺反饋了，振動(dòng)是不必要的。其次上滑瀏覽視頻在此時(shí)是一個(gè)非常高頻的操作，前幾次滑動(dòng)用戶可能感覺振動(dòng)一下挺有意思，但是用戶滑動(dòng)視頻一段時(shí)間后很容易對(duì)振動(dòng)產(chǎn)生厭煩情緒，所以我個(gè)人認(rèn)為這個(gè)地方振動(dòng)是一個(gè)多余的反饋，且可能導(dǎo)致體驗(yàn)變差。

對(duì)于這種 D 級(jí)別的功能，落地策略是：避免使用振動(dòng)。

總結(jié)

結(jié)合上一篇文章里講過的振動(dòng)的用途，我們可以思考一下用途與影響級(jí)別有什么關(guān)系呢？當(dāng)我們要給功能加振動(dòng)時(shí)需要考慮什么呢？

當(dāng)我們要添加的振動(dòng)屬于結(jié)果反饋類或吸引注意類時(shí)，我們可以思考是否已經(jīng)有其他類型的反饋了，比如視覺、聽覺等。根據(jù)不同的情況對(duì)應(yīng)到相應(yīng)的級(jí)別，然后選擇相應(yīng)的落地策略。

比如如果有其他類型的反饋了，但是不足夠，我們初步判定振動(dòng)的必要性級(jí)別是 A 或 B ，然后我們要根據(jù)實(shí)際情況再進(jìn)一步判斷現(xiàn)實(shí)情況是偏向 A 還是 B 。設(shè)計(jì)沒有萬能的公式，下圖的方法只能給大家一個(gè)大概的指導(dǎo)方向。

對(duì)于模擬現(xiàn)實(shí)類的振動(dòng)，落地前我們需要問自己確定會(huì)讓大部分用戶產(chǎn)生驚喜感而不是干擾嗎？這可能需要我們拿著我們做好的振動(dòng) demo 給盡可能多的人體驗(yàn)，收集反饋，最后確定是否要落地這個(gè)振動(dòng)。

確定完畢級(jí)別后，就如下圖所示選取合適的落地方案即可。

如果你確定要為一個(gè)功能添加結(jié)果反饋或吸引注意類的單次振動(dòng)，但是不知道如何選取?API?和相應(yīng)級(jí)別，希望能夠使用一個(gè)比較普適的建議的話，我個(gè)人建議使用 ③ UIImpactFeedbackGenerator 這個(gè)?API?里的 Light 級(jí)別，這個(gè)比較適中和舒適的單詞振動(dòng)能夠覆蓋日常 90% 的需求。

但是仍然建議如果有余力，可以多體驗(yàn)幾個(gè)不同級(jí)別的振動(dòng)，選取一個(gè)最適合的。體驗(yàn)的方式在上篇的文章《 iOS 振動(dòng)設(shè)計(jì)與落地全解析》中有提到，在這里就不贅述了。

這就是本次關(guān)于振動(dòng)設(shè)計(jì)思考的更新，以后如果有更多這方面的想法也會(huì)盡快與大家分享的。

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

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