編輯導(dǎo)語(yǔ)：HMI即人機(jī)界面或者人機(jī)接口，它能幫助用戶更簡(jiǎn)單、更正確、更迅速地操作機(jī)械，也能使機(jī)械發(fā)揮最大的性能并延長(zhǎng)使用壽命。本文作者從HMI的概念、設(shè)計(jì)流程、就業(yè)必備條件等方面進(jìn)行了分析，感興趣的小伙伴們一起來(lái)看一下吧。

2021年6月5日，“碳達(dá)峰碳中和北京行動(dòng)高端論壇”在北京規(guī)劃展覽館舉辦，中國(guó)科學(xué)院院士、清華大學(xué)車輛與運(yùn)載學(xué)院教授歐陽(yáng)明高圍繞面向碳中和的新能源革命，重點(diǎn)介紹了綠色氫能等可重點(diǎn)推進(jìn)的新能源技術(shù)與新能源車發(fā)展等未來(lái)努力的方向，并對(duì)北京新能源產(chǎn)業(yè)發(fā)展提出建議與展望，這也表明國(guó)家大力發(fā)展新能源型汽車的決心。

過(guò)去的2021年被媒體人稱為“造車大戰(zhàn)元年”，越來(lái)越多的人開(kāi)始關(guān)注智能汽車領(lǐng)域。

在這個(gè)過(guò)程當(dāng)中車慢慢變成了業(yè)務(wù)承載體，汽車將不再僅僅是一個(gè)駕駛工具，越來(lái)越多的服務(wù)將會(huì)聚焦在車上，甚至有取代汽車后市場(chǎng)的苗頭，在不可阻擋的裁員潮中，這或許是我們少有的機(jī)會(huì)。很多的車廠、咨詢公司對(duì)HMI人才的需要也是供不應(yīng)求。

智能汽車人才市場(chǎng)崗位需求旺盛，行業(yè)已被吹向風(fēng)口。本文對(duì)車載HMI的基本概念、與網(wǎng)頁(yè)移動(dòng)端設(shè)計(jì)的區(qū)別進(jìn)行了介紹，以及HMI的設(shè)計(jì)流程、注意事項(xiàng)、就業(yè)必備條件，希望對(duì)你有所幫助。

一、基本概念

1. HMI究竟是什么？

HMI的意思是人機(jī)界面或者人機(jī)接口（human–machine interface），大量運(yùn)用在工業(yè)與商業(yè)上，簡(jiǎn)單的區(qū)分為“輸入”（Input）與“輸出”（Output）兩種。輸入指的是由人來(lái)進(jìn)行機(jī)械或設(shè)備的操作：如把手、開(kāi)關(guān)、?、指令 （命令）的下達(dá)或保養(yǎng)維護(hù)等；而輸出指的是由機(jī)械或設(shè)備發(fā)出來(lái)的通知：如故障、警告、操作說(shuō)明提示等。

好的人機(jī)界面會(huì)幫助用戶更簡(jiǎn)單、更正確、更迅速地操作機(jī)械，也能使機(jī)械發(fā)揮最大的性能并延長(zhǎng)使用壽命。而目前市面上所指的人性化接口，則多是狹義的指軟件人性化的操作接口。

2. 現(xiàn)有載體類型

我們?nèi)粘Ｂ?tīng)到的的HMI，多數(shù)是指車載HMI，汽車已經(jīng)開(kāi)始從簡(jiǎn)單的交通工具逐漸向智能終端轉(zhuǎn)變，智能座艙作為用戶和車輛進(jìn)行交流的媒介，逐步成為企業(yè)產(chǎn)品智能化的新破局點(diǎn)，而HMI人機(jī)交互設(shè)計(jì)作為座艙智能化發(fā)展的基礎(chǔ)，在汽車研發(fā)過(guò)程中占有愈發(fā)重要的地位。

簡(jiǎn)單的來(lái)說(shuō)，HMI是指人與機(jī)器之間的交互，而我們耳熟能詳?shù)腢I（也就是HCI）指的是人與計(jì)算機(jī)或系統(tǒng)之間的交互。

汽車HMI并非大多數(shù)人想象的只是一大塊屏幕、簡(jiǎn)單的交互或者界面，汽車HMI涉及的內(nèi)容模塊有儀表、中控（分辨率一般會(huì)比較低，可能是出于成本的控制）、副屏、HUD（抬頭顯示）、智能反光鏡、后排娛樂(lè)系統(tǒng)、后排座椅控制、后排空調(diào)等等，它是一個(gè)系統(tǒng)化的設(shè)計(jì)事件，考慮多屏幕下功能的不同交互以及展示，因此HMI設(shè)計(jì)師需要有系統(tǒng)框架搭建能力以及多模態(tài)交互能力。

作者作品鏈接https://www.zcool.com.cn/work/ZMzgyNDg4NTY=.html，侵刪

作者作品鏈接https://www.zcool.com.cn/work/ZNTYwMjc1NDg=.html，侵刪

圖片來(lái)源于網(wǎng)絡(luò)，如有侵權(quán)請(qǐng)聯(lián)系作者刪除

3. 什么是多模態(tài)交互？

上述中提到HMI設(shè)計(jì)師需要有多模態(tài)交互設(shè)計(jì)能力，我們先來(lái)看看什么是多模態(tài)？

所謂“模態(tài)”，大家可以通俗地理解為感官，是德國(guó)生理學(xué)家赫爾姆霍茨提出一種生物學(xué)概念，即生物憑借感知器官與經(jīng)驗(yàn)來(lái)接收信息的通道，例如人類有視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)、味覺(jué)和嗅覺(jué)模態(tài)。

多模態(tài)即多模態(tài)生物識(shí)別是指整合或融合兩種及兩種以上生物識(shí)別技術(shù)，簡(jiǎn)單說(shuō)就是將多種感知器官進(jìn)行融合，充分模擬人與人之間的交互，這樣的技術(shù)被廣泛地應(yīng)用到互聯(lián)網(wǎng)產(chǎn)品中，比如智能音箱、掃地機(jī)器人、商場(chǎng)中的指引機(jī)器人等等。

它們有一個(gè)共通的特點(diǎn)，都是通過(guò)人類的語(yǔ)音、手勢(shì)、表情等模態(tài)進(jìn)行信息輸入 ，然后做出相應(yīng)的反饋，這就是多模態(tài)交互。

那么這種技術(shù)是如何應(yīng)用在車載系統(tǒng)當(dāng)中的呢？

圖片來(lái)源于網(wǎng)絡(luò)，如有侵權(quán)請(qǐng)聯(lián)系作者刪除

以音樂(lè)播放為例，在傳統(tǒng)的車載系統(tǒng)當(dāng)中，司機(jī)需要通過(guò)實(shí)體按鈕、語(yǔ)音或者觸屏等方式進(jìn)行單模態(tài)輸入控制音樂(lè)播放。

而在多模態(tài)的交互下，同樣一個(gè)“播放音樂(lè)”的語(yǔ)音指令，車輛可以通過(guò)識(shí)別人臉及聲音，判斷用戶特征，信息來(lái)自于司機(jī)本人或是其他乘客，進(jìn)行合理的反饋。不同的聲紋還可以判斷用戶的情緒，根據(jù)用戶情緒及過(guò)往喜好以及場(chǎng)景，提供專屬定制歌單。

作者作品鏈接https://www.zcool.com.cn/work/ZNTIxNzkxOTY=.html，侵刪

除此之外，多模態(tài)在很多場(chǎng)景中都能很大程度的提高用戶交互體驗(yàn)，如長(zhǎng)城汽車的車載健康監(jiān)測(cè)系統(tǒng)可以通過(guò)毫米波雷達(dá)監(jiān)測(cè)人體微動(dòng)來(lái)實(shí)現(xiàn)對(duì)心率和呼吸的監(jiān)測(cè)，達(dá)到對(duì)司機(jī)健康狀況監(jiān)測(cè)的目的；起亞R.E.A.D系統(tǒng)在方向盤安裝了用于實(shí)現(xiàn)心率檢測(cè)的傳感器，為道路駕駛安全提供了保障。

由此可見(jiàn)，多模態(tài)是未來(lái)車載人機(jī)自然交互的重中之重。

二、車載HMI設(shè)計(jì)與網(wǎng)頁(yè)移動(dòng)端的不同

上文我們闡述了HMI的基礎(chǔ)概念以及核心技術(shù)手段。那么從設(shè)計(jì)師的視角上來(lái)看，車載系統(tǒng)和網(wǎng)頁(yè)移動(dòng)端有什么不同呢？

第一，因?yàn)橹悄芷囆袠I(yè)興起不久，HMI設(shè)計(jì)也沒(méi)有像移動(dòng)互聯(lián)網(wǎng)有著一套成熟的設(shè)計(jì)體系以及規(guī)則說(shuō)明，各個(gè)廠商都各做各的，所以大家都會(huì)為了吸引眼球作出各種屏幕。

比如將儀表和HUD連接起來(lái)、奧迪s4首先做的副駕屏、本田homda e的可交互后視鏡、tesla的modle3替代了傳統(tǒng)的方向盤按鍵，只能說(shuō)可能每個(gè)品牌有自己的規(guī)則，設(shè)計(jì)師可以按照這個(gè)規(guī)則在品牌內(nèi)進(jìn)行設(shè)計(jì)。

在這樣的創(chuàng)新下，局面恍惚回到了10年移動(dòng)設(shè)備剛剛興起的年代，所有人都在探索中成長(zhǎng)。

圖片來(lái)源于網(wǎng)絡(luò)，如有侵權(quán)請(qǐng)聯(lián)系作者刪除

圖片來(lái)源于網(wǎng)絡(luò)，如有侵權(quán)請(qǐng)聯(lián)系作者刪除

第二，汽車行業(yè)有一個(gè)獨(dú)特的地方就是整個(gè)生產(chǎn)線流程非常長(zhǎng)，即使是制作車載系統(tǒng)的第三方的公司也會(huì)被要求提前一年將這個(gè)軟件做好，把deadline卡在提前一年的時(shí)間。

第三，在項(xiàng)目前期做調(diào)研時(shí)，有一個(gè)不可避免的過(guò)程就是和其他同類競(jìng)品進(jìn)行一些比較和分析。早期比較值得去做競(jìng)品分析的產(chǎn)品只有特斯拉、寶馬以及蘋果的 carplay 和安卓的 Android auto這幾個(gè)。這些年隨著造車新勢(shì)力的興起，也有一些也做得不錯(cuò)的產(chǎn)品可以供我們參考，但是整體上不像其他平臺(tái)一樣有大量的競(jìng)品可以研究學(xué)習(xí)。

圖片來(lái)源于網(wǎng)絡(luò)，如有侵權(quán)請(qǐng)聯(lián)系作者刪除

圖片來(lái)源于網(wǎng)絡(luò)，如有侵權(quán)請(qǐng)聯(lián)系作者刪除

圖片來(lái)源于網(wǎng)絡(luò)，如有侵權(quán)請(qǐng)聯(lián)系作者刪除

第四，在獲取用戶反饋上，汽車行業(yè)要比其他平臺(tái)相對(duì)困難一些，手機(jī)和網(wǎng)站的用戶能很容易地通過(guò)點(diǎn)一個(gè)按鈕或者是網(wǎng)站上的某一個(gè)表格發(fā)送他們的一些反饋。相反汽車這個(gè)行業(yè)，很多用戶都懶得去提交反饋，在research的時(shí)候經(jīng)常是進(jìn)行一些電話訪談。

我們作為一個(gè)制作車載系統(tǒng)的設(shè)計(jì)師，其實(shí)是很難接觸到用戶直接的反饋。所以但凡有用戶主動(dòng)地提交了他們的feedback那應(yīng)該是他們不能容忍的一些很嚴(yán)重的問(wèn)題，因此在這一點(diǎn)上HMI設(shè)計(jì)師要格外重視。

第五，有時(shí)候HMI設(shè)計(jì)團(tuán)隊(duì)也需要進(jìn)行一些頭腦風(fēng)暴，然后做一些最簡(jiǎn)單的線框圖，這個(gè)階段我們是要比其他行業(yè)更多的與開(kāi)發(fā)團(tuán)隊(duì)進(jìn)行討論。

因?yàn)楹芏鄡?nèi)容其他的平臺(tái)可能已經(jīng)有一些現(xiàn)存的版本可以去模仿，但我們作為一個(gè)HMI設(shè)計(jì)師，我們的很多東西都是新的，很多創(chuàng)意可能也可能是天馬行空的。如果不及時(shí)與開(kāi)發(fā)團(tuán)隊(duì)溝通，極有可能創(chuàng)造出無(wú)法落地的設(shè)計(jì)，浪費(fèi)精力和時(shí)間。

我們?cè)谡归_(kāi)設(shè)計(jì)之前盡量也要使用在線問(wèn)卷等方式來(lái)測(cè)試用戶想法，證明需求的可行性。

作者作品鏈接https://www.zcool.com.cn/work/ZNTczNTAwOTY=.html，侵刪

第六，在測(cè)試階段，我們需要用戶在實(shí)際路途中使用系統(tǒng)，設(shè)計(jì)一些特殊的任務(wù)，有時(shí)候在駕駛時(shí)完成這個(gè)任務(wù)，有時(shí)會(huì)讓用戶將車停在一個(gè)特定的停車場(chǎng)或一個(gè)特定的地點(diǎn)，而不是在一個(gè)模擬的環(huán)境下進(jìn)行測(cè)試工作。對(duì)于一些重要的功能，更要在極端的條件下（比如顛簸路段）進(jìn)行二次測(cè)試。

三、HMI的設(shè)計(jì)流程介紹

HMI設(shè)計(jì)的流程和網(wǎng)頁(yè)移動(dòng)端的設(shè)計(jì)大致相同，需要和業(yè)務(wù)方、汽車工程師、用研、創(chuàng)意以及開(kāi)發(fā)團(tuán)隊(duì)等多方協(xié)作，但是在一些細(xì)節(jié)上有所不同。

一方面在設(shè)計(jì)初期，我們有更多的政府關(guān)于道路安全規(guī)章制度的要求，以及需要去遵循車廠自己的guideline。另一方面就是在后期的測(cè)試階段，我們一定要在真車?yán)锩孢M(jìn)行測(cè)試工作 ，還有就是我們之前提到的要比其他的行業(yè)更多地去拉開(kāi)發(fā)團(tuán)隊(duì)一起開(kāi)會(huì)。

一個(gè)完整的HMI設(shè)計(jì)開(kāi)發(fā)流程分為四部分：需求分析調(diào)研評(píng)估、HMI創(chuàng)意設(shè)計(jì)、工程實(shí)現(xiàn)驗(yàn)證評(píng)估、開(kāi)發(fā)測(cè)試。

1. 需求分析調(diào)研評(píng)估

設(shè)計(jì)師需要從項(xiàng)目成立之初就開(kāi)始介入，參與市場(chǎng)調(diào)研和用戶需求分析，分析出市場(chǎng)上存在的潛在需求后，從平臺(tái)化角度評(píng)估需求的導(dǎo)入和定型驗(yàn)收，在搜集用戶反饋時(shí)盡量確保用戶群體是真的車主，而且是當(dāng)前品牌下的一些用戶，盡量縮小研究范圍，這樣可以防止出現(xiàn)不必要的偏差。

除了問(wèn)卷調(diào)查以外，其實(shí)集體訪談是一個(gè)更好的收集用戶聲音的方式，在一個(gè)用戶聚集的情景下，他們之間的交流、吐槽經(jīng)常能透露很多新的問(wèn)題，給我們帶來(lái)意外的收獲。車載的UXD方法論其實(shí)并沒(méi)有太多的不同，主要是需要我們注重用戶群體的特殊性以及和品牌的連接性。

除了直接的問(wèn)卷和直接的訪談以外，現(xiàn)在很多聯(lián)網(wǎng)的汽車在開(kāi)發(fā)的過(guò)程中會(huì)在后臺(tái)放一些 trigger，當(dāng)然這些是經(jīng)過(guò)了用戶同意的，是他們接受了一些隱私政策以后進(jìn)行的。這些東西可以在后臺(tái)默默地收集用戶操作數(shù)據(jù)、用戶喜歡使用哪個(gè)平臺(tái)等等，設(shè)計(jì)師可以通過(guò)收集到的這些信息，給用戶提供一些更加有價(jià)值的服務(wù)。

有時(shí)候需求可能是來(lái)自政府的管制或者政策的變動(dòng)，設(shè)計(jì)師要考慮世界各地不同政府的對(duì)道路的管轄。有些國(guó)家或者地區(qū)會(huì)提出一些很特別的要求，比如對(duì)于美國(guó)加州居民，汽車上手機(jī)擺放位置都會(huì)有嚴(yán)格的要求，又或者地圖上顯示紅綠燈的信息、各種違章的攝像頭的信息在美國(guó)都是不允許的。

所以在進(jìn)行車載系統(tǒng)的制作過(guò)程中，要了解一些當(dāng)?shù)鼐唧w的規(guī)章制度。如果是跨國(guó)企業(yè)，可能還會(huì)要做一些本土化的設(shè)計(jì)，比如英國(guó)駕駛倉(cāng)是在右邊的、阿拉伯是從右往左讀文字等等。

2. HMI創(chuàng)意設(shè)計(jì)

在明確用戶需求以及業(yè)務(wù)目標(biāo)后，將業(yè)務(wù)目標(biāo)轉(zhuǎn)化成為設(shè)計(jì)目標(biāo)，得到初步的線框圖，在這個(gè)階段也要注意我們上文提到的，盡可能多的與開(kāi)發(fā)團(tuán)隊(duì)進(jìn)行討論，確保設(shè)計(jì)的可行性。在功能定義和產(chǎn)品開(kāi)發(fā)達(dá)成一致之后，即項(xiàng)目目標(biāo)正式確認(rèn)，可開(kāi)始進(jìn)行細(xì)節(jié)和具體流程的設(shè)計(jì)。

作者作品鏈接https://www.behance.net/hulu25，侵刪

3. 工程實(shí)現(xiàn)驗(yàn)證評(píng)估

在驗(yàn)證評(píng)估階段中，通過(guò)臺(tái)架仿真測(cè)試或特定評(píng)價(jià)用車以及進(jìn)一步的分析和質(zhì)保路試，進(jìn)行體驗(yàn)驗(yàn)證和設(shè)計(jì)迭代。在確保主線的flow比較完整的情況下，還要想到方方面面可能導(dǎo)致用戶出現(xiàn)危險(xiǎn)情況的 Edge case。

因?yàn)槲覀兊娜魏我粋€(gè)疏忽，都有可能給用戶帶來(lái)駕駛風(fēng)險(xiǎn)。在團(tuán)隊(duì)內(nèi)部，應(yīng)該將此作為設(shè)計(jì)流程最重要的一個(gè)環(huán)節(jié)，建立完善的審查制度。

4. 開(kāi)發(fā)測(cè)試

最后是工程開(kāi)發(fā)驗(yàn)證階段，跟進(jìn)實(shí)車功能測(cè)評(píng)，我們需要用戶在實(shí)際路途中使用系統(tǒng)，設(shè)計(jì)一些特殊的任務(wù)，有時(shí)候在駕駛時(shí)完成這個(gè)任務(wù)，有時(shí)會(huì)讓用戶將車停在一個(gè)特定的停車場(chǎng)或一個(gè)特定的地點(diǎn)。

生產(chǎn)批量試制流程凍結(jié)后，會(huì)進(jìn)行批量生產(chǎn)前總演習(xí)（OS），全面驗(yàn)證批產(chǎn)。所有流程環(huán)節(jié)都驗(yàn)證成功凍結(jié)后，產(chǎn)品則開(kāi)始投入批量生產(chǎn)（SOP）。

各階段的流程關(guān)系雖然是以線性的方式表達(dá)，但實(shí)際工作中各節(jié)點(diǎn)上下游會(huì)有重疊和反復(fù)循環(huán)的情況，這就需要團(tuán)隊(duì)的管理者進(jìn)行有效的判斷和決策。要確認(rèn)各階段的工作是否達(dá)成目標(biāo)，并且階段輸出的成果能驅(qū)動(dòng)下一階段工作的順利展開(kāi)。

四、HMI設(shè)計(jì)注意事項(xiàng)

1）在做中控設(shè)計(jì)的時(shí)候就要把它想象成是一塊大的不太好用的老版本iPad，因?yàn)榇蟛糠值钠囍锌胤直媛识疾粫?huì)太高，而且反應(yīng)速度很慢。

2）在車?yán)镉幸恍┌存I的狀態(tài)或者是一些系統(tǒng)反應(yīng)狀態(tài)，我們要及時(shí)地反饋給用戶，因?yàn)轳{駛員有時(shí)候眼睛會(huì)離開(kāi)屏幕，我們要保證駕駛員視線回到屏幕時(shí)還能知道系統(tǒng)的狀態(tài)，而不是沒(méi)有任何的反應(yīng)。

3）美國(guó)的政府機(jī)構(gòu)NASA曾經(jīng)出過(guò)一個(gè)道路安全管理方面政策，意思是高速上的司機(jī)有大概 3 秒鐘左右的時(shí)間來(lái)反應(yīng)前方的危險(xiǎn)，很多車廠以此作為標(biāo)桿。因此司機(jī)在駕駛過(guò)程中，我們的設(shè)計(jì)不能讓司機(jī)看屏幕超過(guò)3秒，否則會(huì)發(fā)生危險(xiǎn)。

所有的司機(jī)某種意義上也是一個(gè)殘障人士，因?yàn)樗陂_(kāi)車的過(guò)程中，他的視線并不能專注于屏幕，而且距離屏幕也有一定的距離、手腳可能也沒(méi)有那么靈敏，因?yàn)樗氖执蟛糠謺r(shí)間要放在方向盤上。因此我覺(jué)得這個(gè)角度來(lái)講就是把車載系統(tǒng)設(shè)計(jì)看成是一個(gè)無(wú)障礙設(shè)計(jì)，也是一個(gè)非常有趣的角度。

談到無(wú)障礙設(shè)計(jì)，首先就是視覺(jué)方面，剛才提到過(guò)這些車大部分的屏幕可能分辨率都不是很好，再加上用戶需要坐在一定的角度從一定的距離來(lái)看，我們就需要把車上的字體做得相對(duì)于手機(jī)網(wǎng)頁(yè)設(shè)計(jì)都要大一些。

第二，很多屏幕材質(zhì)的不同，也許會(huì)有很嚴(yán)重的反光或者是一些色彩的偏差問(wèn)題，我們作為設(shè)計(jì)師需要不斷地在真機(jī)上測(cè)試，保證我們能考慮到這些問(wèn)題。

如果屏幕的質(zhì)量不夠好，可以在白天用比較淺色的大背景，這樣能夠防止散光。而在夜間的時(shí)候用比較深的背景，減少對(duì)司機(jī)眼睛的刺激。如果屏幕質(zhì)量夠好，反光也不嚴(yán)重，各大廠商偏好于用深色的設(shè)計(jì)。

第三，觸感方面，我們需要把對(duì)于司機(jī)重要的信息和經(jīng)常使用的button放在離司機(jī)更近的位置。對(duì)美國(guó)、中國(guó)這些國(guó)家來(lái)說(shuō)是左邊，對(duì)英國(guó)和其他一些國(guó)家來(lái)說(shuō)是在右邊。這些button的視覺(jué)大小可以不需要很大，但它的熱區(qū)范圍一定要夠大，這樣才能保證車在顛簸過(guò)程或者其他極端情況下用戶不會(huì)點(diǎn)錯(cuò)。

4）我們需要在用戶駕駛過(guò)程中限制一些功能，比如說(shuō)打字，這是絕對(duì)不可以在駕駛過(guò)程中發(fā)生的，取而代之我們會(huì)鼓勵(lì)用戶用語(yǔ)音輸入這種方式。

5）在做設(shè)計(jì)的時(shí)候，如果是設(shè)計(jì)跨國(guó)的項(xiàng)目，一些信息的文本框需要考慮語(yǔ)言適配的長(zhǎng)度，比如用德語(yǔ)、希臘語(yǔ)這種很長(zhǎng)的語(yǔ)言去翻譯，放進(jìn)文本框看是否能滿足。

6）最后最重要的一點(diǎn)，我們要時(shí)刻謹(jǐn)記車載安全第一，所有的設(shè)計(jì)都要以此為前提！

五、HMI可就業(yè)公司及必備能力

HMI崗位目前可選擇類型有：HMI設(shè)計(jì)師、HMI交互設(shè)計(jì)師。

HMI設(shè)計(jì)師負(fù)責(zé)視覺(jué)表現(xiàn)設(shè)計(jì)、概念設(shè)計(jì)、同時(shí)需要兼?zhèn)浣换ミ壿嬙O(shè)計(jì)能力，維護(hù)公司設(shè)計(jì)專業(yè)資料庫(kù)及素材庫(kù)。沉淀設(shè)計(jì)經(jīng)驗(yàn)與方法，維護(hù)、優(yōu)化設(shè)計(jì)流程和視覺(jué)規(guī)范，若掌握3D設(shè)計(jì)及動(dòng)效設(shè)計(jì)，更是加分項(xiàng)。

HMI交互設(shè)計(jì)師通常負(fù)責(zé)交互邏輯設(shè)計(jì)，樹(shù)立產(chǎn)品的設(shè)計(jì)目標(biāo)與用戶體驗(yàn)標(biāo)準(zhǔn)，系統(tǒng)性的設(shè)計(jì)產(chǎn)品交互框架和規(guī)范。需要頻繁跟進(jìn)產(chǎn)品、系統(tǒng)工程、測(cè)試驗(yàn)證、數(shù)據(jù)等多項(xiàng)內(nèi)容，除此之外的團(tuán)隊(duì)溝通、協(xié)作能力也是必不可少的。

HMI領(lǐng)域其實(shí)和互聯(lián)網(wǎng)崗位的情況一致，不論哪個(gè)崗位，大家都會(huì)全棧型發(fā)展，各崗位工作職能并沒(méi)有明確的劃分，經(jīng)常是有所重疊的，必要的時(shí)候也會(huì)出現(xiàn)做自己職責(zé)崗位以外工作的情況。

我們可以從招聘網(wǎng)站上尋找自己適合的HMI崗位，去職位詳情里查看各企業(yè)招聘人才的要求，不同的業(yè)務(wù)線由于自己的項(xiàng)目不同，所需人才的要求也不同。

1. HMI可就業(yè)公司類型

• 新勢(shì)力：蔚來(lái)、小鵬、理想、哪吒、威馬、比亞迪、天際、奇點(diǎn)、拜騰等
• 總部在國(guó)外的車企：Tesla、奔馳、寶馬等
• 傳統(tǒng)車企：上汽、東風(fēng)、吉利、廣汽等
• 科技公司：百度、小米、滴滴等

除此之外有一些設(shè)計(jì)咨詢公司也是不錯(cuò)的選擇，比如JumpColor Design、EICO、siili_auto、Star、iconincar、capsuletech。

其中，JumpColor Design是來(lái)自中國(guó)的一家專業(yè)創(chuàng)意設(shè)計(jì)公司，有很多不錯(cuò)的優(yōu)秀案例，覆蓋互聯(lián)網(wǎng)、移動(dòng)APP、HMI、金融、家電、醫(yī)療、旅游等各個(gè)領(lǐng)域。尤其在HMI領(lǐng)域，JC Design 幾乎是橫掃設(shè)計(jì)市場(chǎng)，博瑞、博越、繽越、福田、一汽、北汽、東風(fēng)的卡車、長(zhǎng)城、哈弗、wey、豐田、寶沃均有其設(shè)計(jì)身影。

EICO曾與阿里合作設(shè)計(jì)過(guò)上汽榮威，但EICO不是全盤專業(yè)做汽車HMI。

siili_auto是全球首屈一指的創(chuàng)意技術(shù)工作室，專注于下一代移動(dòng)產(chǎn)品的創(chuàng)造，siili_auto已成為全球汽車行業(yè)軟件服務(wù)的重要參與者。

Star是一家全球咨詢公司，汽車用戶體驗(yàn)設(shè)計(jì)咨詢是他們的業(yè)務(wù)之一。我們可以從他家官網(wǎng)的分類“Automotive & Mobility”看到很多優(yōu)秀的智能汽車案例。他們也服務(wù)過(guò)中國(guó)的客戶，比如蔚來(lái)、上汽等。

除了有優(yōu)秀案例可以學(xué)習(xí)，Star還持續(xù)輸出優(yōu)秀的行業(yè)文章，都是優(yōu)質(zhì)的學(xué)習(xí)資源。我們熟知的蔚來(lái)汽車的NOMI，Star就曾參與設(shè)計(jì)，該項(xiàng)目獲得了2020年的世界級(jí)大獎(jiǎng)———紅點(diǎn)設(shè)計(jì)獎(jiǎng)。

2. HMI設(shè)計(jì)師的必備能力

• 界面設(shè)計(jì)+組件搭建+確定設(shè)計(jì)語(yǔ)言+方案落地+數(shù)據(jù)驅(qū)動(dòng)的基礎(chǔ)設(shè)計(jì)能力
• 風(fēng)格把控，設(shè)計(jì)差異化的設(shè)計(jì)語(yǔ)言
• 靜態(tài)和動(dòng)態(tài)的交互能力
• 關(guān)注設(shè)計(jì)趨勢(shì)、對(duì)智能座艙的體驗(yàn)創(chuàng)新和前瞻性研究
• 提煉智能座艙系統(tǒng)的設(shè)計(jì)規(guī)范和方法論

六、入局HMI

有一個(gè)非常好的消息就是近年來(lái)很多汽車廠商都用了connected接口，意味著汽車可以像手機(jī)一樣聯(lián)網(wǎng)，可以進(jìn)行一些定期的系統(tǒng)更新或者軟件更新，這對(duì)我們行業(yè)也是一個(gè)極好的事情。那么想要入局HMI我們應(yīng)該從何做起呢？

我們?cè)谏鲜鲋幸呀?jīng)提到因?yàn)橹悄芷囆袠I(yè)興起不久，HMI設(shè)計(jì)也沒(méi)有像移動(dòng)互聯(lián)網(wǎng)有著一套成熟的設(shè)計(jì)體系以及規(guī)則說(shuō)明，但是交互設(shè)計(jì)方面掌握的知識(shí)體系和思維能力可以讓你無(wú)縫切換到任何需要交互/體驗(yàn)的設(shè)計(jì)行業(yè)，因?yàn)椴煌袠I(yè)之間的壁壘只在與行業(yè)的專屬性和用戶群體的特殊性，熟練的掌握UXD方法論幾乎無(wú)縫地切換到其他需要交互、體驗(yàn)的設(shè)計(jì)行業(yè)。

HMI設(shè)計(jì)需要考量不同信息、功能的不同輸入輸出方式，來(lái)保證司機(jī)在日常駕駛中能夠集中精力在路面上，我們都知道交互設(shè)計(jì)很重要的一點(diǎn)就是場(chǎng)景，而HMI更是如此，用車的場(chǎng)景不同，用戶關(guān)注的信息也會(huì)變化，深入到實(shí)際場(chǎng)景中才能發(fā)現(xiàn)真正的問(wèn)題。

因此想從事HMI設(shè)計(jì)也需要有一定的駕駛經(jīng)驗(yàn)，代入進(jìn)角色中去，或許會(huì)為你帶來(lái)意外的收獲。

圖片來(lái)源于網(wǎng)絡(luò)，如有侵權(quán)請(qǐng)聯(lián)系作者刪除

除此之外，也要多了解本專業(yè)內(nèi)的知識(shí)，智能座艙、智能汽車、多模態(tài)設(shè)計(jì)等等。有條件的話，多去4s店體驗(yàn)店去試駕不同類型、不同品牌的車輛，還是那句話，代入進(jìn)角色中去，或許會(huì)為你帶來(lái)意外的收獲。

如果想做偏視覺(jué)的HMI設(shè)計(jì)，那就需要多臨摹優(yōu)秀作品，邊臨摹邊思考，嘗試設(shè)計(jì)交互框架圖，提高產(chǎn)品思維，尋找自己的突破點(diǎn)。

為了方便大家練習(xí)，分享一些比較基礎(chǔ)的設(shè)計(jì)規(guī)范供大家參考：

1. 文字

1）字體

對(duì)于字體的選擇，如果在甲方的話公司一般會(huì)遵循品牌CI，用品牌內(nèi)的字體，或者使用免費(fèi)的字體如：思源、Roboto。

如果是在乙方的話，字體一般由客戶提供，這里有一點(diǎn)需要注意?。?！如果客戶提供的是付費(fèi)字體，需要詢問(wèn)客戶是否購(gòu)買了使用權(quán)，雙方口頭達(dá)成一致最終也一定要郵件確認(rèn)，因?yàn)槲以?jīng)還遇到過(guò)字體使用權(quán)過(guò)期，但是客戶也疏忽了的情況，最終如果沒(méi)有郵件作為佐證，將給自己和公司帶來(lái)不必要的麻煩。

2）字體大小及字重
字體的大小，層級(jí)，對(duì)比度等都會(huì)影響用戶的閱讀效率，因此界面文字需滿足以下要求：

• 最小可識(shí)別文字字號(hào)：24sp
• 字體層級(jí)：字號(hào)差距需保持4-6sp，確保文字間的層次感與節(jié)奏感
• 用戶閱讀和處理的重要信息不超過(guò)20個(gè)字，盡量用最少的文字讓用戶理解信息
• 對(duì)于需要用戶關(guān)注的文本信息可通過(guò)增加字重的方式突出內(nèi)容
• 由于駕駛環(huán)境的復(fù)雜與特殊，內(nèi)容需要滿足在不同照明條件（日間/夜間/暗光/眩光）下的可讀性，文本與底圖對(duì)比度建議大于7：1（至少4.5：1），最佳的方案是白天使用淺色背景，晚上使用深色背景，深色模式下背景與文本或圖形的對(duì)比度不大于18：1

文本字號(hào)推薦使用規(guī)則如下表：

3）字符超長(zhǎng)處理

在字符超長(zhǎng)的情況下，按照以下優(yōu)先級(jí)進(jìn)行處理：動(dòng)態(tài)擴(kuò)展控件寬度 > 內(nèi)容收納 > 換行顯示 > 縮小文字 > > 精簡(jiǎn)界面用語(yǔ) > 截?cái)唷?/p>

2. 顏色

除文本的對(duì)比度以外，飽和度與明度也需合理搭配，車機(jī)配色盡量不使用鮮艷色彩，以避免對(duì)用戶注意力的吸引和占用。根據(jù) Munsell Color 原理得出，飽和度和明度的兩個(gè)數(shù)值越大，顏色越鮮艷。取色時(shí)考慮飽和度和明度，這兩個(gè)因素的值之和盡量小于180（即：S + B ≤ 180）。

一個(gè)項(xiàng)目車載系統(tǒng)的色彩規(guī)范，包括了品牌色、中性色、文本色、功能色（以下以實(shí)際案例作為展示）。

1）品牌色

又稱為“強(qiáng)調(diào)色”，通常一個(gè)車載系統(tǒng)只有一個(gè)品牌色，用于強(qiáng)調(diào)某個(gè)狀態(tài)或者提示用戶點(diǎn)擊。

2）中性色

又稱為“消色”，運(yùn)用在背景、視圖、占位、文本框、邊線中。

3）文本色

運(yùn)用在文本禁用、中強(qiáng)調(diào)、高強(qiáng)調(diào)場(chǎng)景中。

4）功能色

又稱為“語(yǔ)義色”，根據(jù)人的常識(shí)，紅色表示禁止、停止、危險(xiǎn)，黃色為警示或不良結(jié)果等，綠色則代表正向反饋，正確、完成等等。

3. 布局

在車機(jī)系統(tǒng)的布局中，導(dǎo)航是確保用戶在頁(yè)面跳轉(zhuǎn)時(shí)不迷路的最關(guān)鍵因素。導(dǎo)航需要告訴用戶當(dāng)前位置，可以去哪兒，如何回去等信息。若車機(jī)上有常駐Dock Bar時(shí)，在進(jìn)行應(yīng)用設(shè)計(jì)時(shí)不能覆蓋Dock Bar，它享有最高優(yōu)先級(jí)。

在進(jìn)入次級(jí)頁(yè)面時(shí)，也應(yīng)該在Title Bar或者一個(gè)固定的位置提供返回上一級(jí)的按鍵。在部分車機(jī)沒(méi)有Dock Bar或Home鍵無(wú)法一鍵退出的情況下，需要在一個(gè)固定的位置設(shè)計(jì)全局退出按鈕。

常見(jiàn)的車機(jī)dp值和寬高如下表所示：

常見(jiàn)的車機(jī)屏幕分為橫屏和豎屏兩種形式，應(yīng)充分利用屏幕“長(zhǎng)”或“高”的特性設(shè)計(jì)布局：

4. 圖標(biāo)

點(diǎn)擊是交互行為中最為常用的動(dòng)作，為確保用戶點(diǎn)擊操作的易用性和成功率，操作按鈕及熱區(qū)需滿足以下規(guī)則：

• 圖標(biāo)：最小圖標(biāo)尺寸為6.9mm，推薦圖標(biāo)大小為9.2mm
• 熱區(qū)：最小10.7mm，推薦熱區(qū)15.3mm以上，熱區(qū)間隔3mm以上

5. 交互要素

之前我們談到多模態(tài)下的多種交互方式，這里以最常見(jiàn)的屏幕觸摸交互和語(yǔ)音交互為例：

1）屏幕觸摸交互

由于駕駛場(chǎng)景的復(fù)雜性，且駕駛員與屏幕間特殊的物理距離和視覺(jué)角度，交互手勢(shì)會(huì)有一定的局限性。因此在進(jìn)行設(shè)計(jì)時(shí)應(yīng)盡量減少?gòu)?fù)雜且易產(chǎn)生誤操作的交互手勢(shì)，盡量使用簡(jiǎn)單的交互手勢(shì)幫助用戶完成操作，更多的情況下鼓勵(lì)用戶使用語(yǔ)音交互放方式。

需要用戶閱讀和識(shí)別的內(nèi)容盡量置于綠色區(qū)域，偏紅色區(qū)域放置非重要信息，以提高內(nèi)容的可識(shí)別性及用戶閱讀效率。

用戶需要操作的按鍵盡量放置于綠色區(qū)域，如果要在紅色區(qū)域放置操作按鍵，可適當(dāng)擴(kuò)大其熱區(qū)，或者提供更易點(diǎn)擊的區(qū)域響應(yīng)控件，比如卡片 。

滑動(dòng)響應(yīng)區(qū)域盡量放置在綠色區(qū)域，用戶在距離車機(jī)較遠(yuǎn)的位置對(duì)屏幕滑動(dòng)操作時(shí)（也就是偏紅色區(qū)域），易出現(xiàn)弧線的滑動(dòng)軌跡，不易操操作。

界面焦點(diǎn)遍歷順序依照從左到右，從上到下的基本原則，若界面有明顯的左右區(qū)域劃分，則先遍歷左側(cè)區(qū)域再到右側(cè)，非觸摸屏需要始終顯示焦點(diǎn)。焦點(diǎn)默認(rèn)從內(nèi)容元素起始，而非系統(tǒng)Dock Bar或Nav Bar。

2）語(yǔ)音交互

在駕駛過(guò)程中，駕駛員的視線需要始終聚集在道路上，那么在這種視覺(jué)通道被占用的情況下，利用聽(tīng)覺(jué)通道接收信息便成為了新的可能。所以，語(yǔ)音交互為安全駕駛提供了新的一種交互方向。

在做語(yǔ)音交互時(shí)需要遵循以下4個(gè)原則：

• 簡(jiǎn)明：語(yǔ)言盡量簡(jiǎn)潔明了，盡量少添加不必要的措辭，比如用戶問(wèn)什么天氣，直接回答“北京，晴”即可
• 清晰：在設(shè)計(jì)語(yǔ)音交互時(shí)，用語(yǔ)要準(zhǔn)確，不可模棱兩可
• 關(guān)聯(lián)：不要前言不搭后語(yǔ)，說(shuō)話要有聯(lián)系

雖然語(yǔ)音控制似乎是理想的選擇，但我們應(yīng)該考慮可能無(wú)法選擇說(shuō)話的情況，例如，當(dāng)嬰兒在后座睡覺(jué)或某人有語(yǔ)言障礙時(shí)，要同時(shí)提供一種其他模態(tài)來(lái)執(zhí)行任務(wù)的方式。

6. 交互動(dòng)作

1）交互動(dòng)作原則

交互動(dòng)作在駕駛環(huán)境中要謹(jǐn)慎使用，只有當(dāng)它可以幫助駕駛員吸收信息而不分散他們對(duì)道路的注意力時(shí)，它才是合適的。在做交互動(dòng)作時(shí)要遵守以下原則：

• 化繁為簡(jiǎn)：駕駛是用戶的首要任務(wù)，其他一切都是次要的。要將用戶的注意力視為有限的資源，避免使用過(guò)多的信息來(lái)制造不必要的干擾。
• 簡(jiǎn)明扼要：交互動(dòng)作的作用是加強(qiáng)用戶的理解，要直接了當(dāng)?shù)膫鬟_(dá)給用戶有用的信息。通過(guò)展示元素之間的層次和空間關(guān)系來(lái)增加用戶對(duì)產(chǎn)品的理解，幫助建立用戶對(duì)界面的熟練程度。
• 靈活擴(kuò)展：交互動(dòng)作設(shè)計(jì)要考慮滿足所有的相關(guān)硬件，定義可擴(kuò)展且足夠靈活的動(dòng)作語(yǔ)言，以適應(yīng)各種尺寸和形狀的屏幕。

2）交互動(dòng)作類型

為了用戶體驗(yàn)的一致性，在同一系統(tǒng)中相同的場(chǎng)景應(yīng)使用同樣的交互動(dòng)作，如下：

在同級(jí)視圖之間切換：在應(yīng)用程序中同一層次結(jié)構(gòu)級(jí)別的視圖之間切換時(shí)，應(yīng)使用左右移動(dòng)，左右移動(dòng)能夠強(qiáng)化功能在應(yīng)用程序中同一層級(jí)的含義。

來(lái)自Google Design for Driving > Motion

在 Android Automotive OS 中，媒體應(yīng)用程序中從主頁(yè)選項(xiàng)卡切換到播放列表選項(xiàng)卡時(shí)的左右移動(dòng)強(qiáng)化了兩個(gè)選項(xiàng)卡為同級(jí)別內(nèi)容：

來(lái)自Google Design for Driving > Motion

移至詳細(xì)視圖：從更高級(jí)別的內(nèi)容視圖移動(dòng)到詳細(xì)視圖時(shí)，使用 z 深度運(yùn)動(dòng)來(lái)放大較低層并在較高層淡出時(shí)將其淡入。這個(gè)動(dòng)作加強(qiáng)了高層視圖和細(xì)節(jié)視圖之間的父子關(guān)系，將焦點(diǎn)吸引到后者身上。

來(lái)自Google Design for Driving > Motion

在 Android Automotive OS 媒體模板中，當(dāng)用戶單擊專輯網(wǎng)格中的特定專輯時(shí)，該專輯的歌曲列表淡入且按比例放大，清晰地表達(dá)了頁(yè)面之間的父子級(jí)關(guān)系：

來(lái)自Google Design for Driving > Motion

擴(kuò)展現(xiàn)有操作：來(lái)自Google Design for Driving > Motion

當(dāng)用戶在執(zhí)行一項(xiàng)任務(wù)時(shí)需要進(jìn)一步的操作，使用垂直（向上或向下）方向動(dòng)畫進(jìn)入該次要操作，并且主要操作空間可見(jiàn)，讓用戶能感知到并未脫離主要操作空間。關(guān)閉次要?jiǎng)幼鲿r(shí)，動(dòng)畫持續(xù)時(shí)間應(yīng)該更短。

來(lái)自Google Design for Driving > Motion

最小化和擴(kuò)展動(dòng)作：將功能、頁(yè)面進(jìn)行最小化時(shí)，應(yīng)有全屏淡入路徑動(dòng)畫，明確地讓用戶知道頁(yè)面收納在了什么位置。

來(lái)自Google Design for Driving > Motion

在 Android Automotive OS 媒體模板中，最小化的控制欄會(huì)展開(kāi)為完整的播放視圖，然后在用戶點(diǎn)擊向下箭頭時(shí)收縮回其最小化形式：

來(lái)自Google Design for Driving > Motion

干擾性動(dòng)作：一般使用于告知用戶比較重要的狀態(tài)或信息，將其從屏幕邊緣向下、向上滑動(dòng)或者將其淡入屏幕中間，并且在底部增加遮罩，集中用戶注意力。

來(lái)自Google Design for Driving > Motion

干擾性動(dòng)作在 Android Automotive OS 媒體模板中，會(huì)淡入至屏幕中央，且在底部增加毛玻璃效果，將用戶注意力集中在通知信息上：

來(lái)自Google Design for Driving > Motion

值得注意的是在做滾動(dòng)操作時(shí)，不管是垂直還是水平滾動(dòng)動(dòng)作都應(yīng)該具有捕捉效果，意為始終將滾動(dòng)項(xiàng)鎖定在某個(gè)位置，左側(cè)為捕捉滾動(dòng)，右側(cè)為自由滾動(dòng)：

車機(jī)系統(tǒng)中的交互動(dòng)作與移動(dòng)端、PC端不同，復(fù)雜或過(guò)于絢麗的效果都會(huì)過(guò)多吸引用戶注意力，駕駛艙中還是要以安全駕駛為主，因此我們?cè)谠O(shè)計(jì)交互動(dòng)作時(shí)要格外克制，盡量使用最簡(jiǎn)潔的方式進(jìn)行信息傳達(dá)。

以上規(guī)范僅供參考，并非需要嚴(yán)格遵守，需要根據(jù)項(xiàng)目的特定靈活調(diào)整。

七、總結(jié)

在車載行業(yè)，有時(shí)候我們并不是在體察用戶的痛點(diǎn)，因?yàn)楹芏嗤袋c(diǎn)可能他們自己也不了解。我們有時(shí)候是在為用戶創(chuàng)造一些新的功能，然后讓他們?nèi)ビX(jué)得這個(gè)功能很有趣，從而來(lái)刺激用戶買車。

通過(guò)全車的數(shù)字化，我們可以隨時(shí)監(jiān)控車輛所有的狀態(tài)和數(shù)據(jù)，通過(guò)用戶的駕駛行為和行駛數(shù)據(jù)結(jié)合的方式，計(jì)算出更為準(zhǔn)確的維護(hù)周期，告訴用戶哪些零件該換了、車該保養(yǎng)了。

如何提高用戶的用車體驗(yàn)？以下是我的一些思考方向：

1）我們可以讓用戶知道車輛當(dāng)前的一些狀態(tài)，并且告訴他們一些平常難以察覺(jué)到的情況。比如車輛的胎壓、防盜提醒，以及在駕駛過(guò)程中提醒用戶前方路段可能是事故多發(fā)地、停車時(shí)提醒用戶過(guò)去的幾周里當(dāng)?shù)匕l(fā)生了多少起偷盜事件。

目前很多車廠也開(kāi)始給車輛提供監(jiān)控車內(nèi)和車外兩方面信息的設(shè)備，以及當(dāng)用戶沒(méi)有在車?yán)飼r(shí)，我們手機(jī)也應(yīng)該能夠起到警報(bào)作用，這樣的細(xì)節(jié)我們?cè)撊绾稳ピO(shè)計(jì)？

2）什么時(shí)間什么地點(diǎn)什么情況提醒司機(jī)去為車輛充電？而不是在電量不足時(shí)通知用戶該充電了。

3）在電車充電期間我們能幫助車主干些什么？如何緩解等待中的焦慮？

4）如果這個(gè)車主想進(jìn)行長(zhǎng)途旅行，他們應(yīng)該怎么去規(guī)劃路線？

5）在做汽車伴侶App時(shí)，我們可以給用戶提供哪些功能？遠(yuǎn)程控制車輛？定期保養(yǎng)計(jì)劃？查詢保險(xiǎn)信息？

如果大家有更好的點(diǎn)子，歡迎在評(píng)論區(qū)進(jìn)行留言討論。

本文由郝小七指導(dǎo)http://www.codemsi.com/u/917803

參考鏈接：

http://www.codemsi.com/pd/2369771.html

https://zhuanlan.zhihu.com/p/172438084

http://www.codemsi.com/ucd/5135103.html

https://www.zhihu.com/question/342761331/answer/1169573812

http://www.codemsi.com/it/5253702.html

https://developer.huawei.com/consumer/cn/doc/distribution/app/ui-0000001064106567

https://developers.google.com/cars/design/automotive-os/design-system/motion

本文由@Pons車載 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于 CC0 協(xié)議。