編輯導(dǎo)語：當(dāng)下市面上的HMI語音交互都做得怎么樣？本篇文章里，作者就對(duì)市場上常見的HMI語音交互產(chǎn)品做了使用分析，并提出了自己在語音交互上的設(shè)計(jì)看法，不妨一起來看一下，也許會(huì)對(duì)你有所啟發(fā)。

一、語音交互分析

上一篇文章我們結(jié)束講到了中控手勢的分析，這一篇從語音交互開始講解，如果上一篇還沒有看的同學(xué)，可以看一下《HMI 競品分析——實(shí)戰(zhàn)演練（上）》。

1. 特斯拉Model 3?

空調(diào)的語音交互，調(diào)節(jié)溫度只能做到調(diào)整到原先設(shè)定好的默認(rèn)值溫度。

缺點(diǎn)：如需想要再次調(diào)節(jié)溫度高低，只能通過對(duì)中控屏下方的dock欄調(diào)節(jié)溫度區(qū)域進(jìn)行滑動(dòng)。

2. 蔚來ES6

在體驗(yàn)的過程中，基本的功能都能很好實(shí)現(xiàn)，比如加熱座椅、通風(fēng)座椅，還有就是空調(diào)的控制等等，這些常見的操作都能很好完成。值得一提的是，打斷語音播報(bào)直接發(fā)出下一步指令，以及上下文語義銜接等功能也都是支持的。

缺點(diǎn)：但不支持局部功能的免喚醒操作，每次使用語音控制都得呼喚一遍“Hi，NOMI”。

3. 小鵬P7

全場景語音控制也選擇了與思必馳合作開發(fā)語音識(shí)別的部分，語義分析則是小鵬自己的團(tuán)隊(duì)進(jìn)行研發(fā)的，正確識(shí)別率達(dá)到80%。

在對(duì)于空調(diào)的控制方面也是不錯(cuò)的，可以精準(zhǔn)地說將溫度調(diào)到多少度，如果想繼續(xù)調(diào)整說：“好熱啊、在幫我下降2度”，它也可以完成此項(xiàng)操作，如果你說將溫度調(diào)整到35度，這個(gè)已經(jīng)超出了P7最高溫度32度，就怕語音形象給你來一句：“我怕你是有大病吧? ”

暫時(shí)沒啥缺點(diǎn)，就是識(shí)別率需要再提高一些，我體驗(yàn)下來覺得他們的TTS反饋還挺豐富的，車聯(lián)網(wǎng)中的名詞，T一般代表的就是to的意思，其中STT是語音轉(zhuǎn)文字過程，而TTS只是文字轉(zhuǎn)語言過程。

簡單來說，你可以去看目前比較成熟的梧桐車聯(lián)TINNOVE，能夠支持40多種語言意圖操控，并做出類人類的智能化反應(yīng)，就是STT和TTS通力合作的一個(gè)結(jié)果。

4. 理想ONE

語音控制溫度我很是喜歡，比如你可以說，前排溫度調(diào)整到23度，后排只要跟說“我也要”就可以同步進(jìn)行調(diào)溫度，這個(gè)就是他OTA2.2 升級(jí)的功能四音區(qū)鎖定。

所謂的四音區(qū)鎖定就是理想同學(xué)此前已經(jīng)支持車內(nèi)前后左右四個(gè)音區(qū)識(shí)別控制功能，但這也帶來一個(gè)問題：熊孩子在后面亂指揮怎么辦？

理想同學(xué)支持除主駕之外任意一個(gè)音區(qū)的識(shí)別關(guān)閉。家長只要在前面說「關(guān)閉后音區(qū)」、「不要聽左后音區(qū)」就能關(guān)閉響應(yīng)位置的語音識(shí)別，避免熊孩子搗亂，?讓你皮。

缺點(diǎn)：對(duì)于方言的識(shí)別率還有待提高。

5. 總結(jié)一下

個(gè)人傾向于 小鵬P7 和 理想ONE 的語音控制，他們體驗(yàn)的感覺很棒，另外從空調(diào)的語音控制來看，特斯拉Model 3、蔚來ES6 、小鵬P7、理想ONE都是支持語音控制空調(diào)的。

但是只有特斯拉Model 3只能設(shè)定最常用的溫度和風(fēng)量，其他三種車都可以設(shè)隨意的說設(shè)定多少溫度、調(diào)整風(fēng)向和風(fēng)量、還可以切換內(nèi)外循環(huán)，識(shí)別率成功率都非常不錯(cuò)，可以不用操作中控屏幕，大大提高了安全駕駛性。

但現(xiàn)在很多人不習(xí)慣用語音來操作車機(jī)系統(tǒng)，所以單方面從中控的交互設(shè)計(jì)內(nèi)容，可以偏向于理想ONE多參考一下，增大操作區(qū)域，減少交互手勢，對(duì)于復(fù)雜的手勢操作盡量避免不使用。方控控制空調(diào)這內(nèi)容會(huì)連通方控整個(gè)模塊一起講，就不單獨(dú)這邊再開一小段了。

二、競品方控分析

1. 特斯拉Model 3方控

左側(cè)功能為：控制音量 / 切換音樂 / 調(diào)節(jié)后視鏡位置 / 調(diào)節(jié)大燈的角度 / 調(diào)整方向盤的位置。

1. 控制音量：直接按下滾輪可以靜音或者取消靜音。
2. 切換音樂：向左撥動(dòng)切換上一首歌曲，向右撥動(dòng)切換下一首歌曲。
3. 調(diào)節(jié)后視鏡：進(jìn)入車輛控制 ?? 快速控制 ?? ?后視鏡 ，即可使用左側(cè)滾輪調(diào)節(jié)后視鏡。
4. 調(diào)整方向盤位置：進(jìn)入車輛控制 ?? 快速控制 ?? ?調(diào)整 ?? 方向盤 ，即可使用左側(cè)滾輪調(diào)節(jié)方向盤，上下滾動(dòng)滾輪來調(diào)整方向的高度 / 傾斜角度，左右滾動(dòng)滾輪用來拉近或者遠(yuǎn)離方向盤。
5. 調(diào)整大燈角度：進(jìn)入車輛控制 ?? 維護(hù) ?? ?調(diào)整大燈 ，即可使用左側(cè)滾輪調(diào)整大燈角度。

切記注意點(diǎn)，特斯拉的車子出場時(shí)就已經(jīng)將大燈調(diào)整到最佳位置，建議不要隨便地嘗試調(diào)整，讓們安全駕駛，遠(yuǎn)離事故。

右側(cè)功能就相對(duì)減少了：語音指令 / 調(diào)節(jié)設(shè)置速度 / 調(diào)節(jié)跟車距離。

1. 語音指令：按下右側(cè)滾輪，就能啟動(dòng)語音控制，說出相對(duì)于的指令，例如：將溫度調(diào)整為XX度（這個(gè)溫度的值也是之前設(shè)定好的默認(rèn)值，Model 3方控?zé)o法做到調(diào)節(jié)溫度增減功能，特斯拉的設(shè)計(jì)理念是做減法，所以他在方控沒有做過多復(fù)雜的一些操作）。
2. 調(diào)節(jié)設(shè)定速度： 主動(dòng)巡航情況下，上下調(diào)整車速；可以快速調(diào)整單位為5km/h ，慢速度調(diào)整單位為1km/h。
3. 調(diào)整跟車距離：右側(cè)滾輪左右調(diào)整時(shí)可以選擇設(shè)置1-7范圍的跟車距離。

還有一個(gè)隱藏功能，我來悄咪咪地告訴你們。

在駐車狀態(tài)下，長按方向盤兩邊的滾輪按鈕，直到中控屏幕變黑，這樣就完成了一次重新啟動(dòng)。

2. 蔚來ES6方控

蔚來ES6方向盤左側(cè)的多功能按鍵，主要負(fù)責(zé)ACC自適應(yīng)巡航功能，它的布局相對(duì)另外一個(gè)款車ES8有所簡化按鍵也變得更多，和特斯拉的設(shè)計(jì)理念也基本吻合，盡量去做減法，去繁為簡，增加按鍵的操作面積也是為了安全駕駛。

• 左上角 ?? 增加巡航車速或恢復(fù)自適應(yīng)巡航 ? ? / ? ?左下角 ?? 減小巡航車速。
• 右上角 ?? 增加跟車距離 ? / ? 右下角 ?? 減小跟車距離 ? / ? 中間 ??? ?激活或退出自適應(yīng)巡航。

蔚來ES6方向盤右側(cè)的多功能按鍵，主要負(fù)責(zé)娛樂系統(tǒng)以及語音、電話功能的控制。其中上下按鍵負(fù)責(zé)音量，左右鍵為切歌。

• 左上角 ?? 語音功能鍵 ? ? / ? ?左下角 ?? 方向?qū)Ш芥I。
• 右上角 ?? 菜單鍵 ? / ? 右下角 ?? 方向?qū)Ш芥I ? / ? 中間 ??? ?圓圈 ?? 為確認(rèn)鍵、兩邊左右側(cè)為切歌。

3. 小鵬P7方控

小鵬P7方向盤左側(cè)，上下按鍵為控制車輛空調(diào)溫度增減， 左右是來調(diào)節(jié)空調(diào)的風(fēng)量大小。

左下方為語音喚醒按鍵，按下去之后可以跟小P進(jìn)行對(duì)話，右側(cè)的小鵬logo按鈕則為一個(gè)燈語的系統(tǒng)。

觸摸左側(cè)旋轉(zhuǎn)來可以進(jìn)行切換儀表盤左側(cè)的顯示內(nèi)容，內(nèi)容有車輛信息、音樂、胎壓、行駛里程等。

右側(cè)“上下”按鍵為音量的調(diào)節(jié)大小，左右按鍵為切歌，左邊是返回按鍵，右邊則是靜音按鍵，

觸摸右側(cè)旋轉(zhuǎn)來也可以進(jìn)行切換儀表盤右側(cè)的顯示內(nèi)容。

4. 理想ONE方控

我這邊所講的是理想ONE發(fā)布的最新款的車型。

1. 向上短按喚醒語音/結(jié)束對(duì)話。 向下短按接聽電話、長按掛斷電話；
2. 長按進(jìn)入儀表頁面內(nèi)容， 向上/向下滾動(dòng)滾輪切換頁面。退出儀表頁面內(nèi)容后，短按靜音/取消靜音；向上/鄉(xiāng)下滾輪滾輪 增加/減少音量；
3. 向上/向下短按 切換下一首/上一首。

1. 自動(dòng)泊車啟動(dòng)后，向上短按開始泊車/繼續(xù)泊車 ； 自動(dòng)泊車未啟動(dòng)，向上短按開始自動(dòng)泊車；向下短按激活自定義鍵。
2. 長按進(jìn)入儀表屏頁面內(nèi)容，向上/向下滑動(dòng)滾輪切換頁面。退出儀表屏內(nèi)容后，向上/向下滑動(dòng)滾輪，巡航車速增加/減少1km/h ；短按設(shè)置巡航車速為道路限速。
3. 向上短按執(zhí)行NOA系統(tǒng) 推薦變道，向下短按取消NOA系統(tǒng)推薦變道。

總結(jié)一下

方控作為車內(nèi)交互的重要硬件，現(xiàn)在市場上面還是多數(shù)車型以硬按鍵為主，將常用的功能移植到方向盤上面，比如快速調(diào)節(jié)音量大小、切歌等功能，也有調(diào)整駕駛模式跟車距離等等。

按照現(xiàn)在方向盤的進(jìn)展沒辦法滿足于智能化和數(shù)字化趨勢的轉(zhuǎn)變，很多車廠也在開始嘗試制作出前瞻性的智能化和數(shù)字化的方向盤，如果將中控可移植到方向盤上功能變的越多，那隨之而來就會(huì)減少駕駛員的注意力分散，從而可以提高安全駕駛的可能性。

PS：有可能在后面對(duì)于未來前瞻性的方向盤有文章安排計(jì)劃。

三、競品UI界面分析

在熱門車型UI界面中挑選對(duì)比，在分析完熱門車型頁面設(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ì)問你為什么要這么設(shè)計(jì)的時(shí)候，你得有理可循，沒有理論支持的設(shè)計(jì)如同一盤散沙，一擊就潰，這就是為什么我們設(shè)計(jì)師需要做很多的分析、調(diào)研等等一系列的準(zhǔn)備工作。

1. 主界面分析

特斯拉Model 3 、蔚來 ES6 、小鵬 P7 的主界面以地圖方式呈現(xiàn)，而理想 ONE 是有傳統(tǒng)上主界面的。

我們來分析一下特斯拉Model 3的首頁，既然取消掉儀表盤，取而代之的是占用中控左側(cè)1/3區(qū)域作為儀表盤的功能頁 + 右側(cè)2/3區(qū)域則作為車機(jī)系統(tǒng)頁面，將使用頻率較高的導(dǎo)航作為主界面，頂部的狀態(tài)欄基本都可以進(jìn)行點(diǎn)擊操作。

蔚來 ES6 也沿用將導(dǎo)航作為主界面和Model 3不同之處，是增加了兩個(gè)卡片，靠近主駕駛是常用的音樂卡片，旁邊則是車輛信息卡片。

小鵬 P7 也是導(dǎo)航作為他們的主界面，和蔚來 ES6 不一樣之處就在于小鵬 P7 的常用卡是放在中控左側(cè)欄，卡片的功能有：導(dǎo)航、音樂、電話、消息中心，頂部的狀態(tài)欄都可以進(jìn)行點(diǎn)擊操作。

理想 ONE 采用的是橫屏布局，它的主界面采用卡片式的功能頁面設(shè)計(jì)，理想 ONE 中控屏左側(cè)顯示的是時(shí)間以及5大功能鍵，右側(cè)是各個(gè)常用的功能卡片頁。我們很多項(xiàng)目的主頁也是采用這種卡片式設(shè)計(jì)。

延展一下小知識(shí)點(diǎn)，敲重點(diǎn)了，提高注意力聽一下。

對(duì)于汽車而言，卡片式設(shè)計(jì)有兩大好處：

1. 把學(xué)習(xí)成本降至最低；
2. 增加的接觸面積讓駕駛的時(shí)候，誤觸率也降到最低，給到用戶帶來最為直觀的體驗(yàn)就是簡單易用。

總結(jié)一下：

這邊對(duì)照分析的4款車型首頁的功能：車輛信息 + 導(dǎo)航（Model 3） / ?卡片 + 導(dǎo)航（ES6 +P7） ?/ ? 卡片（理想one），卡片樣式的設(shè)計(jì)，極大了提高對(duì)于功能的操作性，原本需要點(diǎn)擊功能進(jìn)入二級(jí)頁面，再進(jìn)行對(duì)其進(jìn)行操作，現(xiàn)在首頁可以直接利用（卡片 + 快捷按鈕）樣式便捷性操作該功能。還有多種首頁的樣式比如傳統(tǒng)功能圖標(biāo)采用的是“陳列式”的設(shè)計(jì)（代表作：蘋果carplay）。

1）在用色方面

車機(jī)系統(tǒng)用色方面大家都用了對(duì)比度較高的顏色，不會(huì)像移動(dòng)端那樣子，由于駕駛場景的特殊性，駕駛員沒有過多的時(shí)間停留在屏幕上，因此如果用了對(duì)比較低的，那么會(huì)影響到駕駛者的安全駕駛。

在我第一篇文章中我也有提到，文本視覺呈現(xiàn)及文本圖像至少要有?7:1?的對(duì)比度，針對(duì)大號(hào)文本以及大文本圖像至少有?4.5:1?的對(duì)比度。

2）自己理解 + 新的idea

首先要提高屏幕的利用率，不能為了設(shè)計(jì)而設(shè)計(jì)，從而讓費(fèi)屏幕的使用率，要站在用戶角度思考問題，幫助用戶解決問題和痛點(diǎn)，而不是想當(dāng)然天馬行空的設(shè)計(jì)，為了好看為出發(fā)點(diǎn)，有這個(gè)想法的請給我立馬打回去。

有的車廠設(shè)計(jì)方案為了好看將屏幕的利用率降低，3張功能卡 + 一個(gè)車模 + 車模下方控制車輛的3個(gè)功能按鈕 + 底部的dock欄，輸出的設(shè)計(jì)效果圖還不錯(cuò)，但是這是在犧牲了功能為代價(jià)的基礎(chǔ)上。

新的idea，首先要分場景，是輔助駕駛還是全自動(dòng)駕駛，因?yàn)槿詣?dòng)駕駛的話就不需要考慮安全駕駛的因素了，這樣設(shè)計(jì)方案可以做出很多種，交互方式也因此將改變。

安于現(xiàn)在的技術(shù)和道路復(fù)雜狀況，自動(dòng)駕駛發(fā)展的道路我覺得很長，對(duì)于前瞻性的設(shè)計(jì)還是要輸出和探索。下面我們就開始說一下，介于現(xiàn)在的設(shè)計(jì)該如何優(yōu)化首頁，有哪些值得我們?nèi)ヌ剿鞯模?/p>

在首頁中我們可以加入場景化相結(jié)合，比如天氣有陰雨天 、晴天、下雪等，都會(huì)在中控屏幕中顯示。

大家肯定會(huì)說這不會(huì)影響駕駛員嘛？現(xiàn)在的技術(shù)可以做到識(shí)別主駕駛眼球，當(dāng)主駕駛用眼睛掃描屏幕的時(shí)候，這些場景化的內(nèi)容會(huì)立即消失，而且在設(shè)計(jì)之初也會(huì)考慮到不會(huì)影響到駕駛和中控操作等，在不影響安全駕駛的情況下，我們可以將這個(gè)功能做到設(shè)置中開關(guān)切換狀態(tài)。

2. Dock欄分析

Model 3最高兩級(jí)菜單，所以操作起來非常的方便，底部的dock欄包含了車輛設(shè)置、音樂、攝像頭、雨刮器、座椅、風(fēng)量、溫度、前除霜、后除霜、音量。

更多功能 ???（通話、日歷、攝像頭、能量、充電、網(wǎng)絡(luò)、娛樂、玩具箱子）。

這邊就有人有疑問了，為什么dock欄圖標(biāo)下面沒有文字，而折疊后就加文字了呢？

首先下面作為常用的功能，前期通過4S店員的講解和查看使用手冊，短期的高頻率使用更容易讓人能夠記住它，所以在設(shè)計(jì)上只保留了icon去除了文字，相對(duì)于折疊的功能，它記憶性是呈現(xiàn)逐步遞減的，因此需要添加文字作為說明。

蔚來 ES6 由于是豎屏所以底部的 dock 欄 相對(duì) Model 3 減少很多，內(nèi)容 ?? 車輛、內(nèi)外循環(huán)、雙區(qū)溫度、風(fēng)量調(diào)節(jié)、前除霜、后除霜，屏幕中是減少了很多，但中控下面的硬按鍵彌補(bǔ)了中控過少的缺陷，硬按鍵包括主頁按鍵、設(shè)置按鍵、車輛駕駛模式設(shè)置按鍵以及音量旋鈕?？梢宰層脩舾涌旖莸剡M(jìn)入到相應(yīng)的設(shè)置頁面。

小鵬 P7 的 dock 欄位置處于屏幕的最左側(cè)，做在左邊的優(yōu)點(diǎn)大家肯定不謀而合地都會(huì)想到，他靠近左側(cè)的駕駛員呀。

對(duì)的，確實(shí)是基于這個(gè)體驗(yàn)做的方案，小鵬P7的 dock 欄內(nèi)容 ?? 應(yīng)用中心、車輛設(shè)置、自動(dòng)泊車、空調(diào)、音樂、電話等。與 Model 3 一樣，P7 大屏頂部各個(gè)圖標(biāo)也均可打開，比如個(gè)人中心、電量管理中心、車輛中心等等，可以快速進(jìn)入相應(yīng)的控制頁面。

理想 ONE 中的 dock欄就和其他三種車型有這很大的區(qū)別，既不是放在最左邊一豎排，也不是放在底部，由于1920×720分辨率的原因，不適合設(shè)計(jì)在底部區(qū)域，如果硬是放在底部的話，會(huì)占據(jù)很多可利用的空間，因此這種方案肯定不是最優(yōu)的選擇。

理想 ONE 的選擇區(qū)域就是最左側(cè)時(shí)間和音樂快捷控件的下方，雖然方式獨(dú)特，但也算是適合的方案，dock欄的內(nèi)容 ?? “主頁”、“車輛”、“導(dǎo)航”、“音樂”、“360倒車”。

總結(jié)一下：

關(guān)于Dock欄的設(shè)計(jì)，每個(gè)車廠都有自己的定義，當(dāng)中控屏幕為豎屏的時(shí)，dock幾乎都設(shè)計(jì)在底部，因?yàn)樵O(shè)計(jì)在底部的話可以大大提高屏幕的利用率，如果做在側(cè)邊欄可想而知，將會(huì)減少屏幕的利用率，如下圖：給大家展示一下效果。

小鵬 P7 和特斯拉 Model 3 屏幕類型相對(duì)比較類似 高度相同，長度 P7 比 Model 3 多出 480px，所以我想這是導(dǎo)致他們在設(shè)計(jì)策略不同的主要原因吧。他們在對(duì)于dock定義，各有優(yōu)缺點(diǎn)：

• 優(yōu)點(diǎn)：小鵬P7 dock欄在左側(cè) 便于用戶操作 ?/ ?特斯拉 ?Model 3 dock欄功能較多還有功能擴(kuò)展設(shè)計(jì)。
• 缺點(diǎn)：小鵬P7 dock欄功能相對(duì)較少，在操作空調(diào)調(diào)溫度體驗(yàn)很差 ?/ ?特斯拉 ?Model 3 dock欄 距離主駕駛較遠(yuǎn)的功能點(diǎn)擊困難，因此他們在對(duì)于功能定義排序有著很好的策略，將常用的功能集中于靠近主駕駛左側(cè)區(qū)域。

理想one做的比較特別，一般車載系統(tǒng)的設(shè)計(jì)dock欄不是放在 左側(cè) or 底部 （PS：海外版本 有的國家主駕駛是在右側(cè)的那么 放在左側(cè)的dock欄設(shè)計(jì)要移到右側(cè)區(qū)域中）。但是理想one的dock也是放在靠近主駕駛區(qū)域的位置。

自己理解 + 新的idea：

在對(duì)于dock做設(shè)計(jì)方案的時(shí)候，要考慮幾個(gè)要素：

1. 在安全駕駛為前提下便于用戶操作；
2. dock欄的內(nèi)容要使用頻率較高的功能；
3. dock欄的交互手勢不要過于復(fù)雜，點(diǎn)擊、左右、上下滑動(dòng)即可，長按的操作千萬別有。

新的idea，根據(jù)用戶習(xí)慣可進(jìn)行對(duì)dock功能進(jìn)行編輯，dock功能分為可編輯為不可編輯，比如返回主頁頁面設(shè)定為不可編輯，因?yàn)槿绻膭?dòng)了這個(gè)，全局的交互都會(huì)因此改變，再出設(shè)計(jì)方案就要多出很多內(nèi)容，所以需要可編輯為不可編輯，就像手機(jī)自帶的功能沒辦法刪除一個(gè)道理。

四、最后來個(gè)總結(jié)

在做競品分析的時(shí)候，不建議視覺設(shè)計(jì)和交互分的太明顯，在一個(gè)產(chǎn)品的設(shè)計(jì)體驗(yàn)上，他們是互相輔佐的，是一個(gè)互補(bǔ)的關(guān)系，如果你想要很好的鍛煉你自己一下，就要嘗試一下交互和視覺一起來做分析，還是那句話：站在用戶角度去為用戶考慮設(shè)計(jì)。

文章中如有不足之處，歡迎補(bǔ)充交流，我們下期見。

下期文章預(yù)告：HMI——語音探索

本文由@設(shè)計(jì)界的影帝 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議嗎