不在變革中革新遵馆，就在變革中消亡鲸郊。
特斯拉，蘋果后時(shí)代最激進(jìn)的革新者货邓。本來計(jì)劃這周寫一下WWDC大會(huì)秆撮，但看了一下WWDC速報(bào)，著實(shí)沒有什么新意换况，就沒有想法啦职辨。恰巧上周體驗(yàn)了一下Tesla Model 3，標(biāo)志性意義的中控設(shè)計(jì)戈二，成為汽車業(yè)內(nèi)一個(gè)顛覆式創(chuàng)新舒裤，采用極簡(jiǎn)的內(nèi)飾設(shè)計(jì)，精簡(jiǎn)了物理按鍵觉吭，甚至連儀表都不復(fù)存在腾供，所有的一切控制都集中在中控大屏上。接下來就讓我們一探究竟，聊聊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í)也是激起千層浪艳狐，有的用戶說原來用諾基亞我打字是可以盲打的定硝，但后來的結(jié)果大家也是有目共睹的。
遵循用戶習(xí)慣進(jìn)行設(shè)計(jì)當(dāng)然是沒錯(cuò)的毫目，若有更好的解決方案蔬啡，改變能帶來更好的體驗(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)南用。
用戶分析
# 用戶群體
今日頭條算數(shù)中心的一份《特斯拉Model3競(jìng)品報(bào)告》給出了關(guān)注Model 3的一些用戶特征：
? ? · 年齡滲透：80后占主體的31-40歲用戶最為關(guān)注；
? ? · 地域滲透：集中在北京掏湾、廣東和江浙滬這三個(gè)中國經(jīng)濟(jì)最發(fā)達(dá)的區(qū)域裹虫，除了與經(jīng)濟(jì)發(fā)展水平相關(guān)，也受到特斯拉體驗(yàn)店分布的影響融击；
? ? · 用戶興趣：更加關(guān)注科技筑公、數(shù)碼和財(cái)經(jīng)。
# 用戶需求
基于KANO模型用戶需求分類以及目前市場(chǎng)上汽車HMI的功能尊浪，整理出用戶的需求如下：
? ? · 基本型需求：車況基本信息匣屡、車輛基本控制、空調(diào)拇涤；
? ? · 期望型需求：多媒體耸采、手機(jī)電話、倒車影像工育、360環(huán)視虾宇；
? ? · 興奮型需求：輔助駕駛、自動(dòng)泊車如绸。
產(chǎn)品概述
# 功能概述
Model 3 的15英寸屏幕整體上分成了：導(dǎo)航欄嘱朽、狀態(tài)欄、車況信息區(qū)怔接、內(nèi)容切換區(qū)：
? ? · 導(dǎo)航欄：基本型功能的操作入口搪泳，這些功能以浮窗的形式在內(nèi)容切換區(qū)顯示；
? ? · 狀態(tài)欄：一些時(shí)間扼脐、信號(hào)岸军、車鎖等狀態(tài)信息奋刽；
? ? · 車況信息區(qū)：原來屬于儀表的一些信息，如駐車&行車相關(guān)的車門狀態(tài)艰赞、車速佣谐、警示燈等，由于該區(qū)域離駕駛員較近方妖，所以還有些本屬于方向盤按鍵的功能狭魂，如雨刷、語音等党觅；
????· 內(nèi)容切換區(qū)：默認(rèn)顯示地圖導(dǎo)航信息雌澄，其他的功能以浮窗的形式顯示。這是和榮威ERX5的設(shè)計(jì)理念是相似的杯瞻，汽車的本質(zhì)在于為消費(fèi)者提供“位置服務(wù)”镐牺，地圖是位置的天然載體，所以采用以地圖為系統(tǒng)底圖魁莉，將所有服務(wù)“種植”在地圖上睬涧。
# 場(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ì)的思路攒读。
# 人車交互
Model 3 的人機(jī)交互有三種：物理按鍵：滾軸、左右控制桿辛友；語音薄扁；觸屏
拋棄傳統(tǒng)車型的思維范式，盡可能多的舍棄物理按鍵，大屏承載了幾乎所有的控制功能邓梅。方向盤上僅有的滾軸按鍵簡(jiǎn)直復(fù)用到了極致脱盲。結(jié)合觸屏上的內(nèi)容切換，左滾軸可以控制音量增減震放、音樂切換宾毒、外后視鏡、方向盤（上/下殿遂，伸/縮）诈铛，右滾輪可以控制語音喚醒、巡航車速和車距墨礁。
傳統(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)量
核心功能分析
# 空調(diào)
空調(diào)是汽車非常重要的一個(gè)功能级乐，Model 3 前排空調(diào)的出風(fēng)口是在中控臺(tái)木飾板上方的長條縫狀疙咸。空調(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é)非常有意思，通過可視化的操作方式豫领，上下左右無極調(diào)節(jié)抡柿，可以2/3/4多個(gè)不同出風(fēng)口。學(xué)習(xí)成本也非常低等恐，這種可視化的操作方式比硬件的撥片更加靈活有趣洲劣。
# 輔助駕駛
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)的。
# 自動(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ì)于用戶的心智模型來說赔蒲，我坐在車內(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如特斯拉這樣的野蠻人破門而入嫉髓，掀翻了傳統(tǒng)車企的飯桌后破窗而出。革新的野蠻人步伐很快邑闲，飯桌上的人就算扯著蛋也得把步子邁大去追趕上算行，否則只能望塵莫及。
# 參考資料
[1] 今日頭條算數(shù)中心：特斯拉Model3競(jìng)品報(bào)告
[2] 與阿里+上汽定義智能汽車
[3]https://www.behance.net/gallery/58892291/Tesla-Model-3-User-Interface
