車載觸摸屏與手機/平板電腦最大的區(qū)別之一是使用場景 —— 車載觸摸屏可在汽車駕駛使用。此時駕駛員的注意力聚焦于開車，如果屏幕交互過于分散用戶注意力就有可能會發(fā)生車禍，造成身體和財產(chǎn)的損失，因此驗證車載觸摸屏的界面設(shè)計是否會干擾駕駛尤為重要。這次帶來一篇相關(guān)研究的譯文，文章的作者 Casper Kessels（德國 Snapp 汽車軟件公司設(shè)計總監(jiān)）通過在家用賽車游戲模擬駕駛場景，測試滑動和點擊哪個方式對注意力干擾更小。這種低成本高效率的研究方法，值得界面設(shè)計師學(xué)習(xí)。

本文譯自： https://www.theturnsignalblog.com/blog/tap-vs-swipe/

原文作者：Casper Kessels（德國 Snapp 汽車軟件公司設(shè)計總監(jiān)）

在最近的一次長途旅行中，我聽了幾年前在 Spotify 創(chuàng)建的播放列表。這里面都是我當(dāng)時喜歡的歌曲，但現(xiàn)在我的音樂品味變了，所以我需要不斷跳過那些我已經(jīng)不喜歡的歌曲。我的車有車載娛樂系統(tǒng)，因此，操作起來非常容易——只需拍一下中央控制臺的物理控制器，甚至我可以在眼睛不離開路面的情況下迅速完成這個操作。但如果我的車是觸摸屏就很難操作這么快。我認(rèn)為部分原因是在于目前汽車公司的觸摸屏交互設(shè)計還不夠好。所以我在想，有沒有可能將觸屏交互設(shè)計成物理按鈕那樣方便？為了解決這個疑惑，我在家里做了一個有趣的實驗。

一、背景

我通常將車內(nèi)交互分成 2 組：

1. 快速頻繁的交互，比如改變音量或跳過一首歌
2. 耗時長不頻繁的交互，例如在導(dǎo)航 App 中輸入目的地或改變媒體來源

如今大多數(shù)車內(nèi)交互都通過觸摸屏進行，這會造成相當(dāng)大的挫敗感。事實上，現(xiàn)在大部分有關(guān)車內(nèi)觸控屏的批評都源自第一組車內(nèi)交互。

快速頻繁的操作，如跳過一首歌，使用觸摸屏通常比物理控制器更難。 [1] 司機必須手眼協(xié)調(diào)瞄準(zhǔn)一個按鈕（這個按鈕通常很?。?。如果司機正在顛簸的高速公里上以 130 公里每小時的速度駕駛，就很難手眼協(xié)調(diào)操作觸摸屏了。如果用物理控制器，只需很少的手眼協(xié)調(diào)就能操作。

根據(jù)屏幕尺寸的不同，蘋果 CarPlay 的觸摸按鈕相對較小

如果只因為這一點就拒絕使用觸摸屏，這也顯得過于草率。你可以在觸摸屏上隨心所欲的修改各種設(shè)定，沒有必要堅持使用小的觸摸按鈕。有很多方法可以改善觸摸屏的快速交互，而不需要依賴它們。

我開始尋找與物理按鈕相同原理的事物。即只需很少甚至不要手眼協(xié)調(diào)，又用戶滿意度高，直觀的交互方式。

滑動可能是其中一種方案，你可以把滑動觸發(fā)區(qū)域做得很大，比觸摸按鈕大得多。這樣就不需要手眼協(xié)調(diào)。滑動是觸摸屏上很常見的交互方式，很直觀。

二、學(xué)術(shù)研究

有 幾篇論文 研究了汽車交互中的滑動和點擊，他們得出結(jié)論：在眼睛離開路面的時間、車道行駛時間、任務(wù)完成時間等司機分心的指標(biāo)上，滑動優(yōu)于點擊。

不過有一點很重要，只有在滑動分頁的情況下，這個結(jié)論才有效。例如滑動手勢應(yīng)該一次跳過一首歌，而不是根據(jù)手勢的力度來滾動瀏覽歌曲。如果是這種情況，那么滑動比點擊效果更差。我想親自看看點擊和滑動之間的區(qū)別，所以我做了一個實驗。

三、實驗

我的目標(biāo)是找出滑動是否比點擊更不容易發(fā)散注意力并且有更高滿意度。對我來說，完美的交互是司機不用把視線從路況中移開。因此，我使用的指標(biāo)是眼睛離開道路的時間和任務(wù)完成時間。為了衡量用戶滿意度，我使用了兩種方法對自己的體驗進行主觀描述。

出于安全和法律方面的原因，我顯然不能在城市里開車測試原型。剛好我最近接觸到模擬賽車，所以我在家搭建了自己的業(yè)余駕駛模擬器。我用手機運行 Spotify 作為車內(nèi)媒體播放器。和車載信息娛樂系統(tǒng)相比，手機屏更小，但兩者的媒體播放器實際界面尺寸相似，手機的媒體播放界面甚至比車載娛樂系統(tǒng)里的媒體播放器界面尺寸還大一些。Spotify 可以設(shè)置點擊按鈕或通過滑動來跳過一首歌。

我自制的駕駛模擬器

我既對司機在正常、放松的駕駛場景下進行測試感興趣，也對司機在緊張場景下表現(xiàn)也感興趣。想象一下，在下雨的高速公路上，交通高峰期開車，你必須全神貫注。此時跳過一首歌可能最大限度的分散了注意力。

我怎樣才能最精確地模擬這些場景呢？我的最佳選擇是使用 WRC 9 游戲。它有開放的測試世界，玩家可以自由地駕駛在虛擬的城市和鄉(xiāng)村中。這將是測試駕駛場景的完美選擇。

對于緊張的狀況，我想不出有什么比完整的拉力賽更需要集中注意力的了。為了在不發(fā)生車禍的情況下完成拉力賽，必須控制好車，掃視前方的道路，并聽從副駕駛對即將到來的轉(zhuǎn)彎進行提示。這占用了你全部的視覺和聽覺資源。如果失去注意力，哪怕是一秒鐘，都很導(dǎo)致你的車被樹纏住。

四、實驗設(shè)定

在正常情況下，我的想法是以最高 80 公里每小時在測試區(qū)域內(nèi)駕駛 5 分鐘。在這期間，我操作手機跳過歌曲。為了測量司機的分心程度，我用 Macbook 前置攝像頭記錄自己的駕駛過程，在 Spotify 上我播放一個列表，并關(guān)閉隨機播放功能。之后，我將按下的次數(shù)與跳過的歌曲數(shù)量相匹配，結(jié)果顯示沒有任何錯誤。

在高度集中的測試下，我選擇最快、最知名的拉力賽—— 芬蘭拉力賽。設(shè)置是一樣的，但為了模擬高認(rèn)知負(fù)荷和壓力，我試圖以最短的時間完成駕駛，同時盡量跳過更多歌曲。每個測試我都做 2 次，以減少適應(yīng)階段和交叉影響帶來的誤差。

五、實驗改進

在我完成了一次按鈕和滑動的測試后，我又增加了第三種場景。在這些第一次測試后，我懷疑決定因素是交互區(qū)域的大小，而不是交互的類型。所以我用 Framer 做了一個帶有巨大按鈕的簡易原型。

Spotify 和 我的原型相比較

所以我的實驗步驟如下：

六、結(jié)果

1. 正常駕駛

① 分散司機的注意力

正常駕駛的結(jié)果顯示普通按鈕和其他兩種情況的區(qū)別。與滑動和大按鈕相比，點擊小按鈕時，跳過一首歌平均至少需要多花半秒時間。因此，滑動和大按鈕之間差別很小。

任務(wù)完成時間 - 正常駕駛

視線離開道路的時間產(chǎn)生類似的結(jié)果。正常按鈕和其他兩個按鈕有很大的區(qū)別。同樣，大按鈕和滑動之間幾乎沒有區(qū)別。

視線離開道路的時間 - 正常駕駛

我在看錄像時就能看出區(qū)別了。在點擊時，我一直看著我的手指，直到我按下按鈕，歌曲被正確跳過（圖中左側(cè)）。在滑動時，當(dāng)我的手指粗略地靠近屏幕時（圖中右側(cè)），我就不再看了。

② 用戶滿意度

在這種情況下，我注意到要把手指對準(zhǔn)一個沒有實體物品可觸動的平面很困難。盡管我沒有犯任何錯誤，但我發(fā)現(xiàn)在沒有任何東西引導(dǎo)的情況下，我很難把手指對準(zhǔn)按鈕。

我原以為滑動比點擊按鈕更容易。但大按鈕的易用性還是讓我吃驚，使用起來和滑動一樣簡單。不過，我還是更喜歡滑動，盡管數(shù)據(jù)顯示并非如此，但對我來說，滑動似乎不需要手眼協(xié)調(diào)和注意力集中。

2. 高認(rèn)知負(fù)荷駕駛

① 分散司機的注意力

這個實驗產(chǎn)生了與前一個實驗相似的結(jié)果，但有了更有趣的延展。在壓力下，我每項任務(wù)都完成得更快，但最大的改進是普通按鈕，平均任務(wù)完成時間是 1.3 秒，而之前的實驗是 1.7 秒。有趣的是，我沒有看到眼睛離開路面的時間有同樣的改善。所以我手指在屏幕上回來移動得更快了。但我仍然不得不在正常情況下長時間掃視屏幕。

在 4 個實驗中，我先看了屏幕，然后把目光移回路面，然后執(zhí)行動作。我懷疑在壓力下，我想先確認(rèn)按鈕的位置，然后再伸手去按它。這種情況在滑動和大按鈕上并沒有發(fā)生。在兩次使用普通按鈕的過程中，我在點擊按鈕跳過歌曲犯了 2 到 3 次錯誤。

任務(wù)完成時間 - 高認(rèn)知負(fù)荷駕駛

在正常駕駛場景下，滑動和大按鈕都產(chǎn)生類似的結(jié)果。無論是任務(wù)完成時間還是眼睛離開路面的時間，兩者都快了 0.1-0.2 秒。

有趣的是，我進行了 3 次滑動操作，而不必把眼睛轉(zhuǎn)移到屏幕上。其中一次，我錯過了交互區(qū)域，滑動沒有正常觸發(fā)。

大按鈕的任務(wù)完成時間略低，我認(rèn)為這與只需點擊，而不是像滑動那樣更長時間的手勢有關(guān)。

眼睛離開路面 - 高認(rèn)知符合駕駛

我追蹤了一些其他指標(biāo)，比如完成拉力賽的總時間和跳過歌曲總數(shù)。我不像其他指標(biāo)那樣重視這些，但我把這些包括在內(nèi)，因為這可以提供關(guān)于這三種場景的認(rèn)知負(fù)荷的有趣信息。同樣，滑動和大按鈕的表現(xiàn)都很相似。有趣的是，我最快的交互時間比沒有交互的時間慢了 7 秒。我沒有想到會有這么大的差別。而且我也沒有注意到我在有交互的過程中慢了這么多。

其他指標(biāo)概述

可以得出這樣的結(jié)論：普通按鈕比其他兩種按鈕需要更多的認(rèn)知負(fù)荷，我的完成時間要慢得多，而且我沒有跳過那么多歌曲。滑動和大按鈕的時間差不多，但我用大按鈕跳過了更多的歌曲。

② 滿意度

高速駕駛的結(jié)果放大了正常駕駛的結(jié)果。我在按普通按鈕時很費勁，我犯了錯誤，跳過的歌曲較少，并且我發(fā)現(xiàn)在必須完成困難的拉力賽期間，把手指對準(zhǔn)一個小按鈕很煩人。再一次讓我感到驚訝的是，我發(fā)現(xiàn)使用大按鈕是如此容易。有這么大的交互區(qū)域，我不擔(dān)心會犯錯。我仍然略微偏愛滑動，因為它不需要精確的操作，只要把手指放到屏幕上的每個地方，然后朝一個大致方向滑一下就夠了。因此，我可以在不看屏幕的情況下進行滑動操作。

3. 注意事項

回顧過去，有幾種方法改進我的簡易實驗。在模擬器中測試的一大缺點是缺乏路面振動。我的賽車方向盤有振動反饋，但旁邊三腳架和手機顯然沒有。

在得出結(jié)論時，我還權(quán)衡了任務(wù)完成時間要少于眼睛離開路面的時間。這取決于我把觸摸屏放在離方向盤多遠(yuǎn)的地方。當(dāng)與汽車內(nèi)部進行比較時，我的手機放得離方向盤有點太近了。盡管如此，由于這三個場景之間的相對差異，結(jié)論仍然是有用的。

最后，加入的第四個場景很有趣。作為基準(zhǔn)，使用真正的物理按鈕進行測試是一個有趣的對比。

考慮到這些，我相信我的測試結(jié)果是有效的。通過一點努力，我測試了一個簡單的用例并且得到有趣的結(jié)果。在開始這個實驗之前，我對正常駕駛狀態(tài)更感興趣。我把快速駕駛作為一個有趣的實驗。在完成快速駕駛之后，我相信這實際上是測試某些界面的有效方法。你需要集中精力完成一個拉力賽階段所使用的注意力，以及完成這些動作所需要的壓力，都很好地模擬了現(xiàn)實世界中的緊張情況。

七、汽車公司該使用滑動還是點擊？

通過這個實驗，我想探索是否有方法可以改善觸摸屏上快速頻繁的交互。在得出任何結(jié)論之前，我必須提到一個明顯的免責(zé)聲明。這個實驗還遠(yuǎn)遠(yuǎn)不夠?qū)I(yè)和廣泛，不足以得出其中一種交互方式比另外一種好的結(jié)論。雖然這并不意味著結(jié)果是無效的，但結(jié)論清楚地指向一個特定的方向。

我發(fā)現(xiàn)，滑動或是更大的按鈕，在駕駛員分心指標(biāo)上的效果會好得多。除此之外，我發(fā)現(xiàn)與常規(guī)大小的普通按鈕相比，滑動或更大按鈕執(zhí)行操作要容易得多。這兩種情況的差異很大，足以得出結(jié)論，值得在更專業(yè)的環(huán)境中進一步探討這個話題。

我對汽車公司的建議是：不要在他們的車載信息娛樂系統(tǒng)中添加滑動手勢。從減少駕駛員注意分散的角度來探索不同的交互模式。iPad 和基于觸摸屏的車載信息娛樂系統(tǒng)看起來可能是一樣，但使用環(huán)境完全不同。因此，它們需要不同的設(shè)計方法，研究那些讓人不那么分心，至少和物理按鈕一樣直觀的交互方式會有很高的回報。它將改善道路安全，使人們對汽車觸摸屏的態(tài)度更加積極。

由“使用物理控制器通常比觸控屏更簡單。在觸摸屏上，不能像物理控制器那樣可以不用眼摸索操作?！毙薷亩鴣?/p>