如何才能讓用戶擁有更好、更安全的HMI交互體驗？為了達成這一目的，設(shè)計師除了要對當(dāng)前的市場、產(chǎn)品、用戶等各個方面有所了解，還需要在落地時，在視覺、交互等維度搭建好對應(yīng)策略。本篇文章里，作者便總結(jié)了HMI設(shè)計落地過程中的一些要點，一起來看一下。

在上篇的文章中我們提到了車載設(shè)計的一些基礎(chǔ)知識，今天的這篇進階的文章我來講講HMI設(shè)計落地中交互和視覺一些要點知識。

一、HMI交互設(shè)計基礎(chǔ)

1. HMI交互設(shè)計及其發(fā)展概述

2012年以前，汽車行業(yè)最開始沒有HMI設(shè)計這樣的概念，OEM商稱之為“flowchat”即流程圖，2012年以后，汽車HMI隨著互聯(lián)網(wǎng)大潮的推動，特別是汽車四化-電動化、網(wǎng)聯(lián)化、智能化、共享化的發(fā)展趨勢，HMI交互設(shè)計才真正意義上有了更加專業(yè)的定位，不同時期對應(yīng)的是汽車HMI主流交互方式的變化。

• 2006年以前的主流交互方式：物理按鍵；
• 2008-2012年的主流交互方式：物理按鍵+觸控；
• 2012-2018年的主流交互方式：觸控+手勢+物理按鍵+語音識別；
• 2018-2020年的主流交互方式：語音識別+觸控+手勢+物理按鍵；
• 2020年后主流交互方式：多模態(tài)交互方式（視、觸、聽、味、嗅）。

2. HMI交互設(shè)計的基礎(chǔ)認(rèn)知

1）安全至上

和玩APP和iPad不同的是場景，駕駛員經(jīng)常是在駕駛的場景下開車，非常容易因為注意力不集中而導(dǎo)致事故的發(fā)生，所以設(shè)計的時候要避免過多的讓駕駛員的注意力分配到車機上，而應(yīng)該更加聚集于駕駛本身。

即使現(xiàn)在有的車搭載了自動駕駛技術(shù)，但是還是時長能夠看到因為駕駛員過度讓AI接管駕駛而導(dǎo)致事故發(fā)生的新聞，期待有一天自動駕駛技術(shù)的成熟，車成為移動的第三空間，駕駛員可以做其他的事情，這時候或許我們不用再考慮HMI對駕駛安全的影響。

2）汽車數(shù)字座艙&顯示屏

首先我們要明確的一點是汽車數(shù)字座艙，并不僅僅指是幾塊屏幕那么簡單，而是座艙電子的全面提升，由車載娛樂系統(tǒng)、流媒體中央后視鏡、抬頭顯示HUD、全液晶儀表、車聯(lián)網(wǎng)模塊、360度環(huán)視、輔助安全駕駛、副駕及其后座娛樂系統(tǒng)等組成的一套完成的體系。

而車內(nèi)顯示屏主要主要分為HUD、儀表盤、中控屏+副駕駛娛樂屏、中控臺、后排娛樂屏幕、扶手屏，所以HMI設(shè)計師主要關(guān)注的就是這些顯示屏。

3）常見功能使用頻率

我們將按照使用頻率和重要度這2個維度來劃分我們的功能，常用的功能是導(dǎo)航、音樂、電話；常用的控制操作是空調(diào)控制、除霧開關(guān)、倒車、充電，不常用的有：三方APP、設(shè)置等功能，所以大家基本上看到不管是新能源車還是燃油車，基本常用的幾個功能基本上都是顯示在首頁，并且各大車廠相差無異。

4）對基本的觸控的認(rèn)知

我們在考慮功能布局的時候，要很清楚對駕駛場景有很清晰的認(rèn)知，特別是對于出行過程中信息獲取的直觀性以及觸控的便捷度要重點考量，需要對全局的功能布局，交互結(jié)構(gòu)進行合理的編排。

在駕駛員位置的時候，中控界面的最左側(cè)的區(qū)域是容易觸控區(qū)，它是距離駕駛員最近的地方，也是信息獲取最清晰，操作最便捷的區(qū)域；中間部分的區(qū)域是可觸控區(qū)域，它相對來說說觸控也是比較方便的。

最右側(cè)的區(qū)域是較難觸控區(qū)，駕駛員要將手伸的很長才能夠觸碰到，這塊區(qū)域盡量是避免設(shè)置重要的功能入口。

5）多模態(tài)交互

“多模態(tài)交互”是融合了人的視覺、聽覺、觸覺等多種感官，計算機利用多種通信通道響應(yīng)輸入，并充分模擬人與人之間的交互方式。

隨著汽車的不斷智能化，操作方式從傳統(tǒng)的機械按鍵到現(xiàn)在的觸控操作、語音操控、手勢操控，人車之間的交互途徑增加并且更加多樣化，汽車的開發(fā)者們也開始思考駕駛場景中的交互邏輯，如何實現(xiàn)高效、安全、易用的人機交互。

6）自動駕駛級別定義&ADAS

說到ADAS，可能很多人聽過，但是沒有全方位地了解過，ADAS是Advanced Driving Assistance System的簡稱。中文名叫做高級駕駛輔助系統(tǒng)。

按照SAE（美國汽車工程師學(xué)會）的標(biāo)準(zhǔn)，自動駕駛汽車視智能化、自動化程度水平分為6個等級：無自動化（L0）、駕駛支援（L1）、部分自動化（L2）、有條件自動駕駛（L3）、高度自動駕駛（L4）和完全自動駕駛（L5）。

• 無自動化（L0）：就是完全由駕駛員進行駕駛操作，屬于純?nèi)斯ゑ{駛，汽車只負(fù)責(zé)機械執(zhí)行駕駛員的操控命令并不進行駕駛干預(yù)。
• 駕駛支援（L1）：自動系統(tǒng)有時能夠輔助駕駛員完成某些駕駛?cè)蝿?wù)，比如常說的車道保持系統(tǒng)和自動制動系統(tǒng)就屬于L1級自動駕駛的范疇，現(xiàn)在的燃油車基本屬于L1級別。
• 部分自動化（L2）：是自動系統(tǒng)能夠完成某些駕駛?cè)蝿?wù)，但駕駛員需要監(jiān)控駕駛環(huán)境并準(zhǔn)備隨時接管。目前絕大多數(shù)車企（華為、小鵬、特斯拉）都已經(jīng)做到了L2級別的自動駕駛技術(shù)，比如ACC自適應(yīng)巡航和撥動轉(zhuǎn)向燈即可實現(xiàn)自動變道行駛等等。在這個階段，雖然機器可以獨立完成一些組合行駛需求，但駕駛員仍需要將雙手雙腳預(yù)備在方向盤及制動踏板上隨時待命。
• 有條件自動駕駛（L3）：在L3級別下，車輛可以實現(xiàn)絕大部分路況的自動駕駛，接管汽車一大部分駕駛功能。但是在L3階段，駕駛員仍需時刻保持注意力，以便在出現(xiàn)緊急情況時及時接管車輛。
• 高度自動駕駛（L4）：到了L4級自動駕駛，車內(nèi)的自動化系統(tǒng)已經(jīng)非常完善，車輛已經(jīng)可以接替駕駛員的工作達到自動駕駛的水平，但如果駕駛員想親自開車，仍可以接管車輛。不夸張的說，坐在L4級別自動駕駛的汽車?yán)铮阋呀?jīng)可以安穩(wěn)的睡覺了。
• 完全自動駕駛（L5）：到了這個級別，汽車已經(jīng)可以在完全不需要駕駛員介入的情況下來進行所有的駕駛操作，駕駛員也可以將注意力放在其他的方面比如工作或是休息。

7）視覺在上，操作在下

在駕駛員駕駛的過程中，用戶大部分的精力是聚焦在駕駛行為上，小部分的時間會用來操控車輛，所以避免因為用戶的操作行為而干擾用戶的注意力，所以信息的布局是我們要重點考慮的。

避開方向盤：

方向盤的遮擋也是我們在設(shè)計時需要注意的地方，一般左下角的位置是距離方向盤最近的地方，也是最容易被方向盤視線遮擋的地方，還有儀表盤的四個角落的位置。

8）3s原則

3秒原則：用戶的注意力管理對減少由注意力分散導(dǎo)致的交通事故十分必要，開車過程中，必要操作需要遵循 3 秒原則，用戶必須在第 1 秒內(nèi)找到應(yīng)用場景的重點信息與功能入口，然后第 2 秒進行交互動作，最后第 3 秒得到想要的信息結(jié)果。

準(zhǔn)確把握每個過程中的時間，排除多余元素干擾，避免分散注意力。

9）常見的汽車交互場景

在基礎(chǔ)篇中我們提到未來的汽車是人們的第三智能生活空間（娛樂空間、辦公空間、生活空間……）未來車內(nèi)的交互場景將逐漸由駕駛艙艙內(nèi)的駕駛行為主導(dǎo)的人機交互轉(zhuǎn)變?yōu)榛谌粘Ｉ钪卸鄨鼍暗慕换ィ诓煌膱鼍?，我們的設(shè)計應(yīng)該也有所不同。

而目前對于新能源車來說在座艙需要產(chǎn)生的常見交互的場景是：娛樂場景、養(yǎng)護場景、休息場景、出勤場景，接送孩子場景，情侶戀愛場景，車內(nèi)聚會場景，長途出行場景，自動駕駛場景，共享租賃場景，車外交互場景，智能家居互聯(lián)場景等，這些都和我們的生活息息相關(guān)，還需要我們設(shè)計師去挖掘探索。

10）全觸控并不一定好

有些車為了主打科技的產(chǎn)品理念，將車內(nèi)的操控都變成了觸控、電子化，但是全面的電子化并不定都是最佳的體驗，比如開門的按鍵，觸控的方式就不如按鍵更加直接，還有些觸控的按鍵在強光下識別性會變得非常的弱。

二、HMI交互設(shè)計需求分析的要點

1. 需求分析-了解自身，通過設(shè)計放大特點

HMI的設(shè)計和其他數(shù)字產(chǎn)品一樣，在設(shè)計開始前，我們都要對當(dāng)前的產(chǎn)品、市場、用戶、品牌有著清晰的認(rèn)知，HMI設(shè)計的目的也是放大產(chǎn)品的特點，以下是我們要了解的內(nèi)容舉例：汽車性能要求、造型姿態(tài)、功能、內(nèi)飾效果、汽車設(shè)計理念、操控、人性化、品牌傳承、目標(biāo)用戶。

2. 競品分析-制定差異化的產(chǎn)品策略

對競品分析目的是的明確當(dāng)前的市場定位，發(fā)掘?qū)Ψ降膬?yōu)缺點，幫助我們自身的產(chǎn)品制定差異化的競爭策略，也是取長補短虛心學(xué)習(xí)的過程，比如我們可以看到蔚來的產(chǎn)品定位是一二線時尚且有一定消費能力的人群，年齡層次在30-40歲左右，和特斯拉的人群有著一些重合，所以我們能夠看到蔚來汽車的內(nèi)飾、線下店、HMI配色都是比較柔和的，更像是一個時尚溫馨的家庭空間。

3. 受眾分析-吸引目標(biāo)消費者購買

做產(chǎn)品永遠繞不開的用戶，HMI的設(shè)計同樣，我們要對用戶進行調(diào)研，了解用戶的消費意向和和核心考量的因素，并為他們的需求找到合理化的解決方案。

三、HMI創(chuàng)新的交互形式

1. 沉浸式

通過多角度的方式去為用戶塑造沉浸感，結(jié)合智能表面和車窗屏幕技術(shù)的發(fā)展，為車內(nèi)打造了個性化的場景體驗。比如，我們在車窗屏幕上購物；在天窗和前擋風(fēng)玻璃上看電影；輕點扶手區(qū)，在中控區(qū)感受大海的浪漫，再結(jié)合環(huán)繞式音響技術(shù)來體驗自然等。

2. 本土化設(shè)計

不同的國家有著不同的文化積淀，用好經(jīng)過歷史長河遺留下來的文化隗寶也能夠讓我們的設(shè)計充滿文化氣息，帶來更多名族自豪感和認(rèn)同感。比如：結(jié)合中國文化，紅旗以“尚·致·意”為核心設(shè)計理念，通過HMI界面中的山河意境，來致敬華夏數(shù)千年的大好河山，從視覺和操作上，打造極致的駕駛體驗，真正體現(xiàn)東方骨架，現(xiàn)代解構(gòu)。

3. 制造驚喜

在用戶的不經(jīng)意間創(chuàng)造驚喜，維持高質(zhì)量的車載體驗，比如：節(jié)日氛圍、生日的祝?！?/p>

4. 主動交互

未來的汽車更像是一個懂你的朋友，他能夠知曉你下一步的動作，主動和你交互，而不是被動的等待你發(fā)出指令去執(zhí)行，主動交互主要可以分為功能性、情感性、安全性這幾個類別。

1）功能性

比如當(dāng)我們走向車輛時，車輛會自動打開車門并通過燈光投射出迎賓語。

2）娛樂性

比如當(dāng)我們再情緒低落的時候，車載機器人會主動過來和人類進行交流，當(dāng)我們累了的時候會主動提供按摩服務(wù)，播放舒緩的音樂。

3）安全性

比如駕駛員疲勞駕駛是，通過釋放氣味和音樂來喚醒駕駛員，晚上汽車燈光自動識別行人，主動降低燈光亮度，避免直射行人眼睛。

四、HMI視覺設(shè)計

1. HMI視覺設(shè)計的特點分析

我們基本上對于HMI視覺設(shè)計特點可以分為3種類型：潮流化，個性化，品牌化。

1）潮流化

潮流化指的緊跟目前主流的設(shè)計趨勢，比如我們可以看到各大主機廠用爛了的卡片化設(shè)計，蔚來、小鵬、理想的HMI都是沿用了互聯(lián)網(wǎng)的主流設(shè)計方式-卡片式設(shè)計、扁平化。

• 扁平化設(shè)計：扁平化的設(shè)計雖然是趨勢，但是也是能夠設(shè)計出不一樣的產(chǎn)品個性來，并不是大家說的要加各種光效、紋理、材質(zhì)。
• 卡片式設(shè)計：國內(nèi)汽車品牌絕大多數(shù)都在使用卡片式的設(shè)計，當(dāng)然有時是出于信息區(qū)分和適配的角度考慮，但是卡片式的設(shè)計卻很容易限制創(chuàng)意和個性的產(chǎn)生。

2）個性化

個性化指的是能夠凸顯產(chǎn)品的個性特點，能夠根據(jù)車型的特點進行個性化的設(shè)計，強化產(chǎn)品的設(shè)計特點，從在產(chǎn)品咨詢公司接觸過的HMI設(shè)計項目來說，一般主機廠還是希望能夠突出自己的個性，打破固化的設(shè)計思維，比如特斯拉cybertruck HMI未來、硬朗的設(shè)計風(fēng)格，強化了皮卡硬朗的設(shè)計特點，白天讓那個HMI去掉代辦的卡片式設(shè)計，運用不規(guī)則的排版、多邊形的設(shè)計塑造產(chǎn)品的個性。

3）品牌化

品牌化指的是品牌定位、產(chǎn)品家族、HMI風(fēng)格能夠形成高度的統(tǒng)一，比如蔚來塑造的未來的第三生活空間，從內(nèi)飾、門店、HMI、品牌理念都給人溫馨、愜意的未來生活空間的感受，也算是國內(nèi)品牌化做的比較好的汽車品牌。

2. HMI的設(shè)計原則&理念

HMI相關(guān)的設(shè)計需要關(guān)注汽車所定位的目標(biāo)用戶他們的行為習(xí)慣、消費偏好，為產(chǎn)品提供專業(yè)、契合品牌調(diào)性的設(shè)計方案，并通過HMI的設(shè)計提升產(chǎn)品的安全性、人性化、情感化、個性化的價值。

3. HMI視覺設(shè)計的方法

1）儀表的造型設(shè)計方法

當(dāng)我們設(shè)計儀表的時候要考慮的幾個點分別是：

1. 空間透視；
2. 儀表的表頭形態(tài)；
3. 不同模式儀表的形態(tài)變化。

區(qū)別于扁平化的設(shè)計，儀表的設(shè)計經(jīng)常會采用空間縱深感比較強的設(shè)計方式，它能夠和我們的駕駛空間透視場景保持統(tǒng)一，同時也能構(gòu)讓界面層次更加富有變化。

大部分的汽車都會設(shè)置運動模式、舒適模式、經(jīng)濟模式，當(dāng)不同的模式我們可以考慮設(shè)計儀表不同形態(tài)變化，讓用戶更容易感知模式的變化。

儀表的功能一般要體現(xiàn)車速、轉(zhuǎn)速、減速、用電功耗、檔位、油量變化等功能，在造型設(shè)計上，我們主要可以從3個方式去尋找設(shè)計靈感。

1. 通過契合產(chǎn)品特點的工業(yè)、建筑造型設(shè)計來尋找設(shè)計的靈感；
2. 通過汽車造型的設(shè)計語言（車頭前臉、尾燈、內(nèi)飾、車身線條）來尋找設(shè)計的方向；
3. 從品牌調(diào)性來探索HMI的設(shè)計靈感。

2）IVI（中控屏）設(shè)計的難點

IVI（In-Vehicle Infotainment）是車載信息娛樂系統(tǒng)，也就是我們說的中控屏，中控屏的視覺設(shè)計首先要重點考慮的是如何與儀表盤的設(shè)計風(fēng)格上保持一致，并在一體化的構(gòu)圖下，儀表和中控能形成一個整體，其次要考慮的點是如何在基本常用功能一致的情況下，在視覺上能夠和其他產(chǎn)品拉開比較大的差距。

4. HMI如何設(shè)計的不一樣

當(dāng)我們不管看國內(nèi)主機廠設(shè)計的車機界面，還是看國內(nèi)設(shè)計平臺設(shè)計師發(fā)布的HMI設(shè)計方案，發(fā)現(xiàn)大部分的設(shè)計逃不過卡片式設(shè)計，基本在布局、設(shè)計理念上并沒有太多的創(chuàng)新，那么對于我們設(shè)計師來說應(yīng)該如何去打破這種固定的設(shè)計方式呢？或許從優(yōu)秀的設(shè)計中我們能找尋到這個問題的答案。

1）打造無邊界設(shè)計

無邊界的設(shè)計指的是突破卡片的限制，讓設(shè)計更加的一體化，在構(gòu)圖和頁面布局上也更加的大膽，比如，我們可以看到拜騰汽車和特斯拉cybertruck HMI概念設(shè)計都嘗試創(chuàng)造無邊界的設(shè)計。

2）塑造空間立體感

我們經(jīng)常在設(shè)計中聽到“你的設(shè)計太平了”，這其實就是說我們的設(shè)計沒有沒有立體空間感、沒有層次變化，HMI的設(shè)計也是同樣的道理，塑造空間感能夠讓我們的畫面層次更加分明，畫面更加具有想象空間。

3）特殊的質(zhì)感

在界面中應(yīng)用好質(zhì)感也是能夠讓設(shè)計變的更加精致，質(zhì)感可以增加視覺層次，讓畫面更加耐看。簡單地說，質(zhì)感就是物體呈現(xiàn)出的物質(zhì)真實感，這體現(xiàn)在很多方面，例如光影、色澤、質(zhì)地等。想想蘋果iOS7.0之后的系統(tǒng)界面，毛玻璃效果的磨砂質(zhì)感讓畫面看起來精致優(yōu)雅，輕輕松松達到簡約的高級美感。

4）獨特的造型

獨特的造型是突出產(chǎn)品個性最直觀的表達方式，前面提到的無邊界設(shè)計、質(zhì)感、立體感是能夠提升設(shè)計的品質(zhì)感和差異化，但也是比較難的，他們是設(shè)計的隱喻表達，這些就像是人的內(nèi)在性格，要多去接觸才能夠感受到，但是獨特的造型是設(shè)計最直觀的表達，它就像是一個人和大多數(shù)的圓臉不一樣，突然長了一個多邊形臉，你看一眼就基本能夠記住他了。

5）獨特的設(shè)計理念

當(dāng)我們的設(shè)計表達有了設(shè)計理念和故事，就變得有了靈魂。

奔馳smat#1的HMI設(shè)計理念來源于“smart靈感星球”，界面、HMI都采用LOW POY多面體的設(shè)計語言，看起來非常的特別和大膽，和新車的靈動、感性的調(diào)性也非常契合。

全新BMW iDrive采用了斜切角設(shè)計和獨特的光影效果，視覺語言要傳達的是有性格、有棱角的態(tài)度。斜切角的設(shè)計不僅出現(xiàn)在儀表盤上，還有抬頭顯示的速度托盤、中央扶手旋鈕區(qū)域的木質(zhì)托盤、中控屏主菜單的卡片單元背景，以及在內(nèi)飾、外飾很多細(xì)節(jié)處。 做這些設(shè)計要達成的效果就是打造高辨識度和豪華感。

6）炫酷的動效

五、總結(jié)

我們來簡單回顧下車載HMI設(shè)計指南（基礎(chǔ)篇）&（進階篇）所講述的內(nèi)容。

在基礎(chǔ)篇中和大家講解了HMI設(shè)計的一些基本知識，帶大家了解了HMI設(shè)計這個神秘有趣的行業(yè)；在進階篇和大家主要講解了HMI設(shè)計落地過程中交互&視覺我們需要注意的點和基本一些方法。

最后，希望這2篇文章你能夠開啟你HMI設(shè)計的大門。

參考文獻：

[1] 《快速上手，車載HMI設(shè)計要點》http://www.360doc.com/content/22/0704/10/144930_1038535299.shtml

[2] 《7000字深度解讀！車載HUD的交互和視覺設(shè)計知識總結(jié)》https://www.uisdc.com/hud-design

[3] 《趨勢洞察丨最全面的智能駕駛艙顯示屏趨勢分析》https://zhuanlan.zhihu.com/p/113882077

文內(nèi)出現(xiàn)的商標(biāo)及圖像版權(quán)屬于其合法持有人，只供傳遞信息之用，非商務(wù)用途。如無意侵犯到您的權(quán)益，請及時聯(lián)系我處理。