他來(lái)了～ 他來(lái)了～ 一個(gè)月時(shí)間的打磨，不知道熬了多少次通宵了
為了輸出這篇競(jìng)品分析文章，我也是夠拼了，利用周末的休假時(shí)間，預(yù)約這四家 4S 店進(jìn)行試駕，并進(jìn)行對(duì)車(chē)輛的拍照，和銷(xiāo)售對(duì)話(huà)的錄音等獲取到一手資料，再去做分析、總結(jié)這一次的探索。
大家很好奇我為什么想做一份 HMI 的競(jìng)品分析呢？ 因?yàn)槲蚁胱龅谝粋€(gè)發(fā)表實(shí)戰(zhàn)演練的 HMI 競(jìng)品分析報(bào)告，大家可以去搜索一下百度、知乎都沒(méi)辦法搜索到直接可用的信息，我在寫(xiě)每一篇文章的初衷，就是想彌補(bǔ) HMI 行業(yè)的內(nèi)容，將繁瑣的知識(shí)通過(guò)我寫(xiě)的文章，能夠讓我的讀者們通俗易懂，能夠敢于跨入這個(gè)行業(yè)中去。
這篇文章的主要的核心就是實(shí)戰(zhàn)演練為主，有關(guān)于競(jìng)品分析的基礎(chǔ)認(rèn)知我這邊就不過(guò)多和大家闡述了，競(jìng)品分析的方法論等等內(nèi)容，我就不一一列舉，我會(huì)直接穿插到這篇文章中去，作為實(shí)戰(zhàn)演練的一部分。
剛開(kāi)始我和大家一樣，想要做一份競(jìng)品分析報(bào)告但由于實(shí)戰(zhàn)經(jīng)驗(yàn)不足，就會(huì)打開(kāi)各大網(wǎng)站搜索相關(guān)的信息，但關(guān)于車(chē)載 HMI 的競(jìng)品分析少之又少，根本毫無(wú)頭緒，因此我就立馬轉(zhuǎn)換策略，先從競(jìng)品分析基礎(chǔ)知識(shí)開(kāi)始學(xué)習(xí)，再去結(jié)合 HMI 的內(nèi)容去實(shí)施，輸出報(bào)告。
我想很多設(shè)計(jì)師也有一個(gè)這樣的需求，就是想做一份側(cè)重點(diǎn)在于設(shè)計(jì)的競(jìng)品分析報(bào)告，而不是長(zhǎng)篇大論什么用戶(hù)體驗(yàn)五要素，戰(zhàn)略層和范圍層這些都是我們沒(méi)有話(huà)語(yǔ)權(quán)去定奪的，只能去參與會(huì)議聽(tīng)取內(nèi)容而已，但不代表它們對(duì)于我們?cè)O(shè)計(jì)師不重要，除非你不想當(dāng)“將軍”。所以這篇文章實(shí)戰(zhàn)演練的側(cè)重點(diǎn)會(huì)偏向于站在設(shè)計(jì)師的角度去考慮做一份 HMI 競(jìng)品分析報(bào)告，本文將從表現(xiàn)層、框架層、結(jié)構(gòu)層出發(fā)。
我的宗旨就是 → 所謂一份好的競(jìng)品分析報(bào)告能夠達(dá)到易讀易懂、簡(jiǎn)單直接即可，能說(shuō)明問(wèn)題就行。
那就開(kāi)始吧～ 給我可愛(ài)的小讀者們直接上干貨，走 ni～
我們來(lái)看一下設(shè)計(jì)師是在哪個(gè)階段需要參與到競(jìng)品分析中去，設(shè)計(jì)師的競(jìng)品分析和產(chǎn)品經(jīng)理輸出的競(jìng)品分析側(cè)重點(diǎn)會(huì)有所不同，除了確定好競(jìng)品，了解他的商業(yè)背景后，設(shè)計(jì)師會(huì)從用戶(hù)路徑拆解和交互維度分析，最后再視覺(jué)層分析，就是所謂的 #用戶(hù)體驗(yàn)五要素# 中的表現(xiàn)層、框架層、結(jié)構(gòu)層。
產(chǎn)品研發(fā)過(guò)程：一般是項(xiàng)目開(kāi)始立項(xiàng)后 → 接下來(lái)是項(xiàng)目需求輸出（PM） → 再到后來(lái)就是產(chǎn)品設(shè)計(jì)（UX/UI） → 后續(xù)就是研發(fā)開(kāi)發(fā)上線(xiàn)（程序） → 最后安排期 HMI系統(tǒng)升級(jí)迭代（OTA升級(jí)）。
先打個(gè)預(yù)防針 一開(kāi)始做競(jìng)品分析報(bào)告，我們應(yīng)該更注重的是有針對(duì)性和目的性的對(duì)比。
在做對(duì)比內(nèi)容的時(shí)候，就是要帶有強(qiáng)力的目的性的，然后在針對(duì)功能和界面進(jìn)行分析。做競(jìng)品分析報(bào)告切記不能在沒(méi)有目的的情況下去做分析，如果這樣去做分析，最后分析的內(nèi)容深度會(huì)相對(duì)比較欠缺些。
所以分析競(jìng)爭(zhēng)對(duì)手產(chǎn)品的整體定位、產(chǎn)品策略，找到新的切入點(diǎn)，切入點(diǎn)也可以從產(chǎn)品架構(gòu)、交互設(shè)計(jì)、視覺(jué)表現(xiàn)等方面來(lái)進(jìn)行，讓自己的產(chǎn)品有著合理的規(guī)劃。注意點(diǎn)：既然我們選擇去做了分析，那必然就要去得出結(jié)論。不能將競(jìng)品分析寫(xiě)成產(chǎn)品分析或者是說(shuō)明書(shū)。
我在后半段競(jìng)品分析實(shí)戰(zhàn)演練中，會(huì)加入很多結(jié)論和個(gè)人的想法
就是和自己做的產(chǎn)品產(chǎn)生直接競(jìng)爭(zhēng)關(guān)系，在使用場(chǎng)景、產(chǎn)品的功能點(diǎn)和目標(biāo)用戶(hù)群體一致，這次競(jìng)品分析報(bào)告中就著重做介紹，直接競(jìng)品就是一些車(chē)廠(chǎng)比如特斯拉、小鵬、蔚來(lái)、理想、比亞迪等頭部的新能源汽車(chē)品牌。
1. 間接競(jìng)品
產(chǎn)品在功能方面與你是一個(gè)互補(bǔ)的關(guān)系狀態(tài)，市場(chǎng)的目標(biāo)用戶(hù)群高度類(lèi)似，后續(xù)可能會(huì)搶占你的市場(chǎng)份額，所謂敵人的敵人就是朋友，因此在你的項(xiàng)目進(jìn)行中也可以選擇與他達(dá)成合作關(guān)系，在 HMI 行業(yè)中有很多就是這樣的一起創(chuàng)辦一個(gè)聯(lián)合研發(fā)中心。
舉個(gè)例子：
V2X 領(lǐng)域（車(chē)用無(wú)線(xiàn)通信技術(shù)）
這是國(guó)內(nèi) TOP → 梧桐車(chē)聯(lián)的TINNOVE V2X、東軟集團(tuán)的VeTalk V2X、中科創(chuàng)達(dá)的C-V2X等
V2X 是我第一次提到，那我就簡(jiǎn)單的介紹一下，所謂 V2X，vehicle to everything，即車(chē)對(duì)外界的信息交換。車(chē)聯(lián)網(wǎng)通過(guò)整合全球定位系統(tǒng)（GPS）導(dǎo)航技術(shù)、車(chē)對(duì)車(chē)交流技術(shù)、無(wú)線(xiàn)通信及遠(yuǎn)程感應(yīng)技術(shù)奠定了新的汽車(chē)技術(shù)發(fā)展方向，實(shí)現(xiàn)了手動(dòng)駕駛和自動(dòng)駕駛的兼容，通俗易懂來(lái)說(shuō)，搭配了該系統(tǒng)的車(chē)型，在自動(dòng)駕駛模式下，能夠通過(guò)對(duì)實(shí)時(shí)交通信息的分析，自動(dòng)選擇路況最佳的行駛路線(xiàn)，從而大大緩解交通堵塞。除此之外，通過(guò)使用車(chē)載傳感器和攝像系統(tǒng)，還可以感知周?chē)h(huán)境，做出迅速調(diào)整，從而實(shí)現(xiàn)“零交通事故”。比如：如果行人突然出現(xiàn)，可以自動(dòng)減速至安全速度或停車(chē)。
又到了我強(qiáng)項(xiàng)的領(lǐng)域了 “搜商” 車(chē)載的競(jìng)品分析收集的數(shù)據(jù)、行業(yè)資訊與其他的會(huì)往往不同，由于他的深度比較廣想要精通一個(gè)內(nèi)容，需要搜尋很多資料作為參考依據(jù)，這個(gè)我深有體會(huì)，假設(shè)我想了解輔助駕駛這塊內(nèi)容，搜索出來(lái)的信息甚至比我大學(xué)讀過(guò)的書(shū)還多，好了，介紹一下我搜索的信息的好辦法。
1. 預(yù)約 4S 門(mén)店試駕
想要拿到一手資料，體驗(yàn)最新 OTA 升級(jí)相關(guān)內(nèi)容，那么你就跟我一樣去預(yù)約 4S 店去試駕，這是最簡(jiǎn)單最直接，效果也是最好的，但是需要復(fù)盤(pán)的內(nèi)容和前期準(zhǔn)備工作會(huì)比較繁瑣，文章前面也有提到，一定要帶有目的的去做事情，所以在去 4S 店的時(shí)候，提前要做好需要體驗(yàn)的內(nèi)容的記錄，別到店里面毫無(wú)頭緒的去體驗(yàn)。4S 店銷(xiāo)售員也是一個(gè)突破口，他們要完全了解汽車(chē)才能創(chuàng)造銷(xiāo)售額，因此他們對(duì)于銷(xiāo)售的汽車(chē)肯定你比還要了解透徹，可以通錄音那道你想到資源（被逮到，別說(shuō)我教你們的，可別出賣(mài)我啊）。4S 店還有拿到資料的地方就是他們的使用手冊(cè)。
2. 汽車(chē)測(cè)評(píng)視頻
查看專(zhuān)業(yè)的測(cè)評(píng)人對(duì)于車(chē)輛的測(cè)試，他們會(huì)通過(guò)駕駛過(guò)程中做出自己的理解，站在用戶(hù)角度反饋問(wèn)題，對(duì)于可用性測(cè)試也提供很多數(shù)據(jù)參考價(jià)值。國(guó)內(nèi)想了解更多的測(cè)評(píng)可以在 B 站進(jìn)行檢索，甚至連抖音也是一個(gè)不錯(cuò)的選擇。國(guó)外相對(duì)較為資深的測(cè)評(píng) Chris Harris、Grand Tour、TopGea。
3. 下載相關(guān) - APP
這個(gè)不難理解，首先把車(chē)廠(chǎng)發(fā)布的 app 都下載下來(lái)，為啥？因?yàn)樗麄冇猩鐓^(qū)，本身車(chē)廠(chǎng)在推出 OTA 升級(jí)或者新品發(fā)布的資訊都會(huì)第一時(shí)間發(fā)送，還有很多用戶(hù)會(huì)通過(guò)社區(qū)進(jìn)行交流、碰撞出很多東西，他們也會(huì)寫(xiě)很多關(guān)于駕駛的體驗(yàn)報(bào)告，這些都是值得你去拿去做分析報(bào)告的。還有第三方的 app，比如：→ #新出行 #蓋世汽車(chē) 等。
4. 其他獲取途徑
汽車(chē)官網(wǎng)都會(huì)將該品牌全系列在售車(chē)型內(nèi)容都展示出，從車(chē)輛信息參數(shù)、亮點(diǎn)功能介紹、再到設(shè)計(jì)細(xì)節(jié)都有展示，還可以在官網(wǎng)咨詢(xún)客服小姐姐，她們也會(huì)為你解答一些內(nèi)容，親測(cè)有效。最后別忘記給人家五星好評(píng)。還可以參加車(chē)展，這是能收集到很多素材的重要關(guān)鍵點(diǎn)。其次就是就是國(guó)內(nèi)做的相對(duì)較好的平臺(tái)知乎、人人都是產(chǎn)品經(jīng)理、站酷等一系列。最后就是微信公眾號(hào)，這邊我推薦幾個(gè)不錯(cuò)的賬號(hào)，# HMI 設(shè)計(jì) #Apollo 智能駕駛體驗(yàn)設(shè)計(jì)中心 #普修科技 #screens 德國(guó) #未來(lái)出行實(shí)驗(yàn)室 #智能座艙與自動(dòng)駕駛 # #King 設(shè)計(jì)研究所（哈哈哈 這是我的賬號(hào)）
進(jìn)入今天的主題，根據(jù)上述所講內(nèi)容，我們?cè)O(shè)計(jì)師要做的競(jìng)品分析內(nèi)容已得到明確的方向。
1. 明確競(jìng)品選擇
我們將選取的四臺(tái)車(chē)是新能源車(chē)領(lǐng)域最有代表性、關(guān)注度也最高的特斯拉、蔚來(lái)、理想以及小鵬四個(gè)品牌各自的代表車(chē)型。分別是特斯拉 Model 3、蔚來(lái) ES6、理想 ONE 以及小鵬 P7。
另一方面，目前在座艙車(chē)機(jī)在屏幕規(guī)格上也分為兩大派，分別是橫屏布局和豎屏布局。這次選擇競(jìng)品的 4 款車(chē)型中。特斯拉、小鵬和理想采用的是橫屏的布局，唯獨(dú)蔚來(lái)采用的是豎屏的布局。
特斯拉老款的 Model S/Model X 車(chē)型、小鵬新款 P5、老款 G3 也均為豎屏，這次分析主要選擇熱門(mén)車(chē)型來(lái)作為競(jìng)品分析，其余車(chē)型的話(huà)就不做過(guò)多分析啦，接下來(lái)我們順便介紹一下熱門(mén)車(chē)型屏幕的分辨率：
- 特斯拉 Model 3 中控屏：1920x1200
- 蔚來(lái) ES6 中控屏 ：1600x1400 / 儀表盤(pán)：1920x720
- 理想 ONE 中控屏：2608x720 / 儀表盤(pán)：1920x720 / 副駕駛娛樂(lè)屏：1920x720 功能控制屏：1280x720
- 小鵬 P7 中控屏：2400x1200 / 儀表盤(pán)：1920x720
車(chē)型屏幕種類(lèi)案例通過(guò) Yes/No 羅列出熱門(mén)車(chē)型屏幕的分類(lèi)，儀表盤(pán)、中控屏、副駕駛娛樂(lè)屏、HUD、后排娛樂(lè)屏、功能控制屏（俗稱(chēng)中控臺(tái)屏）
說(shuō)句題外話(huà)，新款的 Model S / Model X 是真好看，他們的屏幕也該為橫屏，還增加后排的娛樂(lè)屏... 比 13 還香。
車(chē)機(jī)交互體驗(yàn)這個(gè)部分，建議只分析核心功能的交互體驗(yàn)。如果想要詳盡到各個(gè)模塊，應(yīng)該與交互設(shè)計(jì)師協(xié)作完成。通過(guò)分析，看看競(jìng)品的在交互設(shè)計(jì)上有沒(méi)有值得我們借鑒的地方，我們是否可以做到更好。我是交互/設(shè)計(jì)/動(dòng)效都要做 ，下面我就撿一些比較重要的功能給大家分析一下。
1. 空調(diào)交互方式 VS 大比拼
車(chē)輛中空調(diào)是我們最常操作的一個(gè)功能，我們把 Model 3、ES6、P7、理想 ONE 這四輛車(chē)空調(diào)的操作交互方式拿出來(lái)做一下對(duì)比，結(jié)合中控屏幕中的交互、語(yǔ)音交互、方控操作三個(gè)維度來(lái)綜合進(jìn)行分析。
2. 中控交互分析
針對(duì)于大屏觸控來(lái)說(shuō)，我們?cè)趺床拍馨芽照{(diào)的交互方式做得既安全還便捷呢？ 一定要記住安全是考慮的第一要素。
通過(guò)上車(chē)操作對(duì)比發(fā)現(xiàn)，這四輛新能源汽車(chē)在空調(diào)控制設(shè)計(jì)上面都是相同的想法，就是在首頁(yè)都有相對(duì)應(yīng)空調(diào)控制區(qū)域，針對(duì)這種交互的設(shè)計(jì)方式非常的贊同，因?yàn)檫@不需要進(jìn)入二級(jí)菜單就可以直接操作空調(diào)，并對(duì)其進(jìn)行滑動(dòng)操作調(diào)節(jié)溫度變化。
我們看一下這四輛車(chē)空調(diào)的具體的實(shí)際情況，Model 3、ES6 的中控都是有固定的空調(diào)快捷操作區(qū)域，理想 ONE 則是放在中控屏幕下方的控制屏上，小鵬的 P7 是做在屏幕的左側(cè)，這也是方便駕駛員的一個(gè)操作便捷性，也是符合我們一開(kāi)始所說(shuō)的便捷。除了小鵬 P7 外 其余三個(gè)車(chē)還可以直接對(duì)其進(jìn)行前后風(fēng)擋進(jìn)行加熱（專(zhuān)業(yè)術(shù)語(yǔ) → 前/后除霜）
接下來(lái)再針溫度對(duì)中控屏幕交互手勢(shì)進(jìn)行做一個(gè)對(duì)比
Model 3 和蔚來(lái) ES6 交互方式一致在溫度圖標(biāo)區(qū)域進(jìn)行左右滑動(dòng)，dock 欄的風(fēng)量就不好直接操控了，需要點(diǎn)擊后再空調(diào)彈窗頁(yè)面進(jìn)行增減調(diào)節(jié)，在中控操作便捷性就不如蔚來(lái) ES6 和理想 ONE 了。
ES6 空調(diào)手勢(shì)操作調(diào)節(jié)溫度和調(diào)節(jié)風(fēng)量都是左右滑動(dòng)，這邊就有人問(wèn)了，在同一區(qū)域不會(huì)重復(fù)手勢(shì)操作么？蔚來(lái) ES6 的解決方案是 → 在需要調(diào)節(jié)功能的圖標(biāo)觸碰區(qū)域不松手對(duì)其進(jìn)行橫向左右滑動(dòng)，如需要再對(duì)風(fēng)量進(jìn)行調(diào)節(jié)，就松開(kāi)手再觸碰風(fēng)量圖標(biāo)區(qū)域進(jìn)行滑動(dòng)即可。
小鵬 P7 空調(diào)中的溫度調(diào)節(jié)交互方式，是通過(guò)長(zhǎng)按左側(cè)的調(diào)節(jié)溫度的區(qū)域后，出現(xiàn)調(diào)節(jié)溫度滑塊的區(qū)域進(jìn)行上下拖動(dòng)，P7 風(fēng)量調(diào)節(jié)在左側(cè) dock 就沒(méi)辦法進(jìn)行調(diào)節(jié)，只能在方向盤(pán)進(jìn)行控制風(fēng)量的增減（這個(gè)在后面會(huì)細(xì)致的提到這邊就不做過(guò)度解讀）
理想 ONE 的空調(diào)溫度調(diào)節(jié)和風(fēng)量增減在這四款車(chē)型中是我最為喜歡的，為什么這么說(shuō)呢？因?yàn)樗梢栽谌我鈪^(qū)域進(jìn)行盲操，交互方式也很清晰，上下滑動(dòng)是溫度調(diào)節(jié)，左右為風(fēng)量調(diào)節(jié)，并且還有增減時(shí)候的聲響，這是觸控給予反饋很好的交互點(diǎn)，所謂的及時(shí)反饋感。
針對(duì)中控的交互體驗(yàn)的感覺(jué)我給 Model 3、ES6、P7、理想 ONE 做一個(gè)排名
- 最佳 NO：1 → 理想ONE （操作區(qū)域大，在安全和便捷性都排名四款車(chē)第一）
- 還行 NO：2 → 蔚來(lái)ES6（調(diào)節(jié)溫度和風(fēng)量都可以在dcok 滑動(dòng)完成，操作區(qū)域可觀(guān)）
- 其次 NO：3 → 特斯拉Model 3（調(diào)節(jié)溫度在dcok 滑動(dòng)完成，操作區(qū)域可觀(guān)，風(fēng)量則需要在其他頁(yè)面完成）
- 最后 NO：4 → 小鵬P7 （需要長(zhǎng)按再進(jìn)行操作溫度的滑動(dòng)，長(zhǎng)按的交互方式在車(chē)機(jī)是一種相對(duì)不好的交互方式）
3. 語(yǔ)音交互分析
特斯拉 Model 3 空調(diào)的語(yǔ)音交互，調(diào)節(jié)溫度只能做到調(diào)整到原先設(shè)定好的默認(rèn)值溫度。
缺點(diǎn)：如需想要再次調(diào)節(jié)溫度高低，只能通過(guò)對(duì)中控屏下方的 dock 欄調(diào)節(jié)溫度區(qū)域進(jìn)行滑動(dòng)。
蔚來(lái) ES6 在體驗(yàn)的過(guò)程中，基本的功能都能很好實(shí)現(xiàn)，比如加熱座椅、通風(fēng)座椅，還有就是空調(diào)的控制等等，這些常見(jiàn)的操作都能很好完成。值得一提的是打斷語(yǔ)音播報(bào)直接發(fā)出下一步指令以及上下文語(yǔ)義銜接等功能也都是支持的。
缺點(diǎn)：但不支持局部功能的免喚醒操作，每次使用語(yǔ)音控制都得呼喚一遍“Hi，NOMI”
小鵬 P7 全場(chǎng)景語(yǔ)音控制也選擇了與思必馳合作開(kāi)發(fā)語(yǔ)音識(shí)別的部分，語(yǔ)義分析則是小鵬自己的團(tuán)隊(duì)進(jìn)行研發(fā)的，正確識(shí)別率達(dá)到 80%。在對(duì)于空調(diào)的控制方面也是不錯(cuò)的，可以精準(zhǔn)的說(shuō)將溫度調(diào)到多少度，如果想繼續(xù)調(diào)整說(shuō)：“好熱啊、再幫我下降 2 度”它也可以完成此項(xiàng)操作，如果你說(shuō)將溫度調(diào)整到 35 度，這個(gè)已經(jīng)超出了 P7 最高溫度 32 度，就怕語(yǔ)音形象給你來(lái)一句：“我怕你是有大病吧 ”
暫時(shí)沒(méi)啥缺點(diǎn)，就是識(shí)別率需要再提高一些，我體驗(yàn)下來(lái)覺(jué)得他們的 TTS 反饋還挺豐富的，車(chē)聯(lián)網(wǎng)中的名詞，T 一般代表的就是 to 的意思，其中 STT 是語(yǔ)音轉(zhuǎn)文字過(guò)程，而 TTS 只是文字轉(zhuǎn)語(yǔ)言過(guò)程，簡(jiǎn)單來(lái)說(shuō)，你可以去看目前比較成熟的梧桐車(chē)聯(lián) TINNOVE，能夠支持 40 多種語(yǔ)言意圖操控，并做出類(lèi)人類(lèi)的智能化反應(yīng)，就是 STT 和 TTS 通力合作的一個(gè)結(jié)果。
理想 ONE 語(yǔ)音控制溫度我很是喜歡，比如你可以說(shuō)，前排溫度調(diào)整到 23 度，后排只要跟說(shuō)我也要就可以同步進(jìn)行調(diào)溫度，這個(gè)就是他 OTA2.2 升級(jí)的功能四音區(qū)鎖定，所謂的四音區(qū)鎖定就是理想同學(xué)此前已經(jīng)支持車(chē)內(nèi)前后左右四個(gè)音區(qū)識(shí)別控制功能，但這也帶來(lái)一個(gè)問(wèn)題：熊孩子在后面亂指揮怎么辦？理想同學(xué)支持除主駕之外任意一個(gè)音區(qū)的識(shí)別關(guān)閉。家長(zhǎng)只要在前面說(shuō)「關(guān)閉后音區(qū)」、「不要聽(tīng)左后音區(qū)」就能關(guān)閉響應(yīng)位置的語(yǔ)音識(shí)別，避免熊孩子搗亂， 讓你皮。
缺點(diǎn)：對(duì)于方言的識(shí)別率還有待提高。
4. 總結(jié)一下
個(gè)人傾向于小鵬 P7 和理想 ONE 的語(yǔ)音控制，他們體驗(yàn)的感覺(jué)很棒，另外從空調(diào)的語(yǔ)音控制來(lái)看，特斯拉 Model 3、蔚來(lái) ES6、小鵬 P7、理想 ONE 都是支持語(yǔ)音控制空調(diào)的，但是特斯拉 Model 3 只能設(shè)定最常用的溫度和風(fēng)量，其他三種車(chē)都可以設(shè)隨意的說(shuō)設(shè)定多少溫度、調(diào)整風(fēng)向和風(fēng)量、還可以切換內(nèi)外循環(huán)，識(shí)別率成功率都非常不錯(cuò)，可以不用操作中控屏幕，大大的提高了安全駕駛性。但現(xiàn)在很多人不習(xí)慣用語(yǔ)音來(lái)操作車(chē)機(jī)系統(tǒng)，所以單方面從中控的交互設(shè)計(jì)內(nèi)容，可以偏向于理想 ONE 多參考一下，增大操作區(qū)域，減少交互手勢(shì)，對(duì)于復(fù)雜的手勢(shì)操作盡量避免不使用。方控控制空調(diào)這內(nèi)容會(huì)連通方控整個(gè)模塊一起講，就不單獨(dú)這邊再開(kāi)一小段了。
1. 特斯拉 Model 3 方控
左側(cè)功能為：控制音量 / 切換音樂(lè) / 調(diào)節(jié)后視鏡位置 / 調(diào)節(jié)大燈的角度 / 調(diào)整方向盤(pán)的位置
- 控制音量：直接按下滾輪可以靜音或者取消靜音
- 切換音樂(lè)：向左撥動(dòng)切換上一首歌曲，向右撥動(dòng)切換下一首歌曲
- 調(diào)節(jié)后視鏡：進(jìn)入車(chē)輛控制 → 快速控制 → 后視鏡 ，即可使用左側(cè)滾輪調(diào)節(jié)后視鏡
- 調(diào)整方向盤(pán)位置：進(jìn)入車(chē)輛控制 → 快速控制 → 調(diào)整 → 方向盤(pán) ，即可使用左側(cè)滾輪調(diào)節(jié)方向盤(pán)，上下滾動(dòng)滾輪來(lái)調(diào)整方向的高度 / 傾斜角度，左右滾動(dòng)滾輪用來(lái)拉近或者遠(yuǎn)離方向盤(pán)
- 調(diào)整大燈角度：進(jìn)入車(chē)輛控制 → 維護(hù) → 調(diào)整大燈 ，即可使用左側(cè)滾輪調(diào)整大燈角度
切記注意點(diǎn)，特斯拉的車(chē)子出場(chǎng)時(shí)就已經(jīng)將大燈調(diào)整到最佳位置，建議不要隨便的嘗試調(diào)整，讓們安全駕駛，遠(yuǎn)離事故。
右側(cè)功能就相對(duì)減少了：語(yǔ)音指令 / 調(diào)節(jié)設(shè)置速度 / 調(diào)節(jié)跟車(chē)距離
- 語(yǔ)音指令：按下右側(cè)滾輪，就能啟動(dòng)語(yǔ)音控制，說(shuō)出相對(duì)于的指令，例如：將溫度調(diào)整為 XX 度（這個(gè)溫度的值也是之前設(shè)定好的默認(rèn)值，Model 3 方控?zé)o法做到調(diào)節(jié)溫度增減功能，特斯拉的設(shè)計(jì)理念是做減法，所以他在方控沒(méi)有做過(guò)多復(fù)雜的一些操作）
- 調(diào)節(jié)設(shè)定速度： 主動(dòng)巡航情況下，上下調(diào)整車(chē)速；可以快速調(diào)整單位為 5km/h，慢速度調(diào)整單位為 1km/h
- 調(diào)整跟車(chē)距離：右側(cè)滾輪左右調(diào)整時(shí)可以選擇設(shè)置 1-7 范圍的跟車(chē)距離
還有一個(gè)隱藏功能，我來(lái)悄咪咪的告訴你們：
在駐車(chē)狀態(tài)下，長(zhǎng)按方向盤(pán)兩邊的滾輪按鈕，直到中控屏幕變黑，這樣就完成了一次重新啟動(dòng)。
2. 蔚來(lái) ES6 方控
蔚來(lái) ES6 方向盤(pán)左側(cè)的多功能按鍵，主要負(fù)責(zé) ACC 自適應(yīng)巡航功能，它的布局相對(duì)另外一款車(chē) ES8 有所簡(jiǎn)化按鍵也變得更多，和特斯拉的設(shè)計(jì)理念也基本吻合，盡量的去做減法，去繁為簡(jiǎn)，增加按鍵的操作面積也是為了安全駕駛。
左上角 → 增加巡航車(chē)速或恢復(fù)自適應(yīng)巡航 / 左下角 → 減小巡航車(chē)速
右上角 → 增加跟車(chē)距離 / 右下角 → 減小跟車(chē)距離 / 中間 → 激活或退出自適應(yīng)巡航
蔚來(lái) ES6 方向盤(pán)右側(cè)的多功能按鍵，主要負(fù)責(zé)娛樂(lè)系統(tǒng)以及語(yǔ)音、電話(huà)功能的控制。其中上下按鍵負(fù)責(zé)音量，左右鍵為切歌。
左上角 → 語(yǔ)音功能鍵 / 左下角 → 方向?qū)Ш芥I
右上角 → 菜單鍵 / 右下角 → 方向?qū)Ш芥I / 中間 → 圓圈為確認(rèn)鍵、兩邊左右側(cè)為切歌
3. 小鵬 P7 方控
小鵬 P7 方向盤(pán)左側(cè)，上下按鍵為控制車(chē)輛空調(diào)溫度增減， 左右是來(lái)調(diào)節(jié)空調(diào)的風(fēng)量大小
左下方為語(yǔ)音喚醒按鍵，按下去之后可以跟小 P 進(jìn)行對(duì)話(huà)，右側(cè)的小鵬 logo 按鈕則為一個(gè)燈語(yǔ)的系統(tǒng)
觸摸左側(cè)旋轉(zhuǎn)來(lái)可以進(jìn)行切換儀表盤(pán)左側(cè)的顯示內(nèi)容，內(nèi)容有車(chē)輛信息、音樂(lè)、胎壓、行駛里程等。
右側(cè)上下按鍵為音量的調(diào)節(jié)大小，左右按鍵為切歌 ， 左邊是返回按鍵，右邊則是靜音按鍵，
觸摸右側(cè)旋轉(zhuǎn)來(lái)也可以進(jìn)行切換儀表盤(pán)右側(cè)的顯示內(nèi)容。
4. 理想 ONE 方控
我這邊所講的是理想 ONE 發(fā)布的最新款的車(chē)型
- 向上短按喚醒語(yǔ)音/結(jié)束對(duì)話(huà)。 向下短按接聽(tīng)電話(huà)、長(zhǎng)按掛斷電話(huà)
- 長(zhǎng)按進(jìn)入儀表頁(yè)面內(nèi)容， 向上/向下滾動(dòng)滾輪切換頁(yè)面。退出儀表頁(yè)面內(nèi)容后，短按靜音/取消靜音；向上/向下滾輪滾輪增加/減少音量
- 向上/向下短按切換下一首/上一首
- 自動(dòng)泊車(chē)啟動(dòng)后，向上短按開(kāi)始泊車(chē)/繼續(xù)泊車(chē) ； 自動(dòng)泊車(chē)未啟動(dòng)，向上短按開(kāi)始自動(dòng)泊車(chē)；向下短按激活自定義鍵。
- 長(zhǎng)按進(jìn)入儀表屏頁(yè)面內(nèi)容，向上/向下滑動(dòng)滾輪切換頁(yè)面。退出儀表屏內(nèi)容后，向上/向下滑動(dòng)滾輪，巡航車(chē)速增加/減少 1km/h；短按設(shè)置巡航車(chē)速為道路限速。
- 向上短按執(zhí)行 NOA 系統(tǒng)推薦變道，向下短按取消 NOA 系統(tǒng)推薦變道
5. 總結(jié)一下
方控作為車(chē)內(nèi)交互的重要硬件，現(xiàn)在市場(chǎng)上面還是多數(shù)車(chē)型以硬按鍵為主，將常用的功能移植到方向盤(pán)上面，比如快速的調(diào)節(jié)音量大小、切歌等功能，也有調(diào)整駕駛模式跟車(chē)距離等等。按照現(xiàn)在方向盤(pán)的進(jìn)展沒(méi)辦法滿(mǎn)足于智能化和數(shù)字化趨勢(shì)的轉(zhuǎn)變，很多車(chē)廠(chǎng)也在開(kāi)始嘗試制作出前瞻性的智能化和數(shù)字化的方向盤(pán)，如果將中控可移植到方向盤(pán)上功能變的越多，那隨之而來(lái)的就會(huì)減少駕駛員的注意力分散，從而可以提高安全駕駛的可能性。
PS：有可能在后面對(duì)于未來(lái)前瞻性的方向盤(pán)有文章安排計(jì)劃。
在熱門(mén)車(chē)型 UI 界面中挑選對(duì)比，在分析完熱門(mén)車(chē)型頁(yè)面設(shè)計(jì)的內(nèi)容后，我會(huì)呈現(xiàn)一些自己的 idea，這些純屬個(gè)人想法，并未用到實(shí)際項(xiàng)目中。下面我會(huì)從單個(gè)功能 → 對(duì)比體驗(yàn)，單個(gè)界面 → 從界面內(nèi)容、交互操作、信息位置、信息數(shù)量、色彩使用、界面風(fēng)格，多個(gè)界面從 → 功能的邏輯、用色統(tǒng)一、情緒引導(dǎo)出發(fā)闡述。
當(dāng)有人質(zhì)問(wèn)你為什么要這么設(shè)計(jì)的時(shí)候，你得有理可循，沒(méi)有理論支持的設(shè)計(jì)如同一盤(pán)散沙，一擊就潰，這就是為什么我們?cè)O(shè)計(jì)師需要做很多的分析、調(diào)研等等一系列的準(zhǔn)備工作。
1. 主界面分析
特斯拉 Model 3、蔚來(lái) ES6、小鵬 P7 的主界面以地圖方式呈現(xiàn)，而理想 ONE 是有傳統(tǒng)上主界面的。
我們來(lái)分析一下特斯拉 Model 3 的首頁(yè)，既然取消掉儀表盤(pán)，取而代之的是占用中控左側(cè) 1/3 區(qū)域作為儀表盤(pán)的功能頁(yè) + 右側(cè) 2/3 區(qū)域則作為車(chē)機(jī)系統(tǒng)頁(yè)面，將使用頻率較高的導(dǎo)航作為主界面，頂部的狀態(tài)欄基本都可以進(jìn)行點(diǎn)擊操作。
蔚來(lái) ES6 也沿用將導(dǎo)航作為主界面和 Model 3 不同之處，是增加了兩個(gè)卡片，靠近主駕駛是常用的音樂(lè)卡片，旁邊則是車(chē)輛信息卡片。
小鵬 P7 也是導(dǎo)航作為他們的主界面，和蔚來(lái) ES6 不一樣之處就在于小鵬 P7 的常用卡是放在中控左側(cè)欄，卡片的功能有：導(dǎo)航、音樂(lè)、電話(huà)、消息中心，頂部的狀態(tài)欄都可以進(jìn)行點(diǎn)擊操作。
理想 ONE 采用的是橫屏布局，它的主界面采用卡片式的功能頁(yè)面設(shè)計(jì)，理想 ONE 中控屏左側(cè)顯示的是時(shí)間以及 5 大功能鍵，右側(cè)是各個(gè)常用的功能卡片頁(yè)。我們很多項(xiàng)目的主頁(yè)也是采用這種卡片式設(shè)計(jì)。
延展一下小知識(shí)點(diǎn)，敲重點(diǎn)了，提高注意力聽(tīng)一下
對(duì)于汽車(chē)而言，卡片式設(shè)計(jì)有兩大好處
- 把學(xué)習(xí)成本降至最低；
- 增加的接觸面積讓駕駛的時(shí)候，誤觸率也降到最低，給到用戶(hù)帶來(lái)最為直觀(guān)的體驗(yàn)就是簡(jiǎn)單易用；
總結(jié)一下
這邊對(duì)照分析的 4 款車(chē)型首頁(yè)的功能：車(chē)輛信息 + 導(dǎo)航（Model 3） / 卡片 + 導(dǎo)航（ES6 +P7） / 卡片（理想 one），卡片樣式的設(shè)計(jì)，極大了提高對(duì)于功能的操作性，原本需要點(diǎn)擊功能進(jìn)入二級(jí)頁(yè)面，再對(duì)其進(jìn)行操作，現(xiàn)在首頁(yè)可以直接利用（卡片 + 快捷按鈕）樣式便捷性操作該功能。還有多種首頁(yè)的樣式比如傳統(tǒng)功能圖標(biāo)采用的是“陳列式”的設(shè)計(jì)（代表作：蘋(píng)果 carplay）
在用色方面：
車(chē)機(jī)系統(tǒng)用色方面大家都用了對(duì)比度較高的顏色，不會(huì)像移動(dòng)端那樣子，由于駕駛場(chǎng)景的特殊性，駕駛員沒(méi)有過(guò)多的時(shí)間停留在屏幕上，因此如果用了對(duì)比較低的，那么會(huì)影響到駕駛者的安全駕駛，在我第一篇文章中我也有提到，文本視覺(jué)呈現(xiàn)及文本圖像至少要有 7:1 的對(duì)比度，針對(duì)大號(hào)文本以及大文本圖像至少有 4.5:1 的對(duì)比度。
自己理解 + 新的 idea
首先要提高屏幕的利用率，不能為了設(shè)計(jì)而設(shè)計(jì)，從而浪費(fèi)屏幕的使用率，要站在用戶(hù)角度思考問(wèn)題，幫助用戶(hù)解決問(wèn)題和痛點(diǎn)，而不是想當(dāng)然天馬行空的設(shè)計(jì)，為了好看為出發(fā)點(diǎn)，有這個(gè)想法的請(qǐng)給我立馬打回去。有的車(chē)廠(chǎng)設(shè)計(jì)方案為了好看將屏幕的利用率降低，3 張功能卡 + 一個(gè)車(chē)模 + 車(chē)模下方控制車(chē)輛的 3 個(gè)功能按鈕 + 底部的 dock 欄，輸出的設(shè)計(jì)效果圖還不錯(cuò)，但是這是在犧牲了功能為代價(jià)的基礎(chǔ)上。
新的 idea，首先要分場(chǎng)景，是輔助駕駛還是全自動(dòng)駕駛，因?yàn)槿詣?dòng)駕駛的話(huà)就不需要考慮安全駕駛的因素了，這樣設(shè)計(jì)方案可以做出很多種，交互方式也因此將改變，安于現(xiàn)在的技術(shù)和道路復(fù)雜狀況，自動(dòng)駕駛發(fā)展的道路我覺(jué)得很長(zhǎng)，對(duì)于前瞻性的設(shè)計(jì)還是要輸出和探索。下面我們就開(kāi)始說(shuō)一下，介于現(xiàn)在的設(shè)計(jì)該如何優(yōu)化首頁(yè)，有哪些值得我們?nèi)ヌ剿鞯模?/p>
在首頁(yè)中我們可以加入場(chǎng)景化相結(jié)合，比如天氣有陰雨天 、晴天、下雪等，都會(huì)在中控屏幕中顯示，大家肯定會(huì)說(shuō)這不會(huì)影響駕駛員嘛？現(xiàn)在的技術(shù)可以做到識(shí)別主駕駛眼球，當(dāng)主駕駛用眼睛掃描屏幕的時(shí)候，這些場(chǎng)景化的內(nèi)容會(huì)立即消失，而且在設(shè)計(jì)之初也會(huì)考慮到不會(huì)影響到駕駛和中控操作等，在不影響安全駕駛的情況下，我們可以將這個(gè)功能做到設(shè)置中開(kāi)關(guān)切換狀態(tài)。這邊就先提到這一個(gè)點(diǎn)，后續(xù)的探索內(nèi)容大家可以持續(xù)關(guān)注我。
2. Dock 欄分析
Model 3 最高兩級(jí)菜單，所以操作起來(lái)非常的方便，底部的 dock 欄包含了車(chē)輛設(shè)置、音樂(lè)、攝像頭、雨刮器、座椅、風(fēng)量、溫度、前除霜、后除霜、音量。
更多功能 →（通話(huà)、日歷、攝像頭、能量、充電、網(wǎng)絡(luò)、娛樂(lè)、玩具箱子）
這邊就有人有疑問(wèn)了，為什么 dock 欄圖標(biāo)下面沒(méi)有文字，而折疊后就加文字了呢？
首先下面作為常用的功能，前期通過(guò) 4S 店員的講解和查看使用手冊(cè)，短期的高頻率使用更容易讓人能夠記住它，所以在設(shè)計(jì)上只保留了 icon 去除了文字，相對(duì)于折疊的功能，它記憶性是呈現(xiàn)逐步遞減的，因此需要添加文字作為說(shuō)明。
蔚來(lái) ES6 由于是豎屏所以底部的 dock 欄相對(duì) Model 3 減少很多，內(nèi)容→車(chē)輛、內(nèi)外循環(huán)、雙區(qū)溫度、風(fēng)量調(diào)節(jié)、前除霜、后除霜，屏幕中是減少了很多，但中控下面的硬按鍵彌補(bǔ)了中控過(guò)少的缺陷，硬按鍵包括主頁(yè)按鍵、設(shè)置按鍵、車(chē)輛駕駛模式設(shè)置按鍵以及音量旋鈕。可以讓用戶(hù)更加快捷的進(jìn)入到相應(yīng)的設(shè)置頁(yè)面。
小鵬 P7 的 dock 欄位置處于屏幕的最左側(cè)，做在左邊的優(yōu)點(diǎn)大家肯定不謀而合的都會(huì)想到，它靠近左側(cè)的駕駛員呀，對(duì)的，確實(shí)是基于這個(gè)體驗(yàn)做的方案，小鵬 p7 的 dock 欄內(nèi)容 → 應(yīng)用中心、車(chē)輛設(shè)置、自動(dòng)泊車(chē)、空調(diào)、音樂(lè)、電話(huà)等。與 Model 3 一樣，P7 大屏頂部各個(gè)圖標(biāo)也均可打開(kāi)，比如個(gè)人中心、電量管理中心、車(chē)輛中心等等，可以快速進(jìn)入相應(yīng)的控制頁(yè)面。
理想 ONE 中的 dock 欄就和其他三種車(chē)型有著很大的區(qū)別，既不是放在最左邊一豎排，也不是放在底部，由于 1920x720 分辨率的原因，不適合設(shè)計(jì)在底部區(qū)域，如果硬是放在底部的話(huà)，會(huì)占據(jù)很多可利用的空間，因此這種方案肯定不是最優(yōu)的選擇， 理想 ONE 的選擇區(qū)域就是最左側(cè)時(shí)間和音樂(lè)快捷控件的下方，雖然方式獨(dú)特，但也算是適合的方案，dock 欄的內(nèi)容 → “主頁(yè)”、“車(chē)輛”、“導(dǎo)航”、“音樂(lè)”、“360倒車(chē)”。
總結(jié)一下
關(guān)于 Dock 欄的設(shè)計(jì)，每個(gè)車(chē)廠(chǎng)都有自己的定義，當(dāng)中控屏幕為豎屏?xí)r，dock 幾乎都設(shè)計(jì)在底部，因?yàn)樵O(shè)計(jì)在底部的話(huà)可以大大的提高屏幕的利用率，如果做在側(cè)邊欄可想而知，將會(huì)減少屏幕的利用率，如下圖：給大家展示一下效果。
小鵬 P7 和特斯拉 Model 3 屏幕類(lèi)型相對(duì)比較類(lèi)似高度相同，長(zhǎng)度 P7 比 Model 3 多出 480px，所以我想這是導(dǎo)致他們?cè)谠O(shè)計(jì)策略不同的主要原因吧。他們?cè)趯?duì)于 dock 定義，各有優(yōu)缺點(diǎn)：
優(yōu)點(diǎn)：小鵬 P7 dock 欄在左側(cè)便于用戶(hù)操作 / 特斯拉 Model 3 dock 欄功能較多還有功能擴(kuò)展設(shè)計(jì)
缺點(diǎn)：小鵬 P7 dock 欄功能相對(duì)較少，在操作空調(diào)調(diào)溫度體驗(yàn)很差 / 特斯拉 Model 3 dock 欄距離主駕駛較遠(yuǎn)的功能點(diǎn)擊困難，因此他們?cè)趯?duì)于功能定義排序有著很好的策略，將常用的功能集中于靠近主駕駛左側(cè)區(qū)域。
理想 one 做的比較特別，一般車(chē)載系統(tǒng)的設(shè)計(jì) dock 欄不是放在左側(cè) or 底部 （PS：海外版本有的國(guó)家主駕駛是在右側(cè)的，那么放在左側(cè)的 dock 欄設(shè)計(jì)要移到右側(cè)區(qū)域中）但是理想 one 的 dock 也是放在靠近主駕駛區(qū)域的位置。
3. 自己理解 + 新的 idea
在對(duì)于 dock 做設(shè)計(jì)方案的時(shí)候，要考慮幾個(gè)要素：
- 在安全駕駛為前提下便于用戶(hù)操作；
- dock 欄的內(nèi)容要使用頻率較高的功能；
- dock 欄的交互手勢(shì)不要過(guò)于復(fù)雜，點(diǎn)擊、左右、上下滑動(dòng)即可長(zhǎng)按的操作千萬(wàn)別有；
新的 idea，根據(jù)用戶(hù)習(xí)慣可進(jìn)行對(duì) dock 功能進(jìn)行編輯，dock 功能分為可編輯為不可編輯，比如返回主頁(yè)頁(yè)面設(shè)定為不可編輯，因?yàn)槿绻膭?dòng)了這個(gè)，全局的交互都會(huì)因此改變，再出設(shè)計(jì)方案就要多出很多內(nèi)容，所以需要可編輯為不可編輯，就像手機(jī)自帶的功能沒(méi)辦法刪除一個(gè)道理。
在做競(jìng)品分析的時(shí)候，不建議視覺(jué)設(shè)計(jì)和交互分的太明顯，在一個(gè)產(chǎn)品的設(shè)計(jì)體驗(yàn)上，他們是互相輔佐的，是一個(gè)互補(bǔ)的關(guān)系，如果你想要很好的鍛煉你自己一下，就要嘗試一下交互和視覺(jué)一起來(lái)做分析，還是那句話(huà)：站在用戶(hù)角度去為用戶(hù)考慮設(shè)計(jì)。
文章中如有不足之處，歡迎補(bǔ)充交流，我們下期見(jiàn)
復(fù)制本文鏈接 文章為作者獨(dú)立觀(guān)點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng)，未經(jīng)允許不得轉(zhuǎn)載。
繼續(xù)閱讀本文相關(guān)話(huà)題
熱評(píng) ?陳豬肝?