HMI 競品分析——實戰演練(下)

1 評論 5957 瀏覽 39 收藏 26 分鐘

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

一、語音交互分析

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

1. 特斯拉Model 3?

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

缺點:如需想要再次調節溫度高低,只能通過對中控屏下方的dock欄調節溫度區域進行滑動。

2. 蔚來ES6

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

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

3. 小鵬P7

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

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

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

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

4. 理想ONE

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

所謂的四音區鎖定就是理想同學此前已經支持車內前后左右四個音區識別控制功能,但這也帶來一個問題:熊孩子在后面亂指揮怎么辦?

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

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

5. 總結一下

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

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

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

二、競品方控分析

1. 特斯拉Model 3方控

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

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

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

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

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

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

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

2. 蔚來ES6方控

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

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

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

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

3. 小鵬P7方控

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

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

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

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

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

4. 理想ONE方控

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

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

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

總結一下

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

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

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

三、競品UI界面分析

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

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

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

1. 主界面分析

特斯拉Model 3 、蔚來 ES6 、小鵬 P7 的主界面以地圖方式呈現,而理想 ONE 是有傳統上主界面的。

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

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

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

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

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

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

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

總結一下:

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

1)在用色方面

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

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

2)自己理解 + 新的idea

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

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

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

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

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

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

2. Dock欄分析

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

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

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

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

蔚來 ES6 由于是豎屏所以底部的 dock 欄 相對 Model 3 減少很多,內容 ?? 車輛、內外循環、雙區溫度、風量調節、前除霜、后除霜,屏幕中是減少了很多,但中控下面的硬按鍵彌補了中控過少的缺陷,硬按鍵包括主頁按鍵、設置按鍵、車輛駕駛模式設置按鍵以及音量旋鈕。可以讓用戶更加快捷地進入到相應的設置頁面。

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

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

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

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

總結一下:

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

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

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

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

自己理解 + 新的idea:

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

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

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

四、最后來個總結

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

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

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

 

本文由@設計界的影帝 原創發布于人人都是產品經理,未經作者許可,禁止轉載。

題圖來自Unsplash,基于CC0協議嗎

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 大佬寫得好詳細專業啊?。?!

    來自廣東 回復