HMI設計與B端C端設計思維區別

2 評論 7452 瀏覽 37 收藏 8 分鐘

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

??

很多同學都有UI設計經驗想轉型HMI設計,今天來聊一聊HMI設計與C端B端設計的區別,大家可以對照補齊。

一、設計載體差異

HMI端設計載體非單一性。

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

HMI設計與B端C端設計思維區別

二、設計原則差異

HMI設計原則還是遵循著已有的設計規范,我在這里只把HMI特有的設計原則拎出來。

1. 快速反饋機制

用戶有操作行為后,應該在0.25秒提供有效的反饋。

根據3秒原則,行車中需要讓駕駛員在三秒內完成操作。

2. 易于觸及及操作

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

而熱區和熱區的實際間隔保持在3.5mm。

HMI設計與B端C端設計思維區別

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

3. 信息層級淺

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

HMI設計與B端C端設計思維區別

4. 極簡交互

語音和觸控交互占比大,行車過程中建議語音交互為優先解決方案。

同時車內多模態交互(語音、觸控、隔空手勢、物理按鍵)的發展,從現在的人找車,可以變成車找人。

完車任務的時間和效率更高。

三、應用功能差異

車載端應用開發商話語權小,車載端用戶價值是C端用戶的8倍,所以各個賽道應用都想上車,但是因為車機性能考慮,加上品類不宜過多。一般一個賽道只有一個產品成功上車。

HMI設計與B端C端設計思維區別

四、設計組件差異

1. 文字

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

HMI設計與B端C端設計思維區別

2. 顏色

1)按照國標來

HMI設計與B端C端設計思維區別

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

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

HMI設計與B端C端設計思維區別

3)顏色設定有個公式:S (飽和度) + B(明度) ≤ 180

HMI設計與B端C端設計思維區別

3. 圖標

  • 大?。鹤钚〉膱D標尺寸為6.9mm,推薦圖標大小為9.2mm。
  • 分類:通用圖標、車設車控圖標、應用圖標。

HMI設計與B端C端設計思維區別

HMI設計與B端C端設計思維區別

五、用戶差異

車內用戶不是單一性,除了駕駛員、副駕駛、后排乘客。

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

車內用戶需求明確,數量少,駕駛為主,娛樂為輔,安全第一。

六、使用場景的差異

1. HMI行車場景的劃分

1)高速場景

特點:注意力釋放較少或極少,幾乎全部注意力集中在駕駛;

理念:保證駕駛任務下,安全高效滿足其他需求;

設計原則:駕駛與服務同時滿足,地圖與浮窗共存,高優任務解決,解決最高優的單一任務;

經典場景:長途高速駕駛場景、陌生危險駕駛場景。

2)低速場景

特點:可釋放一定注意力;

理念:保證行車安全下,提高信息獲取和任務實現效率;

設計原則:駕駛與服務同時滿足,地圖與浮窗共存,組合交互,語音為主,屏幕為輔,信息密度和熱區要高效;可多條任務解決,以簡單任務為主,以高優任務優先;

經典場景:上下班場景、泊車場景。

3)停車場景

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

理念:在有足夠時長下,提升場景沉浸感和內容可探索性;

設計原則:沉浸式服務,全屏展示;多模態交互,觸屏為主,手勢為輔,較大量信息密度及較強交互反饋;個性多樣任務解決,以復雜任務為主,解決個性化需求;

經典場景:休息場景、娛樂場景、車內聚會場景,車外交互場景,養護場景。

2. HMI生活場景的劃分

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

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

專欄作家

郝小七,微信公眾號:七醬設計筆記,人人都是產品經理專欄作家。蜻蜓FM高級UI設計師,5年工作經驗。專注于體驗設計,歡迎各位同學一起交流。

本文原創發布于人人都是產品經理,未經作者許可,禁止轉載。

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

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 您好 互聯網產品經理轉行做智能座艙產品,有沒可推薦的學習視頻、網站、書籍

    來自湖北 回復
  2. 感覺沒有怎么提到設計思維的差別哦,設計思維是解決某個問題的思考方式吧,這篇文章應該主要是設計上的區別吧??

    來自北京 回復