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

??

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

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

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

儀表盤(pán)、中控屏、HUD、副駕駛娛樂(lè)屏、后排顯示屏。

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

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

1. 快速反饋機(jī)制

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

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

2. 易于觸及及操作

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

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

配圖來(lái)自于百度車(chē)載小程序白皮書(shū)

3. 信息層級(jí)淺

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

4. 極簡(jiǎn)交互

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

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

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

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

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

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

1. 文字

• 字體：中文使用思源黑 、或公司付費(fèi)字體，英文Helvetica /Michroma。
• 字號(hào)：字階較少，6個(gè)字階左右就能滿足基本信息排布。
• 字?jǐn)?shù)：根據(jù)3秒原則，字?jǐn)?shù)不超過(guò)20個(gè)字。因?yàn)槿说拈喿x速度700/分鐘，三秒內(nèi)閱讀20字。

2. 顏色

1）按照國(guó)標(biāo)來(lái)

《機(jī)動(dòng)車(chē)運(yùn)行安全技術(shù)條件》(GB7258-2017)-中華人民共和國(guó)國(guó)家標(biāo)準(zhǔn).PDF

2）對(duì)比度在3:1~7:1之間

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

3. 圖標(biāo)

• 大?。鹤钚〉膱D標(biāo)尺寸為6.9mm，推薦圖標(biāo)大小為9.2mm。
• 分類(lèi)：通用圖標(biāo)、車(chē)設(shè)車(chē)控圖標(biāo)、應(yīng)用圖標(biāo)。

五、用戶差異

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

以及用戶帶來(lái)的家庭屬性、社會(huì)屬性不同帶來(lái)的需求不同。

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

六、使用場(chǎng)景的差異

1. HMI行車(chē)場(chǎng)景的劃分

1）高速場(chǎng)景

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

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

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

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

2）低速場(chǎng)景

特點(diǎn)：可釋放一定注意力；

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

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

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

3）停車(chē)場(chǎng)景

特點(diǎn)：可釋放較多注意力，在有足夠時(shí)長(zhǎng)下，提升沉浸感和探索性；

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

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

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

2. HMI生活場(chǎng)景的劃分

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

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