汽車的HMI設(shè)計，與B端和C端的設(shè)計思維，有哪些區(qū)別呢？本文作者從設(shè)計載體、設(shè)計原則、應(yīng)用功能、設(shè)計組件、用戶、使用場景等方面，對HMI與B端C端的區(qū)別進行了分析，一起來看一下吧。

??

很多同學(xué)都有UI設(shè)計經(jīng)驗想轉(zhuǎn)型HMI設(shè)計，今天來聊一聊HMI設(shè)計與C端B端設(shè)計的區(qū)別，大家可以對照補齊。

一、設(shè)計載體差異

HMI端設(shè)計載體非單一性。

儀表盤、中控屏、HUD、副駕駛娛樂屏、后排顯示屏。

二、設(shè)計原則差異

HMI設(shè)計原則還是遵循著已有的設(shè)計規(guī)范，我在這里只把HMI特有的設(shè)計原則拎出來。

1. 快速反饋機制

用戶有操作行為后，應(yīng)該在0.25秒提供有效的反饋。

根據(jù)3秒原則，行車中需要讓駕駛員在三秒內(nèi)完成操作。

2. 易于觸及及操作

手指與屏幕接觸面積在12mm*12mm，考慮行車顛簸在設(shè)計交互熱區(qū)的時候要大于實際交互元素。

而熱區(qū)和熱區(qū)的實際間隔保持在3.5mm。

配圖來自于百度車載小程序白皮書

3. 信息層級淺

還是根據(jù)車內(nèi)場景，在行駛的過程中，想要快速的完成任務(wù)，功能層級不能太深，頁面建議通過顏色的深淺打造層級感知。

4. 極簡交互

語音和觸控交互占比大，行車過程中建議語音交互為優(yōu)先解決方案。

同時車內(nèi)多模態(tài)交互（語音、觸控、隔空手勢、物理按鍵）的發(fā)展，從現(xiàn)在的人找車，可以變成車找人。

完車任務(wù)的時間和效率更高。

三、應(yīng)用功能差異

車載端應(yīng)用開發(fā)商話語權(quán)小，車載端用戶價值是C端用戶的8倍，所以各個賽道應(yīng)用都想上車，但是因為車機性能考慮，加上品類不宜過多。一般一個賽道只有一個產(chǎn)品成功上車。

四、設(shè)計組件差異

1. 文字

• 字體：中文使用思源黑 、或公司付費字體，英文Helvetica /Michroma。
• 字號：字階較少，6個字階左右就能滿足基本信息排布。
• 字數(shù)：根據(jù)3秒原則，字數(shù)不超過20個字。因為人的閱讀速度700/分鐘，三秒內(nèi)閱讀20字。

2. 顏色

1）按照國標來

《機動車運行安全技術(shù)條件》(GB7258-2017)-中華人民共和國國家標準.PDF

2）對比度在3:1~7:1之間

3）顏色設(shè)定有個公式：S (飽和度） + B（明度） ≤ 180

3. 圖標

• 大小：最小的圖標尺寸為6.9mm，推薦圖標大小為9.2mm。
• 分類：通用圖標、車設(shè)車控圖標、應(yīng)用圖標。

五、用戶差異

車內(nèi)用戶不是單一性，除了駕駛員、副駕駛、后排乘客。

以及用戶帶來的家庭屬性、社會屬性不同帶來的需求不同。

車內(nèi)用戶需求明確，數(shù)量少，駕駛為主，娛樂為輔，安全第一。

六、使用場景的差異

1. HMI行車場景的劃分

1）高速場景

特點：注意力釋放較少或極少，幾乎全部注意力集中在駕駛；

理念：保證駕駛?cè)蝿?wù)下，安全高效滿足其他需求；

設(shè)計原則：駕駛與服務(wù)同時滿足，地圖與浮窗共存，高優(yōu)任務(wù)解決，解決最高優(yōu)的單一任務(wù)；

經(jīng)典場景：長途高速駕駛場景、陌生危險駕駛場景。

2）低速場景

特點：可釋放一定注意力；

理念：保證行車安全下，提高信息獲取和任務(wù)實現(xiàn)效率；

設(shè)計原則：駕駛與服務(wù)同時滿足，地圖與浮窗共存，組合交互，語音為主，屏幕為輔，信息密度和熱區(qū)要高效；可多條任務(wù)解決，以簡單任務(wù)為主，以高優(yōu)任務(wù)優(yōu)先；

經(jīng)典場景：上下班場景、泊車場景。

3）停車場景

特點：可釋放較多注意力，在有足夠時長下，提升沉浸感和探索性；

理念：在有足夠時長下，提升場景沉浸感和內(nèi)容可探索性；

設(shè)計原則：沉浸式服務(wù)，全屏展示；多模態(tài)交互，觸屏為主，手勢為輔，較大量信息密度及較強交互反饋；個性多樣任務(wù)解決，以復(fù)雜任務(wù)為主，解決個性化需求；

經(jīng)典場景：休息場景、娛樂場景、車內(nèi)聚會場景，車外交互場景，養(yǎng)護場景。

2. HMI生活場景的劃分

車作為用戶生活的第二空間，與汽車之間的粘性遠比我們現(xiàn)在所能想象的要更強。

上下班出勤場景、接送孩子場景、情侶戀愛場景、車內(nèi)聚會場景、車輛出借場景、長途出行場景、自動駕駛場景、共享租賃場景、車外交互場景、智能家居互聯(lián)場景等。