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

一、語音交互分析

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

1. 特斯拉Model 3?

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

缺點：如需想要再次調節(jié)溫度高低，只能通過對中控屏下方的dock欄調節(jié)溫度區(qū)域進行滑動。

2. 蔚來ES6

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

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

3. 小鵬P7

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

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

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

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

4. 理想ONE

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

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

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

缺點：對于方言的識別率還有待提高。

5. 總結一下

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

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

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

二、競品方控分析

1. 特斯拉Model 3方控

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

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

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

右側功能就相對減少了：語音指令 / 調節(jié)設置速度 / 調節(jié)跟車距離。

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

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

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

2. 蔚來ES6方控

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

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

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

• 左上角 ?? 語音功能鍵 ? ? / ? ?左下角 ?? 方向導航鍵。
• 右上角 ?? 菜單鍵 ? / ? 右下角 ?? 方向導航鍵 ? / ? 中間 ??? ?圓圈 ?? 為確認鍵、兩邊左右側為切歌。

3. 小鵬P7方控

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

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

觸摸左側旋轉來可以進行切換儀表盤左側的顯示內容，內容有車輛信息、音樂、胎壓、行駛里程等。

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

觸摸右側旋轉來也可以進行切換儀表盤右側的顯示內容。

4. 理想ONE方控

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

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

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

總結一下

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

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

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

三、競品UI界面分析

在熱門車型UI界面中挑選對比，在分析完熱門車型頁面設計的內容后，我會呈現(xiàn)一些自己的idea，這些純屬個人想法，并未用到實際項目中。

下面我會從單個功能 ?? 對比體驗，單個界面 ?? 從界面內容、交互操作、信息位置、信息數(shù)量、色彩使用、界面風格，多個界面從 ?? 功能的邏輯、用色統(tǒng)一、情緒引導出發(fā)闡述。

當有人質問你為什么要這么設計的時候，你得有理可循，沒有理論支持的設計如同一盤散沙，一擊就潰，這就是為什么我們設計師需要做很多的分析、調研等等一系列的準備工作。

1. 主界面分析

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

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

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

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

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

延展一下小知識點，敲重點了，提高注意力聽一下。

對于汽車而言，卡片式設計有兩大好處：

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

總結一下：

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

1）在用色方面

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

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

2）自己理解 + 新的idea

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

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

新的idea，首先要分場景，是輔助駕駛還是全自動駕駛，因為全自動駕駛的話就不需要考慮安全駕駛的因素了，這樣設計方案可以做出很多種，交互方式也因此將改變。

安于現(xiàn)在的技術和道路復雜狀況，自動駕駛發(fā)展的道路我覺得很長，對于前瞻性的設計還是要輸出和探索。下面我們就開始說一下，介于現(xiàn)在的設計該如何優(yōu)化首頁，有哪些值得我們去探索的？

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

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

2. Dock欄分析

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

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

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

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

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

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

對的，確實是基于這個體驗做的方案，小鵬P7的 dock 欄內容 ?? 應用中心、車輛設置、自動泊車、空調、音樂、電話等。與 Model 3 一樣，P7 大屏頂部各個圖標也均可打開，比如個人中心、電量管理中心、車輛中心等等，可以快速進入相應的控制頁面。

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

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

總結一下：

關于Dock欄的設計，每個車廠都有自己的定義，當中控屏幕為豎屏的時，dock幾乎都設計在底部，因為設計在底部的話可以大大提高屏幕的利用率，如果做在側邊欄可想而知，將會減少屏幕的利用率，如下圖：給大家展示一下效果。

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

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

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

自己理解 + 新的idea：

在對于dock做設計方案的時候，要考慮幾個要素：

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

新的idea，根據(jù)用戶習慣可進行對dock功能進行編輯，dock功能分為可編輯為不可編輯，比如返回主頁頁面設定為不可編輯，因為如果改動了這個，全局的交互都會因此改變，再出設計方案就要多出很多內容，所以需要可編輯為不可編輯，就像手機自帶的功能沒辦法刪除一個道理。

四、最后來個總結

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

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

下期文章預告：HMI——語音探索

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

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