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

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

尤其是當(dāng)UI設(shè)計師轉(zhuǎn)為交互設(shè)計師的時候，第一個想法就是如何讓設(shè)計好看，然后再去設(shè)計交互。這是我們在很多項目緊急的時候做的事情（因為我們做了很多項目，我們可以避免那些錯誤），但是新設(shè)計師永遠(yuǎn)不應(yīng)該這樣做，記?。。?！

之前很多朋友經(jīng)常會問我HMI設(shè)計怎么做？去哪里找參考？HMI的用戶體驗怎么做？如何做競品分析？問題多多?。?nbsp;

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

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

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

1.儀表板

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

2.HUD

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

3、娛樂屏

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

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

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

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

1.交互場景

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

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

第一秒 - 愿景

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

筆記：

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

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

第二秒 - 行為

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

筆記：

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

第三秒 - 反饋

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

筆記：

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

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

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

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

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

1.單次動作時間

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

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

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

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

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

插曲：

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

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

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

實車可用性測試與評估：

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

2. Action hotspot和Interaction hotspot

 Action hotspot

由于駕駛場景的特殊性，駕駛員只能用最靠近中控臺屏幕的手進(jìn)行操作（為什么我不說用右手操作，因為我在做海外項目的時候，主駕駛側(cè)是在右邊，所以我只能用左手操作屏幕）

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

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

下面以實際車輛案例來說明：

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

互動熱點：

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

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

案例：音樂控制的動作熱點

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

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

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

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