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ì)」
全站高品質(zhì)素材免費(fèi)下載!