對(duì)于那些有幾十年駕齡的司機(jī)而言，駕駛最新的量產(chǎn)汽車是一種完全不同的體驗(yàn)。

因?yàn)樾萝嚺鋫淞撕笠晹z像頭，障礙物傳感器，停車輔助系統(tǒng)，車道變道輔助系統(tǒng)，自適應(yīng)巡航控制系統(tǒng)，自動(dòng)駕駛系統(tǒng)，甚至是網(wǎng)絡(luò)瀏覽器。

這些新技術(shù)在汽車上的應(yīng)用理應(yīng)讓駕駛更加安全和舒適。

但是否如此，則取決于汽車設(shè)計(jì)師是否了解關(guān)于人類注意力的一個(gè)簡(jiǎn)單事實(shí)，即人的注意力是有限的。

如果設(shè)計(jì)師了解這個(gè)事實(shí)，且在設(shè)計(jì)這些復(fù)雜的汽車功能時(shí)盡量減少或者避免駕駛者在最重要的任務(wù)（即駕駛）中被其他任務(wù)分散注意力，設(shè)計(jì)出來(lái)的功能才會(huì)使駕駛更安全，更舒適。

特斯拉Model 系列汽車面市至今，創(chuàng)新、大膽的設(shè)計(jì)收獲掌聲不斷。但掌聲之外，也有一些設(shè)計(jì)細(xì)節(jié)值得我們探討。

軟按鈕分散「注意力」

特斯拉的 Model S 幾乎沒(méi)有物理控制器，少有的幾個(gè)物理按鍵全部放在方向盤上或非常靠近方向盤的位置。

駕駛相關(guān)功能，如巡航控制，自動(dòng)駕駛，雨刷和燈光都可以通過(guò)這些物理控制按鍵或者擋桿來(lái)操作。

但大多數(shù)二級(jí)功能（包括后視攝像頭，手機(jī)，媒體播放器和空調(diào)）都沒(méi)有專門的物理控制器。

取而代之，這些二級(jí)功能的控制權(quán)都交給了 17 英寸可觸摸液晶顯示屏，它位于主駕駛座和副駕駛座之間。比如空調(diào)開(kāi)關(guān)，在液晶顯示屏上就使用一個(gè)圖標(biāo)代替物理按鍵。

這種在液晶顯示屏上顯示的圖標(biāo)、按鈕或控件被稱為「軟按鈕」。

我們都知道，可觸摸液晶顯示屏比傳統(tǒng)的儀表盤更加靈活，同一個(gè)區(qū)域，傳統(tǒng)儀表盤顯示內(nèi)容固定，液晶顯示屏顯示的內(nèi)容可以根據(jù)用戶的需求進(jìn)行變化。

但液晶顯示器也有一個(gè)很大的缺點(diǎn)：沒(méi)有觸覺(jué)反饋。這也是「軟按鈕」與物理按鍵之間的差別。

使用物理控件時(shí)，駕駛者通過(guò)一段時(shí)間的學(xué)習(xí)會(huì)掌握不同物理控件的對(duì)應(yīng)位置及觸覺(jué)反饋，并能在視線不離開(kāi)路面的前提下完成相應(yīng)的操作。

軟按鈕的使用則完全不同，在液晶顯示屏上，駕駛者為了準(zhǔn)確地打開(kāi)某一個(gè)功能，必須看著屏幕并尋找對(duì)應(yīng)的控制按鈕。

另外一個(gè)值得注意的問(wèn)題是，盡管特斯拉中控屏幕足夠大（等同于3個(gè)iPad mini大小），但它依然無(wú)法顯示所有內(nèi)容，這也使一些控件的操作變得更加復(fù)雜。

比如在第9版 Tesla 操作系統(tǒng)中，一些功能只能被放置在可擴(kuò)展的菜單中。

△ 特斯拉 Model S 觸摸屏：汽車輔助控制控件，空調(diào)，媒體播放器或后視攝像頭等應(yīng)用程序，可通過(guò) 17 英寸觸摸屏底部的菜單欄進(jìn)行控制。

△ 箭頭圖標(biāo)（主菜單從左側(cè)向右數(shù)第三個(gè)圖標(biāo)）打開(kāi)一個(gè)可擴(kuò)展菜單，里面包括日歷、能量、網(wǎng)絡(luò)、攝像頭、電話、充電等功能。要關(guān)閉可擴(kuò)展菜單，用戶須點(diǎn)擊主菜單中出現(xiàn)的「X」圖標(biāo)。

如果軟按鈕隱藏在可擴(kuò)展菜單中，駕駛者選擇它們就需要多次操作，因此需要更多的時(shí)間和注意力。而花在屏幕上的時(shí)間就等同于你忽略道路狀況的時(shí)間。

糟糕的目標(biāo)設(shè)計(jì)

1. 目標(biāo)位置越遠(yuǎn)，所需交互時(shí)間越長(zhǎng)

Fitts 定律指出，手指選中目標(biāo)的時(shí)間取決于目標(biāo)的大小和手指與目標(biāo)之間的距離。因此，初始手部位置與目標(biāo)之間的距離越遠(yuǎn)，手指到達(dá)目標(biāo)所需的時(shí)間越長(zhǎng)。

如果用時(shí)鐘方向進(jìn)行定義，那么追溯至幾十年前，手指與目標(biāo)之間的安全距離范圍，是初始手部位置處于方向盤的 2 點(diǎn)鐘方向到 10 點(diǎn)鐘方向。

△ 雙手處于方向盤的2點(diǎn)鐘方向到10點(diǎn)鐘方向

隨著安全氣囊和小方向盤的普及，國(guó)家公路交通安全管理局（NHTSA）修改其建議，現(xiàn)在，3 點(diǎn)鐘方向到 9 點(diǎn)鐘方向是最安全的位置。

△ 雙手處于方向盤的3點(diǎn)鐘方向到9點(diǎn)鐘方向

液晶顯示屏中，目標(biāo)的最佳位置應(yīng)該靠近駕駛者右手，且位于屏幕的中間、左側(cè)邊緣。

然而，Model S 的控件均放置在 17 英寸液晶顯示屏最底部，將控件放置在這個(gè)區(qū)域的糟糕程度僅次于將控件放置在右側(cè)邊緣。

△ 第9版特斯拉操作系統(tǒng)將控制菜單置于遠(yuǎn)離右手的位置。紅線表示右手處于正常位置（3點(diǎn)鐘方向）時(shí)與控制區(qū)域之間的距離。

將重要的控件放置在屏幕底部，意味著駕駛員的視線從擋風(fēng)玻璃移動(dòng)到菜單區(qū)域，所需的時(shí)間更長(zhǎng)。且當(dāng)駕駛者忙于完成可觸摸顯示屏上的交互動(dòng)作時(shí)，他不太可能使用余光觀察道路上的突發(fā)狀況。

另外，對(duì)于固定的底部菜單欄而言，最常用的功能應(yīng)該最容易操作。然而，特斯拉操作系統(tǒng)菜單欄的功能排序值得商榷。

菜單欄第一個(gè)功能選項(xiàng)是車輛控制，但車輛控制中的部分功能在駕駛時(shí)不可能經(jīng)常被使用。后視攝像頭功能（可顯示車輛后部全景畫面，包括傳統(tǒng)后視鏡中被后座遮擋的部分）需要點(diǎn)擊箭頭圖標(biāo)才能展示，手機(jī)功能也是如此。

目前特斯拉的可擴(kuò)展菜單中，后視攝像頭及手機(jī)功能排在日歷，能量和網(wǎng)絡(luò)瀏覽器功能之后。（與后視攝像頭和手機(jī)功能相比，您在駕駛時(shí)多久使用一次日歷、能量和網(wǎng)絡(luò)瀏覽器？）

這些經(jīng)常使用的功能在可擴(kuò)展菜單中的優(yōu)先級(jí)并不高，它們的排序應(yīng)該更加靠前，這樣可以減少用戶手指移動(dòng)的時(shí)間。

2. 目標(biāo)尺寸越小，交互時(shí)間越長(zhǎng)

另一個(gè)影響「手指選中目標(biāo)時(shí)間」的因素是目標(biāo)大小：按鈕越大，選中目標(biāo)的時(shí)間就越快。

然而，第 9 版特斯拉操作系統(tǒng)中目標(biāo)的尺寸被縮小，這個(gè)改變可能是為了讓菜單欄容納更多功能（第8版是7個(gè)功能，第9版是10個(gè)或11個(gè)）。

很多設(shè)計(jì)師都屈服于這種誘惑，但不幸的是，它并沒(méi)有帶來(lái)可用的設(shè)計(jì)。

△ 用于控制媒體播放器的圖標(biāo)（播放/暫停，喜歡，下一曲）小于推薦的觸摸目標(biāo)尺寸（1cm X 1cm）。但是，媒體播放器底部，標(biāo)簽欄中的（收音機(jī)，流媒體，電話等）要大得多（我們強(qiáng)烈推薦這種同時(shí)帶有圖標(biāo)和文字標(biāo)簽的樣式）。

3. 誤觸碰

由于控制面板中的目標(biāo)距離太近，有時(shí)容易觸碰到錯(cuò)誤的目標(biāo)。例如，在嘗試改變車內(nèi)溫度或點(diǎn)擊空調(diào)圖標(biāo)時(shí)多次打開(kāi)了座椅加熱。

當(dāng)駕駛者在箭頭圖標(biāo)上使用上滑手勢(shì)（可能受 iOS 啟發(fā)的手勢(shì)快捷方式）打開(kāi)最近使用的應(yīng)用程序時(shí)，也很容易意外觸摸座椅加熱圖標(biāo)。

△ 用戶在應(yīng)用程序圖標(biāo)上垂直滑動(dòng)以啟動(dòng)最近使用的應(yīng)用程序時(shí)，可能會(huì)意外觸發(fā)座椅加熱（如屏幕截圖所示，紅色虛線表示手指的移動(dòng)軌跡）。用戶試圖調(diào)整主駕駛座一側(cè)車內(nèi)溫度時(shí)，也可能會(huì)錯(cuò)誤地觸碰相同的座椅加熱圖標(biāo)。

始終顯示的地圖

為了讓駕駛者在行駛時(shí)快速獲取所需信息，汽車儀表板上的文字在各種光線條件下應(yīng)該都可以輕松閱讀。

文字太小，或者出現(xiàn)在復(fù)雜的背景上，或文字與背景的對(duì)比度過(guò)低，都不能滿足駕駛者快速獲取信息的需求。

在特斯拉操作系統(tǒng)中，地圖app 始終是所有 app 的背景。因此，屏幕頂部的狀態(tài)欄可能難以閱讀，且容易與地圖中的文本混合在一起。

此外，正如下圖所示，兩個(gè)應(yīng)用程序窗口之間出現(xiàn)部分的街道，似乎和應(yīng)用程序沒(méi)有任何關(guān)聯(lián)性，并可能會(huì)分散注意力。

還有一點(diǎn)，特斯拉大屏中的 app 浮窗，不允許被拖動(dòng)到屏幕最頂端，這不僅奪走了用戶控制權(quán)，也是一種浪費(fèi)（這樣的設(shè)計(jì)迫使用戶只能在屏幕頂部看到一小部分載有少量信息的地圖）。

地圖作為背景的設(shè)計(jì)，也使得地圖app 與其他 app 的交互更容易出錯(cuò)。

用戶要放大某個(gè) app 浮層的尺寸，必須從 app 視圖頂部邊緣拖動(dòng)。如果用戶不小心將手指放在視圖頂部邊緣操作柄的上方，則沒(méi)有任何反饋，因?yàn)椴僮飨到y(tǒng)會(huì)認(rèn)為用戶正在輕輕拖動(dòng)地圖內(nèi)容而不是最大化 app 窗口。

△ 地圖是所有應(yīng)用的背景，這種設(shè)計(jì)可能會(huì)干擾地圖上方顯示的任何內(nèi)容，或者干擾關(guān)閉或最大化應(yīng)用的手勢(shì)。日歷和媒體播放器之間有紅色的交通標(biāo)記，這是可能分散駕駛員注意力的無(wú)關(guān)信息。（另外請(qǐng)注意，關(guān)閉日歷應(yīng)用程序是通過(guò)點(diǎn)擊左上角的「X」，媒體播放器應(yīng)用程序是通過(guò)從窗口頂部邊緣的手柄向下滑動(dòng)來(lái)關(guān)閉。）

理解顯示的信息仍是一項(xiàng)挑戰(zhàn)

如果你想在駕駛特斯拉時(shí)更換車道，您可以使用以下幾個(gè)方法：

• 觀察左、中、右三塊后視鏡，并結(jié)合左/右轉(zhuǎn)頭的動(dòng)作檢查是否可以變道。
• 后視攝像頭（在以前版本的特斯拉操作系統(tǒng)中，您可以將其固定在主觸摸屏的頂部。現(xiàn)在它不再固定在頂部，因此，就算只是瞥一眼，您的視線也需要從平視道路向下移動(dòng)到觸摸屏）。
• 儀表盤上的車道輔助功能，當(dāng)您使用轉(zhuǎn)向信號(hào)但不可變道時(shí)，儀表盤上顯示紅色車道線。

△ 儀表盤顯示是否可以安全變道，上圖顯示可安全變道，下圖顯示不可安全變道。（僅顯示臨近的汽車動(dòng)態(tài)3D模型）

問(wèn)題在于，以上這些方法提供的信息都不完整，例如，后視鏡的部分視野被頭枕遮擋。

因此，大多數(shù)人只會(huì)選擇其中一個(gè)方法來(lái)節(jié)省交互成本。而最低交互成本的方法是：儀表盤上顯示的車道輔助系統(tǒng)。

當(dāng)轉(zhuǎn)向信號(hào)被開(kāi)啟，車道輔助功能同時(shí)在顯示屏上出現(xiàn)。

這個(gè)方法似乎讓人們以更快地速度完成相同的任務(wù)。這是好事，對(duì)吧？不一定，除非能保證這個(gè)解決方案在任何情況下都能正常工作。

事實(shí)上，特斯拉警告用戶不要僅依靠車道輔助來(lái)改變車道。

因?yàn)榧词古懦粽系K傳感器發(fā)生的錯(cuò)誤（比人們預(yù)期的更常見(jiàn)），駕駛者要想正確解讀儀表盤上顯示的信息也是一項(xiàng)挑戰(zhàn)。

另一個(gè)問(wèn)題是，駕駛者可能無(wú)法識(shí)別車道輔助的提示適用于哪個(gè)車道。

要了解原因，不妨想象一下你在一條三車道公路上開(kāi)車，并想要從最右側(cè)的車道切換到中間車道。

你打開(kāi)左轉(zhuǎn)信號(hào)燈，儀表盤上顯示中間車道空閑。

然而，由于你并不完全清楚當(dāng)前車輛的位置，所以會(huì)查看儀表盤上顯示的車道輔助信息，然后根據(jù)提示控制方向盤完成變道操作，當(dāng)你再次查看儀表盤時(shí)，你會(huì)發(fā)現(xiàn)紅色警告，然后慌忙地將車駛回最右側(cè)車道。

出現(xiàn)這個(gè)問(wèn)題的原因是特斯拉的車道輔助功能與左轉(zhuǎn)信號(hào)燈相互關(guān)聯(lián)，一旦你到達(dá)中間車道，由于左轉(zhuǎn)信號(hào)燈仍然開(kāi)啟，儀表盤會(huì)將切換顯示最左側(cè)車道的信息。

這個(gè)例子指出了設(shè)計(jì)師和汽車制造商今天面臨的一個(gè)重要難題。一些新的技術(shù)，諸如自動(dòng)駕駛，車道輔助，碰撞檢測(cè)等新功能能否取代駕駛員在長(zhǎng)期開(kāi)車中養(yǎng)成的良好習(xí)慣，例如轉(zhuǎn)頭或查看后視鏡等。

如果這些功能是有效的，并且使用它們比完成我們?cè)隈{校中學(xué)到的手勢(shì)和動(dòng)作更容易，那么駕校學(xué)習(xí)到的知識(shí)將被拋棄。

這也是為什么我們能在新聞中聽(tīng)到人們?cè)谲嚿匣瘖y，玩游戲，甚至睡覺(jué)的新聞，因?yàn)楝F(xiàn)代汽車上的功能讓人們以為這樣做的時(shí)候是安全的。

作為設(shè)計(jì)師，我們的職責(zé)是設(shè)計(jì)正確的心智模型，讓用戶理解我們的系統(tǒng)如何運(yùn)作，以確保新的功能取代傳統(tǒng)行為時(shí)不會(huì)產(chǎn)生駕駛安全問(wèn)題。

優(yōu)秀設(shè)計(jì)元素

正如我們上面提到的，特斯拉的 UI 中有許多值得改進(jìn)的地方。但也有好的設(shè)計(jì)元素值得我們借鑒。

大屏是一個(gè)優(yōu)點(diǎn)：它支持同時(shí)查看多個(gè) app 浮窗。雖然切換 app 可能會(huì)很麻煩（因?yàn)樗婕岸啻吸c(diǎn)擊和查看屏幕的操作），但對(duì)駕駛者而言，能夠同時(shí)查看其中幾個(gè)功能（例如，后視攝像頭和地圖或媒體播放器）讓一些問(wèn)題變得簡(jiǎn)單。

駕駛時(shí)，駕駛者可能需要同時(shí)訪問(wèn)多項(xiàng)信息（例如地圖和后視攝像頭），并且同時(shí)看到對(duì)應(yīng)信息的窗口，這樣能降低用戶的工作記憶負(fù)荷。（相比之下，即使在最大尺寸的平板電腦上，人們也很少分屏顯示多個(gè)窗口，盡管這項(xiàng)功能已經(jīng)存在一段時(shí)間）。

基于谷歌電子地圖服務(wù)的地圖 app 中有許多特斯拉專屬信息。例如：

• 超級(jí)充電樁的位置會(huì)自動(dòng)顯示在地圖上；
• 開(kāi)啟導(dǎo)航時(shí)，地圖會(huì)顯示到達(dá)目的地時(shí)電池預(yù)計(jì)剩余電量；
• 導(dǎo)航應(yīng)用程序根據(jù) car-pool lines 的使用情況給用戶推送行車方向。

△ 開(kāi)啟導(dǎo)航時(shí)，地圖會(huì)顯示到達(dá)目的地時(shí)電池預(yù)計(jì)剩余電量

自動(dòng)駕駛和自動(dòng)導(dǎo)航考慮到功能無(wú)效的可能性，因此要求駕駛員在駕駛時(shí)始終將雙手放在方向盤上。

特斯拉始終連接到互聯(lián)網(wǎng)，可以通過(guò)「空中升級(jí)」進(jìn)行更新。

此功能既可能是一種優(yōu)勢(shì)也可能是一種劣勢(shì)。

優(yōu)勢(shì)是可以快速修復(fù)錯(cuò)誤并將其同步到汽車，就像網(wǎng)站每天顯示的顏色都在改變一樣，駕駛者的分析數(shù)據(jù)也可以輕松連接，錯(cuò)誤可以及時(shí)上報(bào)并被修復(fù)。

劣勢(shì)是，如果用戶在先前版本中養(yǎng)成的習(xí)慣在新版本中被改變，可能產(chǎn)生潛在的致命問(wèn)題。

結(jié)論

現(xiàn)代汽車是一臺(tái)強(qiáng)大的電腦。它可以通過(guò)從各種傳感器收集的信息來(lái)增強(qiáng)駕駛員的認(rèn)知能力和身體能力，他們還可以提供多種便利功能增強(qiáng)駕駛體驗(yàn)。當(dāng)汽車設(shè)計(jì)師運(yùn)用數(shù)十年計(jì)算機(jī)界面設(shè)計(jì)的經(jīng)驗(yàn)，遵循眾所周知的可用性原則和人類心理學(xué)進(jìn)行設(shè)計(jì)時(shí)，一切皆有可能。

原文鏈接：《Tesla’s Touchscreen UI: A Case Study of Car-Dashboard User Interface》?Raluca Budiu

歡迎關(guān)注譯者的微信公眾號(hào)：「micute」