以特斯拉Model 3為例,分析汽車儀表的人機交互設計

Tesla Model 3,標志性意義的中控設計,成為汽車業(yè)內(nèi)一個顛覆式創(chuàng)新。采用極簡的內(nèi)飾設計,精簡了物理按鍵,甚至連儀表都不復存在,所有的一切控制都集中在中控大屏上。

接下來就讓我們一探究竟,聊聊 Model 3 的 HMI(Human Machine Interface)設計。

一、產(chǎn)品目標

從 Model S 開始,特斯拉就追求極簡,將空調(diào)、燈光設置等放到了17寸觸摸屏上。

4年后的 Model 3 精簡到了極致,方向盤上只有左右兩個滾軸。為什么要精簡物理按鍵,一方面是降低成本,開模也是挺貴的;另一方面內(nèi)飾設計是先于 HMI 設計的,有時候內(nèi)飾已經(jīng)設計好了,HMI 還未確定某個功能的交互,以至于某些按鍵會比較尷尬。

那么為了避免這類意外,采用可不斷更新迭代的軟件進行實現(xiàn),以解決物理按鈕不能空中修復,定死后再改變的成本非常大的問題。

當然肯定會有人說開車時,我去大屏上找按鍵點擊,視線離開道路還是很危險的。而對于物理按鍵,我可以根據(jù)肌肉記憶去點擊旋轉(zhuǎn)物理按鍵,比較安全。

時間回退到2007年 iPhone 發(fā)布,同樣沒有物理按鍵,當時也是激起千層浪。有的用戶說原來用諾基亞打字是可以盲打的,但后來的結(jié)果大家也是有目共睹的。

遵循用戶習慣進行設計當然是沒錯的,若有更好的解決方案,改變能帶來更好的體驗,切不可因為用戶習慣而拒絕改變。

再說去除儀表,只保留15寸的大屏,儀表信息顯示在大屏左邊,即駕駛員眼睛需要向右下角瞥才能看到車速,莫名的想到了 Google Glass,會不會出現(xiàn)同樣的吐槽,會不會有人去加裝 HUD,還得看 Model 3 大量交付后用戶使用情況。

有的觀點認為只保留大屏是在為自動駕駛做準備,1920*1200px的觸摸屏,減去底部導航欄的120px,整體內(nèi)容區(qū)域是1920*1080px,正好是標準視頻比例。這樣自動駕駛狀態(tài)下,車內(nèi)乘客就可以在這個大屏上播放視頻啦。

我的觀點是即使允許完全自動駕駛,車內(nèi)仍需要顯示行車信息及汽車觀察到的信息,建立安全感和信任感。而且自動駕駛并不能剝奪手動駕駛的體驗,而應該更加強化駕駛的體驗。

二、用戶分析

1. 用戶群體

今日頭條算數(shù)中心的一份《特斯拉Model3競品報告》給出了關(guān)注 Model 3 的一些用戶特征:

  • 年齡滲透:80后占主體的31-40歲用戶最為關(guān)注;
  • 地域滲透:集中在北京、廣東和江浙滬這三個中國經(jīng)濟最發(fā)達的區(qū)域,除了與經(jīng)濟發(fā)展水平相關(guān),也受到特斯拉體驗店分布的影響;
  • 用戶興趣:更加關(guān)注科技、數(shù)碼和財經(jīng)。

2. 用戶需求

基于 KANO模型用戶需求分類以及目前市場上汽車 HMI 的功能,整理出用戶的需求如下:

  • 基本型需求:車況基本信息、車輛基本控制、空調(diào);
  • 期望型需求:多媒體、手機電話、倒車影像、360環(huán)視;
  • 興奮型需求:輔助駕駛、自動泊車。

三、產(chǎn)品概述

1. 功能概述

Model 3 的15英寸屏幕整體上分成了:導航欄、狀態(tài)欄、車況信息區(qū)、內(nèi)容切換區(qū):

  • 導航欄:基本型功能的操作入口,這些功能以浮窗的形式在內(nèi)容切換區(qū)顯示;
  • 狀態(tài)欄:一些時間、信號、車鎖等狀態(tài)信息;
  • 車況信息區(qū):原來屬于儀表的一些信息,如駐車&行車相關(guān)的車門狀態(tài)、車速、警示燈等;由于該區(qū)域離駕駛員較近,所以還有些本屬于方向盤按鍵的功能,如雨刷、語音等;
  • 內(nèi)容切換區(qū):默認顯示地圖導航信息,其他的功能以浮窗的形式顯示。這是和榮威ERX5 的設計理念是相似的,汽車的本質(zhì)在于為消費者提供「位置服務」,地圖是位置的天然載體,所以采用以地圖為系統(tǒng)底圖,將所有服務「種植」在地圖上。

△ 表:中控功能&信息一覽

2. 場景化設計

由于刪減了很多實體按鍵,所有的信息展示和車輛控制都集合到了15寸的大屏。為了避免過高的信息密度,場景化設計便是 Model 3 最重要的思路,在不同的場景顯示不同的內(nèi)容,滿足當前場景下的功能需求。

車況信息區(qū):在駐車時顯示車門狀態(tài)、前后艙門開關(guān)和充電口開關(guān)。在行駛中顯示輔助駕駛相關(guān)信息。車速低于24km/h時自動尋找車位,然后用戶決定開始自動泊車。

再比如內(nèi)容切換區(qū):以地圖為底圖,在駕駛過程中,導航最重要,而多媒體只顯示少量信息在一個 mini欄,用戶往上滑動再多顯示些收藏的內(nèi)容,再往上滑動顯示更多的內(nèi)容。

另外,導航設置中有一項「Trip Planner」,可以根據(jù)電量情況把充電站點自動規(guī)劃到導航路線中。

這些都是場景化設計的思路。

3. 人車交互

Model 3 的人機交互有三種,物理按鍵:滾軸、左右控制桿;語音;觸屏。

拋棄傳統(tǒng)車型的思維模式,盡可能多的舍棄物理按鍵,大屏承載了幾乎所有的控制功能。方向盤上僅有的滾軸按鍵簡直復用到了極致。結(jié)合觸屏上的內(nèi)容切換,左滾軸可以控制音量增減、音樂切換、外后視鏡、方向盤(上/下,伸/縮),右滾輪可以控制語音喚醒、巡航車速和車距。

傳統(tǒng)車型保留物理按鍵是為了安全駕駛,用戶可以根據(jù)肌肉記憶去點擊/旋轉(zhuǎn)物理按鍵,而觸屏就需要用戶將視線離開道路在屏幕上找到按鍵。

Behance 上有位設計師 Michael Cherkashin 基于 Model 3 的 UI,在觸屏操作方式上根據(jù)駕駛者物理操作習慣嘗試設計了兩種操控方式:2點觸控和3點觸控。有些類似 Apple 的某些多點手勢操控,當然這只是一個嘗試,可行性還有待考量。

2點觸控:

  • 點擊屏幕播放和暫停
  • 旋轉(zhuǎn)控制音量
  • 橫向滑動快進
  • 上下滾動切換播放源

3點觸控:

  • 駕駛員一側(cè)旋轉(zhuǎn)調(diào)節(jié)整輛車的溫度
  • 乘客一側(cè)旋轉(zhuǎn)調(diào)節(jié)雙區(qū)空調(diào)
  • 上下滾動調(diào)節(jié)風量

四、核心功能分析

1. 空調(diào)

空調(diào)是汽車非常重要的一個功能,Model 3 前排空調(diào)的出風口是在中控臺木飾板上方的長條縫狀。

空調(diào)控制沒有物理按鍵,甚至沒有調(diào)出風口的撥片,所有的控制都繼承在屏內(nèi)。

空調(diào)設置與 Model S 大體一致,可以在導航欄直接調(diào)節(jié)溫度,但 Model 3 的導航欄高度為120px,個人覺得在上面增減溫度點擊區(qū)域有點小,不容易操作(費茲定律)。

另外不同的是這次導航欄沒有空調(diào)開關(guān),需要打開浮窗才能關(guān)空調(diào)。

而出風口的調(diào)節(jié)非常有意思,通過可視化的操作方式,上下左右無極調(diào)節(jié),可以2/3/4多個不同出風口。學習成本也非常低,這種可視化的操作方式比硬件的撥片更加靈活有趣。

2. 輔助駕駛

Model 3 這次把自適應巡航已經(jīng)作為一個「檔位」放在懷擋上啦,可以預見這也是為之后更高等級的自動駕駛做準備。

自動駕駛與「P、R、N、D」檔位設計成同一等級,在用戶心智模型和交互形式上都非常適當。其次,方向盤右滾軸上下調(diào)巡航車速,左右調(diào)巡航車距,在駕駛過程中的體驗也很流暢自然。

需要多說一句的是沒有開啟巡航時,右滾軸左右也可以調(diào)車距,但上下滾動是沒有其他響應的。

3. 自動泊車

上文在場景化設計中也有寫到,當車速低于24km/h時,系統(tǒng)會自動尋找車位,不需要用戶額外按 Autopark,不需要選擇車位類型,不需要選擇左邊還是右邊車位。用戶只想有個地方停車,管他橫的豎的左的右的。

這里的自動泊車就三步:剎車停止是為了 D檔轉(zhuǎn) R檔,掛 R檔位,點擊屏幕中的「Start」按鍵。

可能有的人會問,找到車位后為什么不能只按一個「Start」按鍵,就開始自動泊車?原因可能是檔位控制桿不能自動變檔,需要人工變檔,否則控制桿就與屏幕顯示不一致了。

自動泊車過程中,界面設計上為什么要做成車固定不動,而車位在移動?這個問題當時也跟同事爭論了很久。

雖然按照物理模型,車在向著車位移動,但是對于用戶的心智模型來說,我坐在車內(nèi),那么車才是參照物,我眼前呈現(xiàn)的是環(huán)境在變化——這樣的一一對應關(guān)系才應該是合理的。

其次還有個小問題是在體驗過程中,當找到車位后,屏幕出現(xiàn)的車位「P」樣式,駕駛員下意識的就去點擊,其實點擊圖中的「P」是沒用的。

五、總結(jié)

Model 3 的 HMI設計注重場景化設計,在安全駕駛的前提下設計了新的交互方式,為我們提供了新的設計思路。當然這個創(chuàng)新是否有效,還得等待用戶反饋和市場檢驗。

新能源汽車、互聯(lián)網(wǎng)汽車浪潮下,諸如特斯拉這樣的野蠻人破門而入,掀翻了傳統(tǒng)車企的飯桌后破窗而出。革新的野蠻人步伐很快,飯桌上的人也得把步子邁大去追趕上,否則只能望塵莫及。

 

 

文章來源:微信公眾號「圓滾滾的設計」

每天更新,
全站高品質(zhì)素材免費下載!