汽車交互設(shè)計(jì)案例:特斯拉中控屏的功與過(guò)

4 評(píng)論 12785 瀏覽 39 收藏 19 分鐘

本文筆者將以特拉斯的交互設(shè)計(jì)為案例,剖析其設(shè)計(jì)方面有哪些優(yōu)缺點(diǎn),以此講述:該如何做好汽車交互設(shè)計(jì)?

汽車設(shè)計(jì)必須要遵循的原則包括:車輛的控制要足夠方便,駕駛員無(wú)需過(guò)度分心,同時(shí)與駕駛相關(guān)的信息顯示一定要清楚易懂。

對(duì)于有幾十年駕齡的老司機(jī)們來(lái)說(shuō),新型汽車的操控是完全不同的一種體驗(yàn)。新型汽車相較于傳統(tǒng)汽車增加了后視攝像頭、障礙傳感器、倒車?yán)走_(dá)、變道輔助、自動(dòng)巡航、自動(dòng)駕駛甚至網(wǎng)頁(yè)瀏覽等功能,這一切功能都是為了駕駛更加安全和舒適。

不過(guò)有一點(diǎn)不容忽視,汽車的設(shè)計(jì)者必須要考慮到:這些紛繁復(fù)雜的輔助功能不應(yīng)當(dāng)喧賓奪主,駕駛者仍需要全神貫注以保證行車安全。

讓人分神的虛擬按鍵

特斯拉Model S車型上的物理控制開(kāi)關(guān)很少,僅有的幾個(gè)也都配置在方向盤附近,主要是一些與駕駛操作相關(guān)的功能,例如:巡航控制、自動(dòng)駕駛、雨刮器和車燈等,但絕大多數(shù)功能(包括后視攝像頭、電話、影音播放器和空調(diào))的控制并沒(méi)有物理開(kāi)關(guān),而是通過(guò)駕駛位和副駕駛位中間一塊17英寸的觸摸屏實(shí)現(xiàn)的。

這塊觸摸屏似乎已經(jīng)夠大了,差不多是iPad屏幕的3倍,但還是不能放下所有的功能,在特斯拉第9版的操作系統(tǒng)中,很多功能甚至還被放在擴(kuò)展菜單里,這使得操作變得更加復(fù)雜。

人產(chǎn)用

特斯拉Model S車型的觸摸屏:空調(diào)、播放器還有后視攝像頭等功能都能通過(guò)17英寸觸屏下方的菜單欄啟用。

人產(chǎn)用

圖上的箭頭圖標(biāo)(主菜單欄左數(shù)第三個(gè)圖標(biāo))表示子菜單,里面包含了一些附加功能的操作按鍵,而用戶想要關(guān)閉子菜單,還需要再觸碰原位置處的“X”圖標(biāo)。

盡管觸屏相較于傳統(tǒng)的操作配置更加靈活,但也有一個(gè)顯著的問(wèn)題:駕駛者不能獲得觸覺(jué)反饋——也就是說(shuō),要確定有沒(méi)有按到對(duì)應(yīng)的功能,還必須要分神,邊看邊操作。

物理控制器至少還能通過(guò)觸碰感覺(jué)到它的位置,而不太需要花費(fèi)太多注意力(就像音樂(lè)家可以邊彈鋼琴邊看樂(lè)譜,我們可以邊看屏幕邊打字),但想要觸碰虛擬按鍵,就必須要從視覺(jué)上確認(rèn)其位置所在。

虛擬按鍵都緊密排布在觸屏的菜單欄中,更何況還有二級(jí)子菜單,在多個(gè)界面點(diǎn)選功能要花費(fèi)更多的時(shí)間和注意力。而對(duì)于駕駛員來(lái)說(shuō),在車上的用戶界面投入了很多時(shí)間,就意味著不能全神貫注地關(guān)注路況和駕駛信息。

糟糕的按鈕設(shè)置

圖標(biāo)的位置太偏,導(dǎo)致操作時(shí)間變長(zhǎng)。

費(fèi)茨定律指出:指點(diǎn)觸碰到既定目標(biāo)的時(shí)間取決于兩個(gè)因素——目標(biāo)的大小以及與目標(biāo)之間的距離。因此,配置在離駕駛員初始位置較遠(yuǎn)的控制按鈕,相較于手邊的控制按鈕需要花費(fèi)更多的時(shí)間來(lái)碰到。

上一輩人學(xué)車的時(shí)候,標(biāo)準(zhǔn)的控制開(kāi)關(guān)都在方向盤2點(diǎn)鐘到10點(diǎn)鐘的位置內(nèi),而隨著安全氣囊和小型方向盤日漸流行,美國(guó)國(guó)家公路交通安全管理局(NHTSA)提出最安全的控制開(kāi)關(guān)要配置在3-9點(diǎn)鐘區(qū)間內(nèi)(相當(dāng)于方向盤下半部分)。

無(wú)論是上面哪種配置,對(duì)于特斯拉車型來(lái)說(shuō),觸摸屏上最佳的操作位置都應(yīng)該是屏幕中部偏左的位置,因?yàn)檫@樣最接近駕駛員的右手。然而,特斯拉Model S車型的觸控按鈕都放在17英寸大屏最下面那一欄,操控體驗(yàn)非常不友好,尤其是大屏幕右下方的按鈕。

人產(chǎn)用

特斯拉第9版操作系統(tǒng)把控制菜單放在離駕駛員手位很遠(yuǎn)的位置,上圖中的紅色箭頭就是從方向盤3點(diǎn)鐘位置到控制區(qū)的距離,可以說(shuō)是很難以操作了。

控制菜單放在屏幕最下欄,還會(huì)讓駕駛員不得不把視線從擋風(fēng)玻璃移向觸摸屏,一旦路面上出現(xiàn)突發(fā)情況,駕駛員都無(wú)暇顧及。

按理說(shuō),操控菜單里最常被使用到的功能應(yīng)該最容易被找到,然而特斯拉在控制按鈕的安排上更是令人費(fèi)解。

人產(chǎn)用

放在第一個(gè)的按鈕竟然是車輛的個(gè)性化設(shè)置,這個(gè)功能通常很少在行駛過(guò)程中打開(kāi)。

而后視攝像頭(非常重要的一個(gè)功能,北美要求換道和轉(zhuǎn)彎時(shí)側(cè)頭看確保盲區(qū)無(wú)車。這一功能解決了一般汽車后窗被座椅遮擋的問(wèn)題)和電話功能卻被放置在箭頭表示的附加功能子菜單里,這兩個(gè)功能竟然沒(méi)有被放在首要的位置,甚至在附加功能子菜單中都沒(méi)能排在前幾個(gè),取而代之的是日歷、油量、網(wǎng)頁(yè)瀏覽器等功能被放在了最前面。試想,在駕駛過(guò)程中你到底是日歷用得多,還是后視攝像頭用得多?

圖標(biāo)太小

另一個(gè)影響操作時(shí)間的因素是按鈕的大?。猴@然按鈕設(shè)計(jì)得越大,越容易更快地觸碰到。

然而,第9版操作系統(tǒng)中,特斯拉卻進(jìn)一步縮小了圖標(biāo),或許是為了在菜單欄中放下更多的功能,第8版中只有7個(gè)按鈕,而第9版有10-11個(gè)。

功能越來(lái)越豐富是許多移動(dòng)設(shè)計(jì)師追求的目標(biāo),但這卻并不意味著設(shè)計(jì)更完美。

人產(chǎn)用

媒體播放器的控制鍵(播放/暫停、喜歡、下一首等)比推薦的1cm*1cm觸控按鈕規(guī)格還要小,然而播放器下面的選項(xiàng)卡(廣播、流媒體、電話等)就設(shè)計(jì)的相當(dāng)大(包含了圖標(biāo)和標(biāo)簽——這倒是非常值得推崇的一種做法)。

誤觸的可能性很大

由于操控按鈕設(shè)計(jì)得非常緊湊,有時(shí)候很容易就點(diǎn)選到了其他功能。

例如:我經(jīng)常在想要打開(kāi)空調(diào)開(kāi)關(guān)的時(shí)候,不小心打開(kāi)了座椅加熱功能,而且座椅按鈕和附加功能按鈕離得也非常近,如果駕駛員想通過(guò)上劃小箭頭圖標(biāo)打開(kāi)其他功能(可能是受iOS系統(tǒng)的手勢(shì)控制啟發(fā)),就很容易碰到座椅加熱的按鈕。

人產(chǎn)用

從上圖可以看到:座椅加熱功能和附加功能緊靠在一起,像圖中紅色箭頭所示,通過(guò)上劃可以打開(kāi)附加功能。同時(shí),右邊又是車內(nèi)溫度調(diào)節(jié)按鈕,座椅加熱功能非常容易被誤觸打開(kāi)。

地圖影響信息可讀性

如果要通過(guò)屏幕給駕駛員提供相關(guān)信息,首先要保證屏幕上出現(xiàn)的信息清晰易讀,在不同的光照條件下都能清楚看到。如果字體太小、背景雜亂或是文本與背景反差度太小,都不能很好地滿足使用的要求。

然而,特斯拉的地圖界面永遠(yuǎn)都放置在大屏幕上,始終會(huì)作為其他應(yīng)用的背景。其結(jié)果就是:屏幕最上方的狀態(tài)欄很難看清,因?yàn)橹車际堑貓D信息。此外,如果剛好應(yīng)用窗口之間的背景是非常明亮的地圖道路,就會(huì)從視覺(jué)上帶來(lái)干擾,就像下方的屏幕截圖顯示的那樣。

更糟糕的是:所有的應(yīng)用都不能被置于屏幕頂端,所以駕駛員不得不在屏幕頂端一小塊地圖背景上辨識(shí)狀態(tài)欄的信息。

地圖作為屏幕背景還有一個(gè)問(wèn)題,會(huì)影響駕駛員對(duì)其他應(yīng)用的操作——例如:你想要放大某個(gè)應(yīng)用的窗口界面,那么你必須要按住應(yīng)用的邊框來(lái)拖動(dòng),一旦你不小心手指點(diǎn)到了窗口之外,操作系統(tǒng)會(huì)默認(rèn)你在操作地圖界面,而不是這個(gè)應(yīng)用。

人產(chǎn)用

地圖是所有應(yīng)用的背景,潛在地會(huì)影響其他應(yīng)用的展示效果,同時(shí)也會(huì)對(duì)其他應(yīng)用的操作帶來(lái)不便。上圖中紅色的路況信息,也會(huì)讓駕駛員在瀏覽應(yīng)用信息的時(shí)候受到不相關(guān)信息的干擾,而且日歷窗口的關(guān)閉還必須要點(diǎn)中“X”,不像音樂(lè)播放器可以通過(guò)下劃收起。

令人困擾的屏幕展示

駕駛特斯拉的時(shí)候,如果你想變道,可以用以下幾種方法:

  • 最傳統(tǒng)的方法,觀察后視鏡里的路況信息,左右側(cè)頭判斷旁邊的車道是否有來(lái)車。
  • 或通過(guò)后視攝像頭,在老版本的特斯拉操作系統(tǒng)中,你可以把后視攝像頭固定在觸屏的上方。但現(xiàn)在的版本里再也做不到了,要看攝像頭必須得把視線從道路移到屏幕上。
  • 通過(guò)附加功能里的變道輔助功能,當(dāng)你打開(kāi)了轉(zhuǎn)向燈,如果目標(biāo)車道有來(lái)車不能變道,那么屏幕上會(huì)顯示紅線警告(見(jiàn)下圖)。

人產(chǎn)用

操控面板上會(huì)提示駕駛員是否可以安全變道(第一張圖表示可以變道,第二張圖表示不可以變道),不過(guò)只有最近的兩條車道才會(huì)被顯示出來(lái)。

問(wèn)題在于:每一種方法提供的信息都是有限的,但駕駛員不可能把每一種方法都結(jié)合起來(lái)用,等你把幾個(gè)方法都挨著用完了,可能都到達(dá)目的地了。

因此,絕大多數(shù)人只會(huì)選用最省時(shí)省力的方法,你認(rèn)為哪一種最受青睞呢?

當(dāng)然是操作難度最低、交互時(shí)間最少的變道輔助系統(tǒng),因?yàn)橹灰愦蜷_(kāi)轉(zhuǎn)向燈,這個(gè)功能就會(huì)自動(dòng)跳出來(lái),幫助你判斷路況。

這是一個(gè)很好的范例,許多設(shè)計(jì)師都掙扎在怎么才能讓用戶學(xué)會(huì)使用新的功能,不妨學(xué)習(xí)一下特斯拉:只要你把功能設(shè)計(jì)得比之前所有方法都更加簡(jiǎn)單實(shí)用,并且在最恰當(dāng)?shù)臅r(shí)候展現(xiàn)給用戶,那么他們自然會(huì)對(duì)這個(gè)功能產(chǎn)生依賴。

那么,只要用戶能更快實(shí)現(xiàn)目的,就一定更好是嗎?

——這還是要取決于這個(gè)解決方案能保證在任何場(chǎng)景下都能有效實(shí)施。

事實(shí)上,特斯拉并不鼓勵(lì)完全依賴變道輔助,即便是特斯拉能夠大幅降低傳感器失靈的發(fā)生概率(發(fā)生的可能性還是大過(guò)你的想象),也難易非常準(zhǔn)確地向駕駛員展示清楚相關(guān)信息。

舉個(gè)例子:

如果你在三車道的道路上行駛,目前正位于最右側(cè)的車道,而你想要變道至中間的車道,那么首先你會(huì)打開(kāi)左轉(zhuǎn)向燈,屏幕也會(huì)告訴你左邊的車道可以變道;一旦當(dāng)你已經(jīng)變道至中間的車道,可能還沒(méi)來(lái)得及關(guān)掉左轉(zhuǎn)向燈,屏幕上就已經(jīng)變成了由中車道向左車道變道的相關(guān)信息,但是用戶有時(shí)并不見(jiàn)得清楚自己的位置已經(jīng)到哪里了。

因此,用戶很可能反復(fù)確認(rèn)屏幕,注意看有沒(méi)有出現(xiàn)紅色的警告線。如果變道到中間車道之后,左車道有來(lái)車,屏幕會(huì)顯示繼續(xù)向左變道的警告提示,用戶卻可能會(huì)誤解為不能變道——本來(lái)已經(jīng)完成變道,看到這個(gè)警告之后很可能慌慌張張地變回原來(lái)的右車道。

上面這個(gè)例子就點(diǎn)出了目前汽車設(shè)計(jì)者和生產(chǎn)廠商面臨的一個(gè)困境。新型汽車上搭載了許多新功能,像是自動(dòng)駕駛、變道輔助、碰撞檢測(cè)等,都有潛力逐步替代我們傳統(tǒng)的駕駛習(xí)慣。如果這些功能非常實(shí)用,比起我們?cè)隈{校學(xué)到的“左顧右盼”等方法更加簡(jiǎn)便易行,那么這些功能遲早會(huì)替代傳統(tǒng)方法。畢竟人類一直都在追求最省事的解決方案,這并不是因?yàn)槲覀儜?,而是提高效率的必然需求。我們?jīng)??吹接腥嗽谛滦推?yán)锘瘖y、玩游戲甚至補(bǔ)覺(jué),這是因?yàn)樾滦推囎屛覀冇X(jué)得這非常安全和方便。

作為設(shè)計(jì)者來(lái)說(shuō),我們的任務(wù)就在于給予用戶正確的心理導(dǎo)向,讓他們首先理解我們系統(tǒng)的運(yùn)作原理,告訴他們新型汽車簡(jiǎn)化駕駛流程帶來(lái)的好處,并不是以更高的駕駛風(fēng)險(xiǎn)作為代價(jià)的。

優(yōu)點(diǎn)

上面提到了很多特斯拉可以在用戶界面有所改進(jìn)的方面,但必須承認(rèn)特斯拉也有很多不能忽視的優(yōu)點(diǎn)。

1)大屏幕是個(gè)加分項(xiàng)

它讓駕駛員能同時(shí)打開(kāi)多個(gè)應(yīng)用窗口,盡管轉(zhuǎn)換應(yīng)用很讓人頭疼,各種選項(xiàng)讓人看花了眼。但不得不說(shuō),能同時(shí)兼顧后視攝像頭和地圖導(dǎo)航、影音播放,都讓駕駛更加容易。

駕駛本來(lái)就是一件需要全神貫注的事,駕駛員需要同時(shí)兼顧多方面的信息,如果能通過(guò)一塊屏幕獲取所有的信息,無(wú)疑會(huì)減少駕駛員的記憶負(fù)擔(dān)。遺憾的是,盡管這塊大屏幕的分屏顯示功能已經(jīng)問(wèn)世一段時(shí)間了,還是很少會(huì)有人同時(shí)打開(kāi)多個(gè)應(yīng)用窗口。

2)地圖軟件添加了特斯拉獨(dú)有的信息

盡管整個(gè)應(yīng)用是基于谷歌地圖設(shè)計(jì)的,但還額外為特斯拉用戶增加了特別功能:

  • 特斯拉專用的超級(jí)充電站會(huì)自動(dòng)顯示在地圖上。
  • 當(dāng)設(shè)定導(dǎo)航目的地時(shí),地圖軟件會(huì)自動(dòng)測(cè)算到達(dá)目的地后,電池還能剩余多少電量。
  • 導(dǎo)航功能可以為用戶提供共乘車道的相關(guān)導(dǎo)向信息。

人產(chǎn)用

地圖軟件會(huì)顯示沿途有多少個(gè)可用的充電站。

3)自動(dòng)駕駛和自動(dòng)導(dǎo)航系統(tǒng)能夠自動(dòng)識(shí)別復(fù)雜路況,在需要駕駛員密切關(guān)注的路段,會(huì)提示駕駛員手不離開(kāi)方向盤。

4)特斯拉隨時(shí)聯(lián)網(wǎng),可以及時(shí)進(jìn)行系統(tǒng)的更新。

這個(gè)功能可謂有利有弊,好處是系統(tǒng)中的漏洞可以被及時(shí)修復(fù),用戶遇到的問(wèn)題也會(huì)隨時(shí)聯(lián)網(wǎng)上傳。

不好的地方在于:用戶界面可能經(jīng)常會(huì)變動(dòng),用慣了上一個(gè)版本的用戶或許會(huì)不習(xí)慣新的操作,而且用戶還必須要信任生產(chǎn)廠商提供的都是經(jīng)過(guò)嚴(yán)格測(cè)試的安全系統(tǒng)。

結(jié)論

新型汽車都是強(qiáng)大的電腦系統(tǒng),能夠通過(guò)各種傳感器突破駕駛員的能力極限,還能通過(guò)豐富的功能讓汽車的駕駛體驗(yàn)更加便捷、享受。

但這一切的實(shí)現(xiàn)還需要一個(gè)前提,那就是汽車的設(shè)計(jì)者們必須要深諳計(jì)算機(jī)交互設(shè)計(jì)原理,從用戶心理和實(shí)用性原則出發(fā),設(shè)計(jì)出最實(shí)用的操作系統(tǒng)。

 

原作者:Raluca Budiu

原文鏈接:https://www.nngroup.com/articles/tesla-big-touchscreen/

翻譯:「即能」小程序,公眾號(hào):「即能Upskill」

本文由 @即能 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 看了下這牌你文章寫的比較早了,目前2024年來(lái)看,特斯拉的設(shè)計(jì)仍然有可以詬病的點(diǎn),但是所謂的特斯拉獨(dú)有的有點(diǎn)目前所有車輛基本都支撐了,所以特斯拉仍然已環(huán)保為說(shuō)辭不增加顯示屏我是不理解的,畢竟增加電子屏儀表盤從可控成本上花不了太多錢

    來(lái)自山東 回復(fù)
  2. 各功能的層級(jí)排布順序不僅僅取決于用戶體驗(yàn),還有考慮產(chǎn)品策略

    來(lái)自浙江 回復(fù)
  3. 智能汽車是往更多功能方向去走,更花哨,更容易使得用戶心癢無(wú)法專心開(kāi)車,這是一個(gè)矛盾。平衡這個(gè)矛盾是痛點(diǎn)

    回復(fù)
  4. 單看車載大屏使用場(chǎng)景的話,東風(fēng)風(fēng)神AX7的卡片設(shè)計(jì)以及蔚來(lái)NIO OS 2.0的快捷控制設(shè)計(jì)都非常貼合駕駛員,在方便找功能的同時(shí)設(shè)計(jì)的面積也足夠大,駕駛中的操作都比較自信、友好。在行駛中最重要的一個(gè)問(wèn)題是精確點(diǎn)擊對(duì)駕駛員來(lái)說(shuō)比較困難,因此如果有一些快捷的全局手勢(shì)操作,會(huì)更友好。類似的,特斯拉有一個(gè)做的好是空調(diào)溫度可以在不點(diǎn)擊進(jìn)入界面的情況下直接在底部滑動(dòng)調(diào)節(jié)。此外,除了觸摸屏,當(dāng)前各車廠非常重視的一個(gè)方向是語(yǔ)音操作,這在一定程度上能替代行駛中的屏幕操作,能夠更好的提升行車安全。畢竟從駕駛安全的角度來(lái)說(shuō),沒(méi)有車廠希望車主在行駛過(guò)程中將視線移到屏幕上。

    來(lái)自上海 回復(fù)