智慧城市建設(shè)趨勢(shì)愈發(fā)明顯，政府高度重視汽車智能化、信息化的發(fā)展。汽車的駕駛體驗(yàn)和個(gè)性化設(shè)計(jì)也將成為我們購車的參考。自從人們重視用戶體驗(yàn)以來，人機(jī)交互設(shè)計(jì)的內(nèi)容也成為了一個(gè)重要的環(huán)節(jié)。

我們的交互場(chǎng)景包括汽車行駛的場(chǎng)景，所以首先要考慮安全因素，美觀是次要的。在特殊環(huán)境下與汽車HMI交互，我們不能用傳統(tǒng)的移動(dòng)端沉浸式設(shè)計(jì)思維來設(shè)計(jì)。我們需要放下所謂的審美，嚴(yán)格按照實(shí)際場(chǎng)景中的交互方式和用戶需求來設(shè)計(jì)，因?yàn)樵诤芏痰臅r(shí)間內(nèi)，我們必須一步到位所有可能的特征，一次看到信息的布局一眼。

(相關(guān)資料圖)

尤其是當(dāng)UI設(shè)計(jì)師轉(zhuǎn)為交互設(shè)計(jì)師的時(shí)候，第一個(gè)想法就是如何讓設(shè)計(jì)好看，然后再去設(shè)計(jì)交互。這是我們?cè)诤芏囗?xiàng)目緊急的時(shí)候做的事情（因?yàn)槲覀冏隽撕芏囗?xiàng)目，我們可以避免那些錯(cuò)誤），但是新設(shè)計(jì)師永遠(yuǎn)不應(yīng)該這樣做，記?。。。?/p>

之前很多朋友經(jīng)常會(huì)問我HMI設(shè)計(jì)怎么做？去哪里找參考？HMI的用戶體驗(yàn)怎么做？如何做競品分析？問題多多啊！

我的方法是參加車展，或者在店里預(yù)約試駕體驗(yàn)，然后拍照。你也可以找一些汽車評(píng)論家看他們的視頻，也可以去各車官網(wǎng)找資料。

01 顯示屏車內(nèi)分布

接下來簡單介紹一下車內(nèi)屏幕的種類，包括駕駛員前方的儀表盤、HUD和中控臺(tái)屏幕，以及副駕和后排前方的娛樂屏幕。

1.儀表板

如今，純液晶屏儀表盤占據(jù)市場(chǎng)主導(dǎo)地位，純機(jī)械、光顯、段顯將退出歷史舞臺(tái)。

2.HUD

HUD最初是作為飛機(jī)上的飛行輔助儀器使用的。它被用在戰(zhàn)斗機(jī)上。由于戰(zhàn)斗機(jī)的很多資料需要飛機(jī)飛行員隨時(shí)查看，避免飛行員低頭看儀表分心，后來在民航得到普及。由于HUD的便利性和提高飛行安全性的能力，這項(xiàng)技術(shù)后來被發(fā)展到汽車行業(yè)。汽車上的HUD抬頭數(shù)字顯示器利用光學(xué)反射原理，將重要的駕駛信息轉(zhuǎn)換為胎壓、車速和轉(zhuǎn)速。當(dāng)信息投射到駕駛艙前玻璃上時(shí)，駕駛過程中無需將注意力從儀表盤上移開，減少眼睛疲勞，為駕駛帶來方便和安全。

3、娛樂屏

后排娛樂屏更像是平板電腦。主要功能有視頻、音樂、游戲等，幫助后排乘客打發(fā)時(shí)間。因此，后排娛樂系統(tǒng)就是為娛樂而生的。后排乘客不受干擾地觀看自己喜歡的視頻，體驗(yàn)非常好。

02 交互的基本內(nèi)容

駕駛員與屏幕之間的交互必須簡單、不分散注意力且易于打斷，這樣駕駛員的注意力才能迅速回到道路上。

導(dǎo)致HMI與其他移動(dòng)終端交互方式不同的因素有很多，如操作區(qū)的面積、主駕駛與屏幕之間的角度、位置和應(yīng)用場(chǎng)景，以及共同的特點(diǎn)：可用性、易用性使用情況、用戶體驗(yàn)過程等。

1.交互場(chǎng)景

在不同的應(yīng)用場(chǎng)景下，交互方式會(huì)有所不同，比如靜態(tài)、駕駛（這是關(guān)于駕駛位置的場(chǎng)景），還需要考慮一些關(guān)于環(huán)境和駕駛的狀態(tài)（晴天、雨天、雪天、霧、超速、疲勞等），需要仔細(xì)定義。首先考慮的是安全駕駛，不注重安全的交互設(shè)計(jì)是不合格的。

車輛交互的“3秒設(shè)計(jì)”原則

第一秒 - 愿景

用戶在 0-1 秒內(nèi)掃描中控臺(tái)。在這個(gè)過程中，中控臺(tái)屏幕的重要信息和功能入口 必須在這段時(shí)間內(nèi)被用戶發(fā)現(xiàn)。后期可以通過眼動(dòng)儀進(jìn)行可用性測(cè)試，最后適當(dāng)調(diào)整以達(dá)到安全駕駛標(biāo)準(zhǔn)。

筆記：

1、用戶不能多次將視線中心移動(dòng)到中控臺(tái)屏幕上查看內(nèi)容。

2. 用戶不應(yīng)花太多時(shí)間在屏幕上搜索信息。

第二秒 - 行為

交互過程中，從開始到結(jié)束，交互時(shí)間不能超過2秒。2秒已經(jīng)很危險(xiǎn)了。最佳交互時(shí)間在1秒以內(nèi)。該內(nèi)容將在下面詳細(xì)解釋。

筆記：

1. 避免讓用戶點(diǎn)擊兩次來完成功能。該功能應(yīng)一步實(shí)現(xiàn)。2. 不要讓用戶滑動(dòng)或長按。

第三秒 - 反饋

交互后第三秒一定要有反饋內(nèi)容，比如清晰的點(diǎn)擊效果反饋，可以通過聲音或者界面動(dòng)效。一旦動(dòng)作超過3秒，反饋就會(huì)超過用戶的有效感知時(shí)間。

筆記：

1. 屏幕內(nèi)容的變化需要明顯的動(dòng)作支持。

2.去除過多的裝飾動(dòng)畫，不要使用那些花哨的動(dòng)效，讓反饋效果更集中。車輛的動(dòng)畫效果不同于移動(dòng)端。

HMI系統(tǒng)按照3秒原則設(shè)計(jì)，滿足易用性需求。先普及一下這個(gè)內(nèi)容。這次先介紹互動(dòng)內(nèi)容，后面會(huì)陸續(xù)介紹車載視覺和動(dòng)態(tài)內(nèi)容的文章。

03 詳細(xì)的交互定義

讓我們直奔本章的主題。在這篇文章中，我將從八點(diǎn)入手，詳細(xì)講解車輛的交互內(nèi)容。

1.單次動(dòng)作時(shí)間

為什么如此定義？假設(shè)一輛以60km/h的速度行駛的車輛，將在2-3s內(nèi)行駛35-50m。一旦需要急剎車，剎車距離至少要15-20m。

以此計(jì)算，當(dāng)高速公路上的車速為100-120km/h時(shí)，可想而知是極其危險(xiǎn)的，可能會(huì)造成車輛損毀和死亡。因此，我們呼吁安全駕駛，小心變道，保護(hù)自己和他人。

經(jīng)過實(shí)際調(diào)研，用戶的視線從路面轉(zhuǎn)移到了車載屏幕上。這個(gè)過程通常需要0.5-1.5秒的聚焦時(shí)間，因此需要將交互內(nèi)容清晰標(biāo)示，與非交互內(nèi)容保持足夠的對(duì)比。

據(jù)統(tǒng)計(jì)，每個(gè)動(dòng)作的平均時(shí)間不能超過三秒。事實(shí)上，當(dāng)進(jìn)入第三秒時(shí)，用戶不得不使用余光開始關(guān)注前方的道路。

因此，在三秒內(nèi)，無論用戶第一次操作失敗，再次注意路況后重復(fù)操作，還是用戶繼續(xù)操作直到任務(wù)完成，都是非常危險(xiǎn)的行為。在這里，因?yàn)橛脩粼囧e(cuò)的成本是非常巨大的，交互和信息排版的設(shè)計(jì)需要做到最好。

插曲：

這里有人會(huì)說現(xiàn)在有緊急制動(dòng)（AEB）系統(tǒng)。下面簡單介紹一下，AEB（autonomous emergency braking）是通過傳感器（攝像頭、雷達(dá)、激光等）識(shí)別車輛前方的障礙物。當(dāng)車輛與障礙物的距離小于預(yù)設(shè)的安全值時(shí)，制動(dòng)系統(tǒng)會(huì)介入避免碰撞。AEB 是一種用于幫助駕駛員避免或減少碰撞事故的系統(tǒng)。

AEB系統(tǒng)主要做兩件事：

盡早發(fā)現(xiàn)緊急情況并警告司機(jī)如果駕駛員沒有反應(yīng)，系統(tǒng)將通過降低碰撞速度來避免碰撞，或者降低不可避免碰撞的嚴(yán)重程度。

實(shí)車可用性測(cè)試與評(píng)估：

下面我們就來看看真車在每次交互中的體驗(yàn)如何，是否存在危險(xiǎn)。這是 ThoughtWorks 為 Tesla 做的可用性評(píng)估分?jǐn)?shù)：

2. Action hotspot和Interaction hotspot

Action hotspot

由于駕駛場(chǎng)景的特殊性，駕駛員只能用最靠近中控臺(tái)屏幕的手進(jìn)行操作（為什么我不說用右手操作，因?yàn)槲以谧龊Ｍ忭?xiàng)目的時(shí)候，主駕駛側(cè)是在右邊，所以我只能用左手操作屏幕）

這是一張世界各地不同司機(jī)側(cè)的地圖：

以離屏幕最近的手臂和左側(cè)駕駛員側(cè)為例：以肘部為圓心畫一個(gè)圓圈，分為三個(gè)等級(jí)：最佳觸摸區(qū)、易觸摸區(qū)和難觸摸區(qū)。

下面以實(shí)際車輛案例來說明：

對(duì)于觸摸交互方式，屏幕區(qū)域觸摸動(dòng)作的便利性以駕駛員為中心逐漸向右衰減，重要的特征動(dòng)作應(yīng)該放在最優(yōu)的觸摸交互區(qū)域。

互動(dòng)熱點(diǎn)：

在說交互熱點(diǎn)之前，我們先來了解一下手指觸控區(qū)域。手指觸摸區(qū)域?yàn)?2mm x 12mm，屏幕像素密度按照160dpi計(jì)算，可以換算成76 x 76px的屏幕元素尺寸。

加入互動(dòng)熱點(diǎn)的目的是降低動(dòng)作難度。用戶在駕駛場(chǎng)景中的注意力和動(dòng)作范圍有限。精準(zhǔn)點(diǎn)擊和小面積接觸點(diǎn)動(dòng)作需要更多的動(dòng)作成本，分散駕駛注意力。更大面積的熱點(diǎn)用于承載觸摸行為，保證核心動(dòng)作在不同場(chǎng)景下的易用性。下面通過一些案例給大家講解一下。

案例：音樂控制的動(dòng)作熱點(diǎn)

如何從音樂小部件進(jìn)入音樂詳情頁？

點(diǎn)擊專輯封面點(diǎn)擊信息內(nèi)容專輯封面+信息內(nèi)容組合

根據(jù)以上結(jié)論。增加動(dòng)作面積的組合是最好的選擇。

為了給用戶帶來良好的駕駛體驗(yàn)，我們應(yīng)該考慮增加觸摸面積，在一些內(nèi)容上盡可能減少精確動(dòng)作，多做一些模糊動(dòng)作。一般這個(gè)區(qū)都可以操作。