2021-11-17 資深UI設(shè)計(jì)者
HMI是Human Machine Interface 的縮寫，“人機(jī)接口”，也叫人機(jī)界面。凡是參與人機(jī)信息交流的領(lǐng)域都存在著人機(jī)界面。本文將深度剖析車載界面的設(shè)計(jì)要點(diǎn)及注意規(guī)范。
智慧城市的建設(shè)趨勢(shì)越來(lái)越顯著，政府對(duì)于汽車智能化、信息化發(fā)展非常重視，汽車駕駛體驗(yàn)感與個(gè)性化的設(shè)計(jì)也會(huì)成為我們對(duì)于汽車選購(gòu)的參考和方向，自從人們對(duì)于用戶體驗(yàn)的重視，人機(jī)交互設(shè)計(jì)工作內(nèi)容也成為重要環(huán)節(jié)。
對(duì)于人機(jī)界面，首先我們要明確一些概念。
1、人機(jī)界面與人們常說(shuō)的“觸摸屏”有什么區(qū)別？
從嚴(yán)格意義上來(lái)說(shuō)，兩者是有本質(zhì)上的區(qū)別的。因?yàn)椤坝|摸屏”僅是人機(jī)界面產(chǎn)品中可能用到的硬件部分，是一種替代鼠標(biāo)及鍵盤部分功能，安裝在顯示屏前端的輸入設(shè)備；而人機(jī)界面產(chǎn)品則是一種包含硬件和軟件的人機(jī)交互設(shè)備。在工業(yè)中，人們常把具有觸摸輸入功能的人機(jī)界面產(chǎn)品稱為“觸摸屏”，但這是不科學(xué)的。
2.人機(jī)界面產(chǎn)品中是否有操作系統(tǒng)？
任何人機(jī)界面產(chǎn)品都有系統(tǒng)軟件部分，系統(tǒng)軟件運(yùn)行在HMI的處理器中，支持多任務(wù)處理功能，處理器中需有小型的操作系統(tǒng)管理系統(tǒng)軟件的運(yùn)行。基于平板計(jì)算機(jī)的高性能人機(jī)界面產(chǎn)品中，一般使用WinCE,Linux等通用的嵌入式操作系統(tǒng)。
我們做的交互場(chǎng)景是有車輛行駛的，所以首先是要考慮安全因素，美觀其次，因此在特殊環(huán)境下操作車載系統(tǒng)，我們無(wú)法用傳統(tǒng)移動(dòng)端沉浸式的設(shè)計(jì)思維來(lái)設(shè)計(jì)車載的界面與功能，需要放下所謂的美學(xué)，緊扣實(shí)際場(chǎng)景下的交互方式與用戶需求來(lái)設(shè)計(jì)，因?yàn)樵跇O短時(shí)間內(nèi)導(dǎo)致我們必須對(duì)所有可能用到的功能入口一步即達(dá)，對(duì)信息的布局必須做到一眼即見(jiàn)。
汽車HMI有自己的設(shè)計(jì)原則和設(shè)計(jì)規(guī)范以及美學(xué)理念。
汽車行業(yè)本身是一個(gè)有著強(qiáng)烈美學(xué)理念和設(shè)計(jì)規(guī)范的行業(yè)，其實(shí)準(zhǔn)確的說(shuō)應(yīng)該是汽車HMI中控設(shè)計(jì)是基于自身傳統(tǒng)規(guī)范，結(jié)合互聯(lián)網(wǎng)移動(dòng)端和Web端的基礎(chǔ)上，慢慢形成了一種新的設(shè)計(jì)規(guī)范。
在開(kāi)始講解之前，我們首先要了解官方的一些設(shè)計(jì)規(guī)范。
https://miniapp.alios.cn/index#/document
https://chelianwang.baidu.com/homepage/openPlateform/design/sec-4-1.html
https://developers.google.com/cars/design/design-foundations
https://www.apple.com.cn/ios/carplay/
https://developer.huawei.com/consumer/cn/doc/50902
我們還要了解車內(nèi)屏幕的類型，主駕駛前面的儀表盤、HUD和中控屏幕，副駕駛和后排的娛樂(lè)屏幕。
汽車儀表盤是反映車輛各系統(tǒng)工作狀況的裝置。一般由時(shí)速表、轉(zhuǎn)速表、機(jī)油壓力表、水溫表、燃油表以及電子指示燈等組成。汽車儀表是駕駛員與汽車進(jìn)行信息交流的重要接口。當(dāng)今純液晶屏的儀表盤占市場(chǎng)主導(dǎo)地位，純機(jī)械、燈顯、段碼將退出歷史舞臺(tái)。
平視顯示器（Head Up Display），最早是航空器上的飛行輔助儀器，運(yùn)用在戰(zhàn)斗機(jī)上，由于戰(zhàn)斗機(jī)上很多信息需要飛機(jī)駕駛員隨時(shí)查看，避免駕駛員低頭看儀表而分心，隨后又普及在民航客機(jī)上，由于HUD的方便性以及能夠提高飛行安全，這項(xiàng)技術(shù)后來(lái)也發(fā)展到汽車行業(yè)，汽車搭載的HUD抬頭數(shù)字顯示功能，是利用光學(xué)反射的原理，將重要的行駛信息胎壓、速度和轉(zhuǎn)速等信息投射到駕駛艙前段玻璃上面，在駕駛過(guò)程中不用分心看儀表盤，減輕眼睛的疲勞，給駕駛帶來(lái)便利和安全。
此前，HUD前裝市場(chǎng)基本被日本精機(jī)、德國(guó)大陸、日本電裝、偉世通等國(guó)外巨頭壟斷，且競(jìng)爭(zhēng)格局高度集中，前五名企業(yè)市場(chǎng)份額超95%。近三年，隨著國(guó)內(nèi)智能駕駛技術(shù)商業(yè)化落地加快，不少自主品牌供應(yīng)商開(kāi)始嶄露頭角，且爆發(fā)力十足。HUD的發(fā)展會(huì)越來(lái)越迅猛，原因主要有以下幾點(diǎn)。
1、HUD作為ADAS人機(jī)交互的窗口，可以呈現(xiàn)駕駛輔助信息，提升駕駛的安全性和舒適性，使駕駛者擁有更佳的應(yīng)用體驗(yàn)；
2、為提升市場(chǎng)競(jìng)爭(zhēng)力，車企對(duì)自動(dòng)駕駛和智能座艙重視度提升，尤其是自主品牌車企近年在國(guó)家智能網(wǎng)聯(lián)發(fā)展戰(zhàn)略的推動(dòng)和扶持下，轉(zhuǎn)型動(dòng)作快、力度大，產(chǎn)品創(chuàng)新和應(yīng)用上也更加大膽和前衛(wèi)。、
3、HUD技術(shù)上取得突破，顯示效果大幅改善；
4、隨著技術(shù)升級(jí)，HUD配套價(jià)格逐漸下降，性價(jià)比逐步提升；
后排娛樂(lè)屏更像是一個(gè)平板，主要功能點(diǎn)為視頻、音樂(lè)、游戲等等，幫助后排乘客打發(fā)時(shí)間，所以后排的娛樂(lè)系統(tǒng)就是為娛樂(lè)而生，無(wú)需考慮安全性。
車載界面的設(shè)計(jì)原則
1.迅捷性
與人們常常所說(shuō)的三秒設(shè)計(jì)原則類似。移動(dòng)端系統(tǒng)為沉浸式操作，而車載系統(tǒng)不一樣，在駕駛過(guò)程中，用戶95%的精力在于聚焦駕駛上行為上，用戶只能抽取僅5%左右的精力與時(shí)間來(lái)操控車載。因此也就決定了車載系統(tǒng)的功能邏輯，信息布局都必須在極短的時(shí)間內(nèi)以最好的方式呈現(xiàn)。
而如果用戶沒(méi)有在這個(gè)時(shí)間以內(nèi)完成操作任務(wù)，要么用戶選擇放棄，重新再來(lái)；要么用戶花費(fèi)更多時(shí)間和精力，但這樣駕駛的危險(xiǎn)系數(shù)會(huì)成倍增長(zhǎng)。經(jīng)筆者多次在不同路段試驗(yàn)，統(tǒng)計(jì)下來(lái)平均每次操作，即視線與注意力專注在車載上的時(shí)間，無(wú)法超過(guò)三秒，事實(shí)上，當(dāng)進(jìn)入第三秒時(shí)，已不得不需要利用余光開(kāi)始注意前方路況了。
因此，在三秒以內(nèi)，無(wú)論是用戶第一次操作失敗，重新注意路況后，再重復(fù)操作，還是用戶持續(xù)操作直到任務(wù)完成，都是非常危險(xiǎn)的行為，在這里，由于用戶試錯(cuò)的成本非常巨大，也因此交互的設(shè)計(jì)與信息布局的設(shè)計(jì)都需要做到最極致的狀態(tài)。
隨著大屏、多屏化的發(fā)展趨勢(shì)，觸摸和語(yǔ)音控制應(yīng)時(shí)而生，為了增強(qiáng)操作合理性，以及減少或避免觸摸屏的誤觸功能。從信息輸入來(lái)看，以觸控、語(yǔ)音為主，手勢(shì)、視覺(jué)交互為輔；從反饋輸出來(lái)看，以視覺(jué)、語(yǔ)音、觸控交互為主，嗅覺(jué)交互為輔。
人機(jī)交互定義需要區(qū)分車輛是行駛中還是靜止?fàn)顟B(tài)，車輛在行駛中，對(duì)于需要駕駛員操作反饋的交互行為需要遵循3S原則（上面提到的三秒原則），降低安全隱患。甚至有一些交互動(dòng)作在車輛行駛過(guò)程中需要禁用的。
得益于計(jì)算機(jī)算法的強(qiáng)大，汽車功能越來(lái)越完善，信息量也越來(lái)越大，為了讓用戶有更好的體驗(yàn)，避免過(guò)多信息的干擾，必須做到界面顯示輕量化。
這也是為什么飛機(jī)駕駛艙內(nèi)、國(guó)際空間站內(nèi)的各種操控開(kāi)關(guān)拉桿都是星羅密布式的擺放，并非以如今的科技無(wú)法做到像科幻片里一樣簡(jiǎn)潔干凈的操控臺(tái)，而是因?yàn)榭紤]到在實(shí)際應(yīng)用場(chǎng)景下，專業(yè)素質(zhì)的人員不需要也沒(méi)有時(shí)間去欣賞美觀的界面，學(xué)習(xí)我們所認(rèn)為的交互方式。
保障關(guān)鍵信息是醒目的，容易讓用戶視覺(jué)快速捕獲，在各種環(huán)境場(chǎng)景下具有良好的可見(jiàn)性和易讀性，無(wú)需駕駛員費(fèi)力尋找和識(shí)別。
這里所說(shuō)的及時(shí)性指的是反饋信息的及時(shí)性，我們要考慮實(shí)現(xiàn)全方位的信息提示，著重考慮視覺(jué)層面和聽(tīng)覺(jué)層面。
在駕駛的過(guò)程當(dāng)中，司機(jī)的雙手被占用，于是眼睛和耳朵感知要提高，與移動(dòng)端的視覺(jué)顯示不同，HMI設(shè)計(jì)師需要注意除了基礎(chǔ)的視覺(jué)顯示規(guī)范外，還需格外注意與安全相關(guān)信息的展示、視覺(jué)警告、文字易讀性和顯示眩光等顯示問(wèn)題。
在車輛行駛過(guò)程中，對(duì)于司機(jī)來(lái)說(shuō)，聽(tīng)覺(jué)反饋也是很有必要考慮的場(chǎng)景，通過(guò)語(yǔ)音反饋司機(jī)需要獲取的信息，能讓司機(jī)盡量保持視覺(jué)焦點(diǎn)在路況上。多場(chǎng)景的融合考慮信息獲取的效率，能減少在開(kāi)車過(guò)程中的安全隱患。
我們不僅要考慮設(shè)計(jì)層面，還要考慮到交互層面。
（1）觸控
這里分兩種，一種是通過(guò)按鍵控制；一種是通過(guò)觸屏控制。
都是通過(guò)不斷的觸控功能按鈕行程鍛煉肌肉記憶，現(xiàn)在的趨勢(shì)越來(lái)越趨向重觸屏，輕按鈕，這樣不僅系統(tǒng)迭代成本小，功能可以動(dòng)態(tài)分布。
但是對(duì)于一些精準(zhǔn)調(diào)節(jié)的功能還是按鍵控制好一些。
微軟 的Surface Dial可以給我們很好的啟發(fā)，智能旋鈕可以解決大部分屏幕調(diào)節(jié)的不精準(zhǔn)的痛點(diǎn)，而效率又高。
（2）語(yǔ)音
在汽車人機(jī)交互中，語(yǔ)音交互被認(rèn)為是車內(nèi)場(chǎng)景下最自然的交互方式，而語(yǔ)音交互需要一個(gè)載體來(lái)傳達(dá)多樣化的情感。
語(yǔ)音控制的前景主要在于兩個(gè)因素，一個(gè)是可以把除了界面以外的利用起來(lái)，一個(gè)可以與HMI自由交談，二是最小化HMI手動(dòng)操作產(chǎn)生的干擾，增加安全性。
（3）手勢(shì)
手勢(shì)交互是對(duì)語(yǔ)音交互、觸控交互的很好補(bǔ)充，能夠讓車主通過(guò)簡(jiǎn)單的手勢(shì)和語(yǔ)音就能完成車內(nèi)的交互任務(wù)，也是能夠增加交互趣味性、表達(dá)情感、傳達(dá)情緒的另一個(gè)自然交互方式。
常用的手勢(shì)：?jiǎn)沃富瑒?dòng)（上下左右）、雙指滑動(dòng)（左右）、五指抓取等。
HMI的交互手勢(shì)不同于手機(jī)和IPAD，手機(jī)和IPAD握在手里，左右手都可以操作，多指組合的可能性也多，而HMI的手勢(shì)定義，更多的是需要滿足駕駛員的使用場(chǎng)景，屏幕是固定在車上的，要規(guī)避掉一些不方便的手勢(shì)。
比如雙指往上滑動(dòng)就很不方便，向上推不靈活，也有阻力。
所以要想系統(tǒng)整體跳出基礎(chǔ)可用性范圍，進(jìn)階到好用的層次，系統(tǒng)對(duì)各種復(fù)雜交插的應(yīng)用場(chǎng)景的處理需要更加智能（如導(dǎo)航中的來(lái)電，緊急路況的提示），對(duì)車內(nèi)環(huán)境控制（如聲音、氣溫）需要更加敏感。車載系統(tǒng)的設(shè)計(jì)相比于移動(dòng)端有著更明顯的約束，不論是從空間、時(shí)間、行為、心智，都有著明顯獨(dú)特的場(chǎng)景和特點(diǎn)，要做好車載系統(tǒng)設(shè)計(jì)，我們需要有豐富的同理心以及親身體驗(yàn)并反復(fù)驗(yàn)證設(shè)計(jì)。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.cqzjtgb.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.cqzjtgb.com