特斯拉的觸摸屏界面:汽車儀表板界面的案例研究

在現代社會,汽車已經成為出行必備交通工具之一,汽車設計對駕駛員的駕駛體驗有很重要的影響。本文以特斯拉的觸摸屏界面為例,對汽車儀表板界面進行研究分析,希望對你有幫助。

簡介:車輛控制裝置應易於使用,並要求駕駛員儘量少注意,同時與駕駛相關的信息應清晰易懂。

對於我們中一些幾十年前學會駕駛的人來説,駕駛一輛現代汽車是完全不同的體驗。現代汽車配備了後視攝像頭、障礙物傳感器、泊車輔助、換道輔助、自適應巡航控制、自動駕駛儀駕駛,甚至還有網絡瀏覽器。

這些功能應該使駕駛更安全、更舒適。但前提是汽車設計師瞭解人類注意力的最基本事實:人類的注意力是有限度的。如果他們設計了這些複雜的汽車功能,那麼他們就會缺乏對駕駛這一基本任務的認知。

特斯拉的Model S幾乎沒有物理控件 — 物理控件全部都放在方向盤上或非常靠近方向盤的位置。與駕駛相關的功能,例如巡航控制,自動駕駛,刮水器和燈光,都可以通過這些控件來控制。

但是大多數“輔助”功能(包括後視攝像頭,電話,媒體播放器和氣候控制)沒有專用的物理控件。 相反,選擇它們的主要方法是通過位於駕駛員和乘客座椅之間的儀表板上的17英寸觸摸屏顯示器。 儘管這個屏幕很大(是iPad面積的三倍),卻無法顯示所有內容 — 因此,事情變得更加複雜,在特斯拉操作系統的版本9中,某些功能還位於可擴展菜單中。

特斯拉Model S觸摸屏:可從汽車17英寸觸摸屏顯示屏底部的菜單欄中訪問輔助汽車控制功能(例如汽車氣候,媒體播放器或後視攝像頭等應用程序)。

點擊箭頭圖標(主菜單中左起第三;頂部)打開一個帶有其他控件的子菜單(底部)。要關閉此菜單,用户必須輕觸出現在原始菜單中用來代替箭頭圖標的“ X”圖標。

儘管觸摸屏儀表板比真實儀表板具有更大的靈活性,但它們有一個很大的缺點:沒有觸覺反饋。為了可靠地觸摸這些按鈕,人們必須看着它們。而使用物理按鈕,我們可以學習並獲取它的位置,而無需過多關注(如果有的話)。例如:我們可以在讀取樂譜的同時彈鋼琴,也可以在真實的鍵盤上進行觸摸打字,而找到一個觸碰軟按鈕需要我們以視覺的方式確認其位置。

如果軟按鈕隱藏在菜單下,則選擇軟按鈕會涉及多個觸摸屏交互,會花費更多時間和精力。而且,在汽車中,花費在UI上的這些時間將是我們忽略道路狀況的時間。

Fitts定律認為手指到達目標的時間取決於目標的大小和距離。因此,放置在遠離初始手部位置的控件將比放置在較近位置的控件花費更長的時間來獲取。

老一輩的那代人學會駕駛時,標準的手的位置是“2-10”(對應於時鐘上的數字2和10)。隨着安全氣囊和更小的方向盤變得越來越普及,美國國家公路交通安全管理局(NHTSA)改變了這一建議,現在“3-9”已經成為最安全的位置。

對於這兩種手的位置,最佳的控制位置將在屏幕的左中邊緣,靠近駕駛員的右手。然而,Model S的控制裝置被放置在17英寸屏幕的最底部,這一區域可能是倒數第二個最差的區域(倒數第一個在屏幕的右邊緣)。

Tesla操作系統的版本9將控制菜單置於遠離駕駛中正常手位置的位置。紅線表示正常右手位置(3點鐘)和控制區域之間的距離。

將控件放在觸摸屏的底部還意味着眼睛從擋風玻璃移到菜單區域的時間更多,同時也意味着人們在忙於與觸摸屏交互(和觀看)時,將很少有機會利用餘光來處理道路上出現的意外事件。

在給定的菜單中,最常用的選項應該最容易訪問。但是,特斯拉關於菜單中控件順序的決定是令人質疑的。

第一個選項是訪問汽車的所有設置和自定義設置 — 在開車時不太可能經常使用這種設置。後視攝像頭(後擋風玻璃視圖被後座頭枕部分遮擋的汽車中的一個基本功能)和電話點擊箭頭菜單可用。

還有一些被認為經常使用的選項在該菜單中也沒有得到優先處理:日曆,能源和Web(用於Web瀏覽器)不是列在箭頭圖標的上方(以最小化手指的移動時間),而是緊隨其後 (後視攝像頭和電話相比,您在開車時會多久使用一次這些功能)。

另一個影響抵達目標時間的因素是目標大小:按鈕越大,到達按鈕的速度就越快。

然而,在版本9中,特斯拉決定縮小目標範圍(大概是為了在可見的菜單欄中添加更多選項 — 版本8中為7,而版本9中為10或11)。許多移動端設計師都屈服於這種誘惑,但不幸的是,這並不是可用的設計。

用於控制媒體播放器的圖標(播放/暫停,Like,Next)小於推薦的1cm X 1cm觸摸目標尺寸。但是,媒體播放器顯示屏底部的標籤(廣播,流媒體,電話等)要大得多(它們還包括標籤和圖標,我們強烈建議這樣做)。

由於控制面板中的目標彼此之間距離太近,因此太容易觸摸到錯誤的目標。

例如,在很多情況下,會在嘗試更改温度或點擊氣候圖標時觸發了座椅加熱裝置。當駕駛員嘗試通過向上滑動箭頭圖標(手勢快捷方式受iOS啓發)來嘗試訪問其他的應用程序時,座椅圖標也很容易被意外觸摸。

當用户在應用程序圖標上垂直滑動以啓動最新的應用程序時,座椅加熱裝置可能會意外觸發(如此屏幕截圖所示 — 紅色虛線表示手指的軌跡)。當用户嘗試調整駕駛員側温度時,可能會誤操作相同的座位圖標。

為了讓人們從屏幕上快速獲取所需的信息,然後繼續前進,汽車儀表板上的文字應在各種光線條件下都易於閲讀。文本太小,出現在內容很多的背景上,或與背景對比度低,通常不能滿足這些要求。

然而,特斯拉的地圖應用程序總是顯示在所有應用程序的背景中。因此,屏幕頂部的狀態欄可能很難讀取,因為它與地圖文本融合在一起。

此外,在兩個應用程序窗口之間出現一條顏色鮮豔的分割線(如下面的屏幕截圖所示)可能是完全不相關的(而且可能會分散注意力)。另外,打開的應用程序不能從屏幕的最頂端顯示,這不僅剝奪了用户的可操控權(也違背了尼爾森的十大可用性原則之一),而且也是浪費,迫使用户在最頂端必須看到地圖的一小部分,而且其中包含的信息還非常少。

背景中的地圖還容易引起與其他應用程序的交互出錯:如果要增加應用程序窗口的大小,則必須從應用程序視圖的頂部邊緣拖動。但如果你不小心,把手指放在窗口手柄上,什麼也不會發生,因為操作系統會假設你在滑動地圖,而不是最大化地圖窗口。

該地圖出現在所有應用程序的背景中,可能會干擾其上方顯示的內容,或者可能會滑動以關閉或最大化應用程序。紅色交通標誌在日曆和媒體播放器應用之間的區域中可見,可能使無關的信息分散駕駛員的注意力(還要注意,日曆應用程序是通過點擊左上角的“ X”關閉的,而媒體播放器應用程序是通過從其窗口頂部邊緣的手柄向下滑動而關閉的)。

如果您想在駕駛特斯拉時改變車道,可能會用到以下信息源:

儀表板顯示汽車是否可以安全地改變車道或(底部),僅顯示緊鄰車輛的車道。

問題是這些信息源都不完整(例如,後視鏡視圖被頭枕部分遮擋),當您檢查完所有信息源時,您可能已經實現你的目的了。

所以,大多數人最終所做的是走捷徑來節省交互成本,並且僅僅依賴其中一個信息源。你認為他們最有可能選哪一個?

交互成本最低的一個:顯示在輔助儀表板上的車道輔助,當轉向燈接通時,輔助儀表板始終顯示。

這實際上是一個成功地摒棄老套、精心排練的行為的例子——那些努力教用户如何變得更有效率的應用程序設計師應該從特斯拉的案例中吸取教訓:如果你讓它變得比以前更容易,而且總是在最需要的時間向用户展示,那麼用户最終會信賴並依賴它。

所以,如果用户能夠以更快的速度完成同樣的任務,那是好事,對吧?當然,前提條件是如果這個解決方案在任何情況下都能正常工作。

事實上,特斯拉警告用户不要僅僅依靠車道輔助來改變車道。即使排除傳感器錯誤(比預期的更常見),正確解釋顯示的信息也是一項挑戰。

問題是用户可能無法識別車道輔助提示適用於哪個車道。

請想象您在三車道道路上行駛,並希望將車道從最右邊的車道切換到中間車道。當你打開轉向燈時,汽車可能會顯示車道是空閒的。但是,當你到達中間車道時,由於你的轉向燈仍在工作,汽車將顯示有關轉入左側車道的信息。

然而,用户並不總是完全知道他們的車所在的位置 — 因此,他們可能會檢查車道輔助顯示,進行車道切換,然後再次檢查顯示,注意紅色警報(這一次將涉及切換到下一個車道),將其誤解為指代他們當前的目標,並驚慌失措,使汽車掉頭返回進入原來的車道。

這個例子指出了汽車設計師和製造商今天面臨的一個重要困境。新功能,如自動駕駛、車道輔助、碰撞檢測等,有可能取代我們過去依賴的傳統駕駛行為,如回頭看或檢查後視鏡。如果這些功能是功能性的,並且使用它們比執行我們在駕校學到的手勢和動作更容易,那麼它們將取代那些動作(我們是最小努力的生物:我們總是採取需要最少工作的解決方案——不是因為我們懶惰,而是因為我們高效)。

這就是為什麼我們在新聞中會聽到有人在化妝,玩遊戲,甚至睡在方向盤上 — 因為他們覺得這樣做很安全。然而,作為設計師,我們有責任創建正確的心理模型,讓人們正確理解我們的系統是如何工作的,以確保如果我們取代這些老式行為,不會使駕駛變得更危險。

如上所述,可以對特斯拉的UI進行很多改進。但是,也有幾個很好的設計點:

1. 大屏幕是其中一個優點:它可以並排查看多個應用程序窗口。儘管切換應用程序可能會很痛苦(因為它確實涉及多次輕擊並看着屏幕),但是能夠同時查看其中的幾個(例如,後視攝像頭和地圖或媒體播放器)使操作起來更容易司機。

駕駛時用户確實需要同時訪問多個信息源(例如地圖和後視攝像頭),並且同時看到所有這些窗口的情況會大大降低用户的記憶負擔。相比之下,即使在最大的平板電腦上,人們也很少拆分屏幕用來同時顯示多個窗口,儘管分屏功能已經存在了一段時間。

2. 該地圖應用程序包含特斯拉特有的信息。

例如,即使該應用基於Google Maps,它也確實具有一些特斯拉車主專有的選項:

地圖應用程序顯示到達目的地後將收取多少費用。

3. 自動駕駛和自動導航系統承認存在故障的可能性,並要求駕駛員在運行時將手保持放在方向盤上。

4. 特斯拉始終與網絡相連,可以通過空中接收更新信息。此功能既可以視為是正向的也可以視為負向的。

好處是可以快速修復錯誤,就像網站一樣每天可以更新不同的顏色。特斯拉以相同的方式將其部署到汽車上,可以輕鬆連接有關驅動程序的分析數據,報告錯誤並修復問題。

不幸的是,如果突然違反了以前版本中用户的期望,那麼不斷變化的界面也可能會造成潛在的致命問題(此外,必須相信汽車製造商只會部署安全且經過良好測試的操作系統)。

現代汽車就是一台功能強大的計算機。它們可以通過從各種傳感器收集的信息來增強駕駛員的認知和身體能力;它們還可以通過一次點擊即可獲得的大量便利功能來增強駕駛體驗。

當然,只有在汽車設計師梳理了數十年來設計計算機界面的經驗,並遵循眾所周知的可用性和人類心理模型之後,這些事情才能真正發生。

原文地址:https://www.nngroup.com/articles/tesla-big-touchscreen/

原文作者: 拉魯卡(Raluca Budiu)

本文由 @Henry-Lee 翻譯發佈於人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基於CC0協議

版權聲明:本文源自 網絡, 於,由 楠木軒 整理發佈,共 4482 字。

轉載請註明: 特斯拉的觸摸屏界面:汽車儀表板界面的案例研究 - 楠木軒