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

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

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

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

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

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

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

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

遵循用戶習(xí)慣進(jìn)行設(shè)計(jì)當(dāng)然是沒錯(cuò)的，若有更好的解決方案，改變能帶來(lái)更好的體驗(yàn)，切不可因?yàn)橛脩袅?xí)慣而拒絕改變。

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

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

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

二、用戶分析

1. 用戶群體

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

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

2. 用戶需求

基于 KANO模型用戶需求分類以及目前市場(chǎng)上汽車 HMI 的功能，整理出用戶的需求如下：

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

三、產(chǎn)品概述

1. 功能概述

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

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

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

2. 場(chǎng)景化設(shè)計(jì)

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

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

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

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

這些都是場(chǎng)景化設(shè)計(jì)的思路。

3. 人車交互

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

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

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

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

2點(diǎn)觸控：

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

3點(diǎn)觸控：

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

四、核心功能分析

1. 空調(diào)

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

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

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

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

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

2. 輔助駕駛

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

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

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

3. 自動(dòng)泊車

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

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

可能有的人會(huì)問，找到車位后為什么不能只按一個(gè)「Start」按鍵，就開始自動(dòng)泊車？原因可能是檔位控制桿不能自動(dòng)變檔，需要人工變檔，否則控制桿就與屏幕顯示不一致了。

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

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

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

五、總結(jié)

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

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

文章來(lái)源：微信公眾號(hào)「圓滾滾的設(shè)計(jì)」