不知道當(dāng)年多少人拿到 iPhone 7 的第一刻，就被那「神奇的虛擬 Home 鍵」深深吸引住了，可能很多人至今都好奇它到底是如何實(shí)現(xiàn)如同真實(shí)物理按鍵觸感的？
如果你手中正好還有 iPhone X 前代的手機(jī)，并且還是不解其中是如何做到這樣的體驗(yàn)？那我們不妨拿出手機(jī)來實(shí)驗(yàn)一下：把手機(jī)設(shè)置里「聲音與觸感」中的「Siri 與搜索」暫時(shí)關(guān)閉，然后按下 Home 鍵不要松手，那么您會(huì)發(fā)現(xiàn)手機(jī)剛剛發(fā)生了一次特別短暫的震動(dòng)，然后我們松手會(huì)發(fā)現(xiàn)手機(jī)進(jìn)行了第二次震動(dòng)，只要我們慢慢體會(huì)，就會(huì)發(fā)現(xiàn)第二次震動(dòng)要比第一次震動(dòng)的強(qiáng)度有種「稍稍輕一點(diǎn)」的感覺。
因此總結(jié)出 iPhone「神奇的虛擬 Home 按鍵」的交互過程是：當(dāng)我們的手指放在 Home 按鍵上，壓力傳感器會(huì)感受我們手指對(duì) Home 鍵的壓力，當(dāng)手指繼續(xù)施壓，壓力值達(dá)到的額定判斷數(shù)值后，手機(jī)會(huì)觸發(fā)第一次較「重」的震動(dòng)，去產(chǎn)生模擬按下按鍵的錯(cuò)覺，松手后會(huì)觸發(fā)第二次較「輕」的震動(dòng)，模擬物理按鍵松手的回彈感。日常生活中我們快速地下按與松手，整個(gè)過程會(huì)很像真實(shí)世界中按下按鍵的感覺，這就是觸覺設(shè)計(jì)所改變產(chǎn)品交互方式的一個(gè)直觀體驗(yàn)，Macbook 上的觸摸板也是用到了這種類似的震動(dòng)交互模擬原理。
觸覺交互相比視覺和聽覺交互設(shè)計(jì)更不易被我們察覺，并且其中蘊(yùn)含著很多設(shè)計(jì)原理，在進(jìn)行設(shè)計(jì)時(shí)如果掌握了這些技巧，在適當(dāng)情景添加合適的震動(dòng)反饋到產(chǎn)品中，就會(huì)大大提升對(duì)用戶的交互體驗(yàn)，從細(xì)節(jié)上讓用戶得到新奇感，吸引用戶并讓用戶對(duì)產(chǎn)品上癮。
在給軟件加入觸感交互設(shè)計(jì)后，會(huì)給用戶帶來一種從 3D 電影跳到 4D 電影的全新體驗(yàn)，我們也有必要簡單了解一下這其中的電子元器件「線性馬達(dá)」是什么原理，以及為什么還有好多安卓手機(jī)沒有做到 iPhone 這種細(xì)致的震動(dòng)體驗(yàn)？
震動(dòng)是由馬達(dá)所產(chǎn)生的，馬達(dá)這個(gè)東西就算大家沒見過也應(yīng)該耳熟。男同學(xué)小時(shí)候玩過的「四驅(qū)賽車」拆開殼子后，就會(huì)看見里面有個(gè)明顯的小馬達(dá)，這就是用來模擬汽車引擎驅(qū)動(dòng)小賽車用的馬達(dá)，它就屬于一種非線性馬達(dá)，也叫轉(zhuǎn)子馬達(dá)。
非線性馬達(dá)中，其「線性」二字不是衡量隨時(shí)間改變震動(dòng)大小的關(guān)系，這和我們理解非線性動(dòng)畫不是一個(gè)概念，它是對(duì)馬達(dá)震動(dòng)方向的衡量，所以非線性馬達(dá)所代表的含義是震動(dòng)沒有震動(dòng)方向的。
早期的 iPhone3Gs 到 iPhone5 上用的都是類似的非線性馬達(dá)，因?yàn)槠漶R達(dá)沒有震動(dòng)方向和一些物理因素，震動(dòng)的可控性比較低，造成的用戶體驗(yàn)也不盡人意，當(dāng)時(shí)震動(dòng)的作用也只是電話靜音后代替電話鈴的一個(gè)提示方案。
直到 iPhone 6 上蘋果才在手機(jī)上使用線性馬達(dá)，有了震動(dòng)方向。有方向，就有了軸向問題，一般手機(jī)上的線性馬達(dá)都是 X 軸線性馬達(dá)，也就是手機(jī)是左右進(jìn)行震動(dòng)的，有的手機(jī)用的是 Z 軸馬達(dá)，比如三星的一部分手機(jī)，其震動(dòng)體驗(yàn)要與 X 軸馬達(dá)有一定區(qū)別。隨著技術(shù)上的提升，到了 iPhone 7 騰出了耳機(jī)孔的位置后，才能使 iPhone 裝下足夠大，震感足夠強(qiáng)的 Taptic Engine 線性馬達(dá)，到此也為設(shè)計(jì)師對(duì)軟件觸覺設(shè)計(jì)提供了基本的硬件條件。
為什么很多 Android 機(jī)型上無法做到這樣的體驗(yàn)？隨著筆者的研究，發(fā)現(xiàn)很多安卓手機(jī)的馬達(dá)一般問題主要有三種：
- 因?yàn)榧夹g(shù)或成本控制的原因還停留在非線性馬達(dá)；
- 線性馬達(dá)尺寸不夠大導(dǎo)致無法獲得足夠強(qiáng)的震動(dòng)觸感；
- 對(duì)震動(dòng)的強(qiáng)度沒有進(jìn)行分級(jí)處理意見，及未對(duì)開發(fā)者提供震動(dòng)強(qiáng)度控制的代碼接口。
筆者查閱蘋果開發(fā)者文檔，官方給出了幾種震動(dòng)分級(jí)的可選參數(shù)，作為設(shè)計(jì)師我們只需要知道如何在觸覺設(shè)計(jì)時(shí)準(zhǔn)確地向程序員表達(dá)需求即可，因此對(duì)于代碼實(shí)現(xiàn)細(xì)節(jié)就不在此文中進(jìn)行詳解了。在 iOS 生態(tài)中，震動(dòng)的級(jí)別可以分為：長震、強(qiáng)短振、中短振、弱短振四種級(jí)別的常用震動(dòng)，我們?cè)谠O(shè)計(jì)時(shí)還需要考慮連續(xù)震動(dòng)間隔時(shí)間、與震動(dòng)同時(shí)發(fā)出的音效、動(dòng)畫效果等這常見的三個(gè)元素的設(shè)計(jì)。
1. 操作交互時(shí)觸發(fā)的震動(dòng)
在 iOS 的計(jì)時(shí)器中，我們?nèi)セ瑒?dòng)數(shù)字調(diào)節(jié)時(shí)間，會(huì)有清晰的震動(dòng)+聲音反饋，伴隨著非線性動(dòng)畫，讓整個(gè)細(xì)節(jié)交互體驗(yàn)非常完美，而這其中的震動(dòng)觸發(fā)是隨著我們手指滑動(dòng)屏幕產(chǎn)生的。還有一種就是類似于更多指南針應(yīng)用，我們通過轉(zhuǎn)動(dòng)手機(jī)，控制方向，在指南針每當(dāng)觸到 30 度角就會(huì)發(fā)生一次震動(dòng)。還有一個(gè)相關(guān)例子，我們?cè)?Mac 上利用 Pages 處理文檔時(shí)去調(diào)整圖片位置，當(dāng)圖片移動(dòng)到居中位置的時(shí)候，觸摸板也會(huì)發(fā)生一次震動(dòng)，去提醒你圖片完成了居中操作。后兩個(gè)案例有一個(gè)相同的設(shè)計(jì)邏輯，就是我們?cè)O(shè)計(jì)控制上相對(duì)不易的操作功能時(shí)，就可以通過加入聲音和震動(dòng)進(jìn)行對(duì)操作結(jié)果進(jìn)行反饋出發(fā)設(shè)計(jì)，讓用戶得到更合理的反饋。
2. 軟件自主產(chǎn)生的震動(dòng)
最常見的就是消息提示的配合震動(dòng)，讓我印象深刻的一次經(jīng)歷是當(dāng)我清早還躺在床上，聽到了一聲提示，睡眼惺忪沒太聽清是哪個(gè)軟件的提示音，但因?yàn)槭謾C(jī)放在床上，震動(dòng)讓床面也跟著短促的震了三下，讓我立即就知道了這是我的「提醒事項(xiàng)」在告訴我，該起來干活了。我們?cè)谔嵘浖换ピO(shè)計(jì)時(shí)要同時(shí)考慮這兩類需要震動(dòng)的情境，震動(dòng)的使用場(chǎng)景多伴隨著聲音和動(dòng)畫。
在什么情境？對(duì)什么事件？加入怎樣的觸覺？想讓用戶獲得什么體驗(yàn)？
首先需要說明，大部分的震動(dòng)伴隨著相應(yīng)的聲音效果，這種聯(lián)動(dòng)式設(shè)計(jì)才是最好的方案，其次現(xiàn)階段不要過多地加入震動(dòng)設(shè)計(jì)，震動(dòng)馬達(dá)對(duì)手機(jī)有一定的功耗需求。
對(duì)于什么情境的問題，我們需要簡單梳理一下，我們常見的交互有：短按 （點(diǎn)擊）、長按、滑動(dòng)三大手勢(shì)組成，我們將這三類一一進(jìn)行分析，同時(shí)提醒操作也是需要注意的一點(diǎn)。
1. 點(diǎn)擊
按鈕點(diǎn)擊是我們遇到最頻繁的交互，在給點(diǎn)按類操作加入震動(dòng)反饋時(shí)，一定要注意我們之前強(qiáng)調(diào)過選擇適當(dāng)?shù)墓δ芗尤胝饎?dòng)反饋，這里分為兩種情況。
首先點(diǎn)贊、關(guān)注等情況就是可以首先考慮的，當(dāng)用戶在點(diǎn)贊、關(guān)注時(shí)獲得震動(dòng)反饋，用戶心理上就會(huì)感到這幾個(gè)功能比其他按鈕有更好玩的體驗(yàn)，這樣去引導(dǎo)用戶的心理，會(huì)讓他們對(duì)更多平臺(tái)內(nèi)容進(jìn)行點(diǎn)贊，提升平臺(tái)用戶的活躍度。這里第一個(gè)邏輯就是，如果我們想提高某功能用戶的頻率，讓它更有新奇好玩的體驗(yàn)，我們就可以將動(dòng)畫、震動(dòng)、聲音三者結(jié)合，放到這個(gè)功能上。
其次類似發(fā)送按鈕、添加圖片按鈕、復(fù)選框等這類常用的功能也可以考慮加入震動(dòng)反饋，這類功能加入震動(dòng)反饋目的不是為了提高用戶對(duì)這些功能的使用頻率，而是為了使該功能反饋的反饋更加清晰明確，讓用戶獲得在顯示物理世界中相似的體驗(yàn)，增加用戶對(duì)產(chǎn)品的喜愛程度。
其余的點(diǎn)按操作，我們一定要分清該功能的重要優(yōu)先級(jí)，如果是不重要的功能，我們頻繁地加入震動(dòng)后造成太多反饋，過多的震動(dòng)設(shè)計(jì)就像看多了 4D 電影一樣，反而會(huì)讓用戶膩煩。
2. 長按
蘋果最近已經(jīng)在 iPhone XR 機(jī)型上已經(jīng)取消對(duì) 3D Touch 的支持，而通過長按實(shí)現(xiàn)類似原本在 3D Touch 上的功能，因此我們可以向蘋果學(xué)習(xí)。如果某些功能設(shè)計(jì)時(shí)需要用戶長按調(diào)出，那么這些功能就會(huì)比較隱蔽或者是該功能的優(yōu)先級(jí)不高，那么考慮多在此類功能中加入震動(dòng)反饋，讓用戶更明確長按后進(jìn)入了一個(gè)新的功能，避免誤操作等。對(duì)于長按顯示二級(jí)菜單、長按進(jìn)入刪除等功能時(shí)比較建議加入震動(dòng)反饋。
3. 滑動(dòng)
面對(duì)大部分的普通的頁面滑動(dòng)瀏覽，我們一般不需要加入震動(dòng)反饋，但如果是在一個(gè)有「格子」的列表上進(jìn)行滑動(dòng)，就比較建議考慮加入震動(dòng)反饋了。廣義的列表是指滑動(dòng)頁面中的內(nèi)容是分塊的。比如 iOS 系統(tǒng)自帶的計(jì)時(shí)器功能，上下滑動(dòng)調(diào)整時(shí)間時(shí)，每滑動(dòng)一段距離就代表松手后會(huì)選定一個(gè)數(shù)字，每個(gè)數(shù)字單獨(dú)成為一行，滑動(dòng)時(shí)按照每行觸發(fā)一次短震并同時(shí)觸發(fā)聲音特效，當(dāng)用戶快速滑動(dòng)時(shí)，震動(dòng)的頻率也會(huì)隨著滑動(dòng)速度增加，這樣會(huì)更加符合我們物理世界，如同機(jī)械齒輪一次次地轉(zhuǎn)動(dòng)，大大增加用戶交互的舒適度，讓用戶在滑動(dòng)選擇、瀏覽時(shí)候也能增加交互準(zhǔn)確性。
因此我建議對(duì)用戶日期、時(shí)間選擇、微博內(nèi)容列表、新聞列表、功能選擇列表等，都也可以嘗試加入震動(dòng)與聲音反饋效果，用戶會(huì)獲得如同物理世界一樣更加舒適的體驗(yàn)。
關(guān)于手勢(shì)或繪畫，在完成某個(gè)手勢(shì)操作觸發(fā)功能時(shí)，加入反饋也會(huì)讓用戶更明確已完成操作并成功觸發(fā)，從觸感上也更明確自己完成了操作，對(duì)于這種不明確的操作，我們更需注意加入觸感反饋和聲音反饋。
4. 提醒操作
關(guān)于軟件內(nèi)的各種消息和聲音提醒，也應(yīng)該加入有軟件特色的震動(dòng)，比如先進(jìn)行長震再短震一次的組合震動(dòng)代表一次消息，類似這樣的各種組合震動(dòng)設(shè)計(jì)會(huì)讓用戶在有消息時(shí)除了聲音，觸覺上也能知道它是來自于哪個(gè)軟件的。
雖然蘋果在 iPhone6s 上就加入了線性馬達(dá)與 3D Touch，開啟了觸覺設(shè)計(jì)的新篇章，但如今 2020 年了還有很多軟件沒有適配細(xì)節(jié)處加入震動(dòng)觸覺反饋設(shè)計(jì)，很多安卓機(jī)型對(duì)震動(dòng)馬達(dá)的支持導(dǎo)致其交互功能的局限。我們一直都在把目光聚焦于視覺上的設(shè)計(jì)、動(dòng)效，當(dāng)一個(gè)軟件在商業(yè)、邏輯、設(shè)計(jì)、動(dòng)效、震動(dòng)、聽覺這些要素上全方位做到了及格線，才是一個(gè)成功的軟件交互設(shè)計(jì)的基礎(chǔ)。希望我們未來能夠不斷在細(xì)節(jié)處打磨，對(duì)產(chǎn)品細(xì)節(jié)處的觸感設(shè)計(jì)進(jìn)行實(shí)驗(yàn)，讓用戶獲得更好的產(chǎn)品使用體驗(yàn)。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。