超全面!特斯拉車載人機互動設計分析
Tesla Model 3,標誌性意義的中控設計,成為汽車業內一個顛覆式創新。採用極簡的內飾設計,精簡了物理按鍵,甚至連儀表都不復存在,所有的一切控制都集中在中控大屏上。
接下來就讓我們一探究竟,聊聊 Model 3 的 HMI(Human Machine Interface)設計。
一、產品目標
從 Model S 開始,特斯拉就追求極簡,將空調、燈光設定等放到了17寸觸控式螢幕上。
4年後的 Model 3 精簡到了極致,方向盤上只有左右兩個滾軸。為什麼要精簡物理按鍵,一方面是降低成本,開模也是挺貴的;另一方面內飾設計是先於 HMI 設計的,有時候內飾已經設計好了,HMI 還未確定某個功能的互動,以至於某些按鍵會比較尷尬。
那麼為了避免這類意外,採用可不斷更新迭代的軟體進行實現,以解決物理按鈕不能空中修復,定死後再改變的成本非常大的問題。
當然肯定會有人說開車時,我去大屏上找按鍵點選,視線離開道路還是很危險的。而對於物理按鍵,我可以根據肌肉記憶去點選旋轉物理按鍵,比較安全。
時間回退到2007年 iPhone 釋出,同樣沒有物理按鍵,當時也是激起千層浪。有的使用者說原來用諾基亞打字是可以盲打的,但後來的結果大家也是有目共睹的。
遵循使用者習慣進行設計當然是沒錯的,若有更好的解決方案,改變能帶來更好的體驗,切不可因為使用者習慣而拒絕改變。
再說去除儀表,只保留15寸的大屏,儀表資訊顯示在大屏左邊,即駕駛員眼睛需要向右下角瞥才能看到車速,莫名的想到了 Google Glass,會不會出現同樣的吐槽,會不會有人去加裝 HUD,還得看 Model 3 大量交付後用戶使用情況。
有的觀點認為只保留大屏是在為自動駕駛做準備,1920*1200px的觸控式螢幕,減去底部導航欄的120px,整體內容區域是1920*1080px,正好是標準視訊比例。這樣自動駕駛狀態下,車內乘客就可以在這個大屏上播放視訊啦。
我的觀點是即使允許完全自動駕駛,車內仍需要顯示行車資訊及汽車觀察到的資訊,建立安全感和信任感。而且自動駕駛並不能剝奪手動駕駛的體驗,而應該更加強化駕駛的體驗。
二、使用者分析
1. 使用者群體
今日頭條算數中心的一份《特斯拉Model3競品報告》給出了關注 Model 3 的一些使用者特徵:
- 年齡滲透:80後佔主體的31-40歲使用者最為關注;
- 地域滲透:集中在北京、廣東和江浙滬這三個中國經濟最發達的區域,除了與經濟發展水平相關,也受到特斯拉體驗店分佈的影響;
- 使用者興趣:更加關注科技、數碼和財經。
2. 使用者需求
基於 KANO模型使用者需求分類以及目前市場上汽車 HMI 的功能,整理出使用者的需求如下:
- 基本型需求:車況基本資訊、車輛基本控制、空調;
- 期望型需求:多媒體、手機電話、倒車影像、360環視;
- 興奮型需求:輔助駕駛、自動泊車。
三、產品概述
1. 功能概述
Model 3 的15英寸螢幕整體上分成了:導航欄、狀態列、車況資訊區、內容切換區:
- 導航欄:基本型功能的操作入口,這些功能以浮窗的形式在內容切換區顯示;
- 狀態列:一些時間、訊號、車鎖等狀態資訊;
- 車況資訊區:原來屬於儀表的一些資訊,如駐車&行車相關的車門狀態、車速、警示燈等;由於該區域離駕駛員較近,所以還有些本屬於方向盤按鍵的功能,如雨刷、語音等;
- 內容切換區:預設顯示地圖導航資訊,其他的功能以浮窗的形式顯示。這是和榮威ERX5 的設計理念是相似的,汽車的本質在於為消費者提供「位置服務」,地圖是位置的天然載體,所以採用以地圖為系統底圖,將所有服務「種植」在地圖上。
△ 表:中控功能&資訊一覽
2. 場景化設計
由於刪減了很多實體按鍵,所有的資訊展示和車輛控制都集合到了15寸的大屏。為了避免過高的資訊密度,場景化設計便是 Model 3 最重要的思路,在不同的場景顯示不同的內容,滿足當前場景下的功能需求。
車況資訊區:在駐車時顯示車門狀態、前後艙門開關和充電口開關。在行駛中顯示輔助駕駛相關資訊。車速低於24km/h時自動尋找車位,然後使用者決定開始自動泊車。
再比如內容切換區:以地圖為底圖,在駕駛過程中,導航最重要,而多媒體只顯示少量資訊在一個 mini欄,使用者往上滑動再多顯示些收藏的內容,再往上滑動顯示更多的內容。
另外,導航設定中有一項「Trip Planner」,可以根據電量情況把充電站點自動規劃到導航路線中。
這些都是場景化設計的思路。
3. 人車互動
Model 3 的人機互動有三種,物理按鍵:滾軸、左右控制桿;語音;觸屏。
拋棄傳統車型的思維模式,儘可能多的捨棄物理按鍵,大屏承載了幾乎所有的控制功能。方向盤上僅有的滾軸按鍵簡直複用到了極致。結合觸屏上的內容切換,左滾軸可以控制音量增減、音樂切換、外後視鏡、方向盤(上/下,伸/縮),右滾輪可以控制語音喚醒、巡航車速和車距。
傳統車型保留物理按鍵是為了安全駕駛,使用者可以根據肌肉記憶去點選/旋轉物理按鍵,而觸屏就需要使用者將視線離開道路在螢幕上找到按鍵。
Behance 上有位設計師 Michael Cherkashin 基於 Model 3 的 UI,在觸屏操作方式上根據駕駛者物理操作習慣嘗試設計了兩種操控方式:2點觸控和3點觸控。有些類似 Apple 的某些多點手勢操控,當然這只是一個嘗試,可行性還有待考量。
2點觸控:
- 點選螢幕播放和暫停
- 旋轉控制音量
- 橫向滑動快進
- 上下滾動切換播放源
3點觸控:
- 駕駛員一側旋轉調節整輛車的溫度
- 乘客一側旋轉調節雙區空調
- 上下滾動調節風量
四、核心功能分析
1. 空調
空調是汽車非常重要的一個功能,Model 3 前排空調的出風口是在中控臺木飾板上方的長條縫狀。
空調控制沒有物理按鍵,甚至沒有調出風口的撥片,所有的控制都繼承在屏內。
空調設定與 Model S 大體一致,可以在導航欄直接調節溫度,但 Model 3 的導航欄高度為120px,個人覺得在上面增減溫度點選區域有點小,不容易操作(費茲定律)。
另外不同的是這次導航欄沒有空調開關,需要開啟浮窗才能關空調。
而出風口的調節非常有意思,通過視覺化的操作方式,上下左右無極調節,可以2/3/4多個不同出風口。學習成本也非常低,這種視覺化的操作方式比硬體的撥片更加靈活有趣。
2. 輔助駕駛
Model 3 這次把自適應巡航已經作為一個「檔位」放在懷擋上啦,可以預見這也是為之後更高等級的自動駕駛做準備。
自動駕駛與「P、R、N、D」檔位設計成同一等級,在使用者心智模型和互動形式上都非常適當。其次,方向盤右滾軸上下調巡航車速,左右調巡航車距,在駕駛過程中的體驗也很流暢自然。
需要多說一句的是沒有開啟巡航時,右滾軸左右也可以調車距,但上下滾動是沒有其他響應的。
3. 自動泊車
上文在場景化設計中也有寫到,當車速低於24km/h時,系統會自動尋找車位,不需要使用者額外按 Autopark,不需要選擇車位型別,不需要選擇左邊還是右邊車位。使用者只想有個地方停車,管他橫的豎的左的右的。
這裡的自動泊車就三步:剎車停止是為了 D檔轉 R檔,掛 R檔位,點選螢幕中的「Start」按鍵。
可能有的人會問,找到車位後為什麼不能只按一個「Start」按鍵,就開始自動泊車?原因可能是檔位控制桿不能自動變檔,需要人工變檔,否則控制桿就與螢幕顯示不一致了。
自動泊車過程中,介面設計上為什麼要做成車固定不動,而車位在移動?這個問題當時也跟同事爭論了很久。
雖然按照物理模型,車在向著車位移動,但是對於使用者的心智模型來說,我坐在車內,那麼車才是參照物,我眼前呈現的是環境在變化——這樣的一一對應關係才應該是合理的。
其次還有個小問題是在體驗過程中,當找到車位後,螢幕出現的車位「P」樣式,駕駛員下意識的就去點選,其實點選圖中的「P」是沒用的。
五、總結
Model 3 的 HMI設計注重場景化設計,在安全駕駛的前提下設計了新的互動方式,為我們提供了新的設計思路。當然這個創新是否有效,還得等待使用者反饋和市場檢驗。
新能源汽車、網際網路汽車浪潮下,諸如特斯拉這樣的野蠻人破門而入,掀翻了傳統車企的飯桌後破窗而出。革新的野蠻人步伐很快,飯桌上的人也得把步子邁大去追趕上,否則只能望塵莫及。
參考資料
- 今日頭條算數中心:特斯拉Model3競品報告
- 與阿里+上汽定義智慧汽車
- ofollow,noindex" target="_blank">https://www.behance.net/gallery/58892291/Tesla-Model-3-User-Interface
歡迎關注作者的微信公眾號:「圓滾滾的設計」