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

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

一、產(chǎn)品目標(biāo)

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

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

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

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

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

遵循用戶習(xí)慣進行設(shè)計當(dāng)然是沒錯的，若有更好的解決方案，改變能帶來更好的體驗，切不可因為用戶習(xí)慣而拒絕改變。

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

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

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

二、用戶分析

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英寸屏幕整體上分成了：導(dǎo)航欄、狀態(tài)欄、車況信息區(qū)、內(nèi)容切換區(qū)：

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

表：中控功能&信息一覽

2. 場景化設(shè)計

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

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

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

另外，導(dǎo)航設(shè)置中有一項“Trip Planner”，可以根據(jù)電量情況把充電站點自動規(guī)劃到導(dǎo)航路線中。

這些都是場景化設(shè)計的思路。

3. 人車交互

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

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

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

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

2點觸控：

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

3點觸控

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

四、核心功能分析

1. 空調(diào)

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

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

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

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

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

2. 輔助駕駛

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

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

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

3. 自動泊車

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

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

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

自動泊車過程中，界面設(shè)計上為什么要做成車固定不動，而車位在移動？這個問題當(dāng)時也跟同事爭論了很久。

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

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

五、總結(jié)

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

新能源汽車、互聯(lián)網(wǎng)汽車?yán)顺毕拢T如特斯拉這樣的野蠻人破門而入，掀翻了傳統(tǒng)車企的飯桌后破窗而出。革新的野蠻人步伐很快，飯桌上的人就算扯著蛋也得把步子邁大去追趕上，否則只能望塵莫及。

參考資料

[1] 今日頭條算數(shù)中心：特斯拉Model3競品報告

[2] 與阿里+上汽定義智能汽車

[3] https://www.behance.net/gallery/58892291/Tesla-Model-3-User-Interface

作者：舟航，微信公眾號：圓滾滾的設(shè)計

本文由 @舟航 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載