本次文章的主題是圍繞 HUD 講解，大家拿好小本子記好筆記奧。我今年還會(huì)輸出更多車(chē)載 HMI 行業(yè)知識(shí)，敬請(qǐng)期待吧。

往期回顧：

前沿

最近理想 L9 新車(chē)發(fā)布，將車(chē)輛中的儀表盤(pán)取消掉了，取而代之的是在方向盤(pán)上面裝載 HUD，現(xiàn)在國(guó)內(nèi)乃至全球都在針對(duì) AR-HUD 的探索中，今天我就帶大家解讀一下車(chē)載 HUD 知識(shí)吧，本篇文章就展開(kāi)對(duì) HUD 的發(fā)展階段、探索 AR-HUD 用戶(hù)體驗(yàn)設(shè)計(jì)、HUD 設(shè)計(jì)中需要注意的點(diǎn)。

HUD （Head Up Display，平視顯示器）這種顯示系統(tǒng)，原來(lái)是軍用戰(zhàn)斗機(jī)上的顯示系統(tǒng)，飛行員不必低頭，就能在擋風(fēng)玻璃上看到所需的重要信息，是為了幫助飛機(jī)駕駛員減輕認(rèn)知負(fù)荷，從而提高感知能力的應(yīng)用。

近些年來(lái)將這個(gè)技術(shù)運(yùn)用到和汽車(chē)上，它的作用，就是把時(shí)速、導(dǎo)航等重要的行車(chē)信息，投影到駕駛員前面的擋風(fēng)玻璃上，這樣的好處是不需要駕駛員低頭看導(dǎo)航信息、不轉(zhuǎn)頭就能看到，大大提高駕駛員的駕駛安全，這就是 HUD 的主要作用。

HUD 技術(shù)被業(yè)界重新重視，不僅僅因?yàn)樗芴岣唏{駛安全性和顯示效果，更重要的是 AR 技術(shù)的出現(xiàn)，讓 HUD 的使用場(chǎng)景有了更多可能，能更加有效的提高駕駛安全性。導(dǎo)航的時(shí)候可以直接將信息顯示到 HUD 上，并融合實(shí)際的路況場(chǎng)景進(jìn)行顯示，左轉(zhuǎn)右轉(zhuǎn)一目了然。更能結(jié)合 ADAS 功能，及時(shí)預(yù)告路況和行人信息。

進(jìn)入我們今天的正題吧

HUD 發(fā)展階段和種類(lèi)詳解

我們來(lái)講一下 HUD 的發(fā)展主要三個(gè)階段，并在每一個(gè)階段介紹相對(duì)應(yīng)的 HUD 種類(lèi)，這段知識(shí)可能比較專(zhuān)業(yè)，但我們?cè)O(shè)計(jì)師也要稍微了解一些硬件設(shè)備的知識(shí)，那我們開(kāi)始吧。

1. L1/L2 階段

L1/L2 這個(gè)階段的 HUD 設(shè)計(jì)，信息都是在前面擋風(fēng)玻璃上展示，上面呈現(xiàn)的信息也相對(duì)較少，上面有的信息包含有：車(chē)速、限速、簡(jiǎn)單的導(dǎo)航、車(chē)道偏離、后面來(lái)車(chē)、警報(bào)提示相關(guān)內(nèi)容，在設(shè)計(jì)風(fēng)格上偏向于簡(jiǎn)潔一些，為了最大程度上對(duì)于信息傳達(dá)。

這個(gè)階段的 HUD 有下面幾種：C-HUD、W-HUD

我們先來(lái)說(shuō)一下 C-HUD（Combiner HUD）中文名字：組合式抬頭顯示系統(tǒng)，它是被安裝在一塊透明玻璃上，通過(guò)光學(xué)圖像三次折射到這塊玻璃片上，在距離駕駛者視線 1.8-2.5 米的位置形成一個(gè)圖像。

他的優(yōu)點(diǎn)：便于安裝，由于 C-HUD 的投影介質(zhì)主要是放置于儀表上方的一個(gè)半透明的樹(shù)脂板，比較適合用于后裝市場(chǎng)。

缺點(diǎn)：成像區(qū)域小，顯示的內(nèi)容有限；成像距離比較近，位置低；最后一點(diǎn)就是發(fā)生車(chē)輛碰撞可能導(dǎo)致車(chē)內(nèi)人員二次傷害，不利于車(chē)內(nèi)安全。

W-HUD 全稱(chēng)是（Windshield HUD），中文的意思是：直投擋風(fēng)玻璃的 HUD，是當(dāng)前 HUD 前裝市場(chǎng)主流方案，它的原理是通過(guò)擋風(fēng)玻璃作為投影介質(zhì)來(lái)反射成像。

他的優(yōu)點(diǎn)：可以支持更大的成像區(qū)域和更遠(yuǎn)的投影距離，比 C-HUD 成像更遠(yuǎn)，而且展示信息的區(qū)域比 C-HUD 更大，顯示的效果更為一體化，也有助于駕駛者的安全行駛。

缺點(diǎn)：但擋風(fēng)玻璃一般為曲面玻璃，所以 W-HUD 一定要根據(jù)擋風(fēng)玻璃的尺寸和曲率搭配高精度非球面反射鏡，導(dǎo)致了 W-HUD 的成本相對(duì)較高，W-HUD 一般是在我們購(gòu)車(chē)的時(shí)候就已經(jīng)配置好。

3. L3 階段 AR-HUD

現(xiàn)在逐步向 L3 這個(gè)階段發(fā)展，這個(gè)階段我們發(fā)展的方向是 AR-HUD，有人也稱(chēng)它叫做 3D-AR-HUD。

AR-HUD 即 AR 和抬頭顯示的融合，AR 技術(shù)全稱(chēng)（Augmented Reality），使用擋風(fēng)玻璃作為投影介質(zhì)來(lái)反射成像。將胎壓、速度、轉(zhuǎn)速等信息投射到前擋風(fēng)玻璃上，使車(chē)主在行車(chē)中，無(wú)需低頭就能查看汽車(chē)相關(guān)信息；這個(gè)階段的設(shè)計(jì)不僅僅在前擋風(fēng)玻璃上面展示，還結(jié)合和車(chē)外部環(huán)境合成，像道路，前方行人、車(chē)輛、建筑、甚至連摩托車(chē)、自行車(chē)都可以展現(xiàn)出來(lái)，未來(lái)可能展現(xiàn)更多的內(nèi)容。將這些顯示信息、圖像可以和交通狀況進(jìn)行融合并且提醒駕駛者，從而有效的的防止交通事故的發(fā)上。

AR-HUD 分為近投影 and 遠(yuǎn)投影成像，近投影主要顯示車(chē)輛速度、油量等一些車(chē)輛信息之類(lèi)的；而遠(yuǎn)投影擁有更大的視角，成像距離更遠(yuǎn)，可以有更大顯示尺寸，那么可以將虛擬的圖形和現(xiàn)實(shí)的路況相結(jié)合到一起，加入導(dǎo)航信息，及時(shí)的將路況顯示在擋風(fēng)玻璃并與路面進(jìn)行融合，提供駕駛者良好的體驗(yàn)環(huán)境，給大家說(shuō)這么多，給大家展示一些實(shí)際概念案例搭配起來(lái)看，這樣會(huì)更好理解。

解讀下面的案例，我們也會(huì)從視覺(jué)層面給大家分析其中的設(shè)計(jì)方案。

3. 解讀：BMW VISION NEXT 100：

這款車(chē)型是在 2016 年寶馬百歲生日時(shí)發(fā)布的一款概念車(chē)，我們來(lái)看一下它的 HUD 界面風(fēng)格設(shè)計(jì)偏向于數(shù)字可視化，扁平、顏色主要以產(chǎn)品色+白色為主+警報(bào)色，整體的風(fēng)格非常簡(jiǎn)潔明了，和它車(chē)的內(nèi)飾完美的搭配。

我們看一下他的警報(bào)提示用了白色的外框+紅色警報(bào)類(lèi)型的 icon，在觸發(fā)警報(bào)的同時(shí)，內(nèi)飾臺(tái)面也會(huì)出現(xiàn)相對(duì)應(yīng)的提示，真的很大程度上提醒了駕駛者，小心駕駛，提高了安全性。

在行駛的過(guò)程中，在斑馬線上遇到行人會(huì)觸發(fā)安全警報(bào)，提示前面有人需要降速停車(chē)，當(dāng)車(chē)停下來(lái)的時(shí)候，前方會(huì)信號(hào)燈會(huì)發(fā)出綠色通行的信號(hào)給到行人，傳達(dá)可以通行的示意，當(dāng)行人走完恢復(fù)正常，車(chē)輛方可啟動(dòng)通行。

這款 HUD 也會(huì)在屏幕上顯示目標(biāo)地點(diǎn)，還有沿街商店的一個(gè)提示，比如你和它語(yǔ)音交流，幫我導(dǎo)航到附近花店，那么當(dāng)快接近花店附近的時(shí)候，它會(huì)出現(xiàn)提示。

4. 解讀：WayRay：

WayRay 是一家專(zhuān)門(mén)制作顯示器(HUD)以及最終用于自動(dòng)駕駛汽車(chē)的完全沉浸式 AR 和虛擬現(xiàn)實(shí)(VR)系統(tǒng)的公司，WayRay 他整體的設(shè)計(jì)風(fēng)格偏向游戲化、光影效果、3D 空間感，整體的顏色以綠色+黃色+警報(bào)色為主。他設(shè)計(jì)的 HUD 界面非常有科技、未來(lái)、酷炫的感覺(jué)。

WayRay 對(duì)于導(dǎo)航的設(shè)計(jì)創(chuàng)造性十足，放棄了二維導(dǎo)航界面中的設(shè)計(jì)元素，而是用了箭頭貼合現(xiàn)實(shí)路況中，模擬出駕駛員的行駛軌跡。

到達(dá)目的還會(huì)給你推薦附近的停車(chē)場(chǎng)，并且標(biāo)注出每小時(shí)多少美金，當(dāng)?shù)竭_(dá)指定目標(biāo)位置，前方 HUD 會(huì)呈現(xiàn)出導(dǎo)航結(jié)束，還有給出你行駛的路線軌跡。

當(dāng)在等待紅綠燈場(chǎng)景中，HUD 會(huì)根據(jù)用戶(hù)需求，比如用戶(hù)想購(gòu)買(mǎi)東西，那么可以通過(guò)語(yǔ)音進(jìn)行對(duì)話，“我要購(gòu)買(mǎi)藥品”投射出購(gòu)買(mǎi)場(chǎng)景，例如途中用戶(hù)想購(gòu)買(mǎi)藥品、便利店的商品等，當(dāng)紅燈快結(jié)束的時(shí)候此類(lèi)場(chǎng)景消失，恢復(fù)正常駕駛狀態(tài)。類(lèi)似這種的體驗(yàn)還會(huì)出現(xiàn)很多，這些都需要靠我們不斷去深度挖掘用戶(hù)需求。

我們?cè)诼访嫔闲旭偟臅r(shí)候，如果在碰撞危險(xiǎn)距離，那么 HUD 會(huì)鎖定到前方車(chē)輛，并且提醒駕駛者小心駕駛，警報(bào)距離的界面視覺(jué)元素用了紅、黃、藍(lán)這些偏向于高飽和的顏色，每一段距離都會(huì)相對(duì)應(yīng)的顏色定義，紅色代表危險(xiǎn)距離、黃色代表提醒距離、藍(lán)色代表安全距離。

探索 AR-HUD 用戶(hù)體驗(yàn)設(shè)計(jì)

現(xiàn)在 C-HUD 目前已逐漸被市場(chǎng)淘汰，W-HUD 與 AR- HUD 成為市面上比較主流的，接下來(lái)我們深度的對(duì) AR-HUD 用戶(hù)體驗(yàn)設(shè)計(jì)進(jìn)行探索

1. 目前 HUD 發(fā)展的過(guò)程中存在的問(wèn)題

從設(shè)計(jì)方面考慮：

1. 多場(chǎng)景下 AR-HUD 的圖像顯示的問(wèn)題包含：亮度、顏色、清晰度、對(duì)比度、重影這些，因?yàn)椴煌瑘?chǎng)景下 HUD 上顯示的設(shè)計(jì)內(nèi)容也會(huì)跟隨著變化。
2. 如何將各種信息及功能集合在一起，讓整體的 AR-HUD 界面做一目了然，能夠讓用戶(hù)清晰、便捷的看到 AR-HUD 中的內(nèi)容。
3. FOV（視場(chǎng)角度）與虛擬成像距離和圖形大小的呈現(xiàn)，這個(gè)需要我們頻繁的去調(diào)整角度、大小，因?yàn)檐?chē)是一個(gè)行駛的狀況，它與周?chē)h(huán)境的都會(huì)因?yàn)榫嚯x改變大小和角度，這個(gè)在設(shè)計(jì)方面我們?nèi)绾稳タ剂克?/li>

從硬鍵和其他方面考慮：

1. AR-HUD 需要針對(duì)不同車(chē)型的擋風(fēng)玻璃進(jìn)行設(shè)計(jì)，所以在設(shè)計(jì)適配方面還存在很大的問(wèn)題
2. AR-HUD 需要準(zhǔn)確的識(shí)別圖像信息，如：車(chē)輛、人、紅綠燈、周?chē)ㄖ?chǎng)景等等，而且在導(dǎo)航中是否具備不延遲。

AR-HUD 的界面設(shè)計(jì)原則：

① 信息布局原則，控制同一時(shí)間內(nèi)顯示信息的內(nèi)容和數(shù)量，將重要的信息優(yōu)先展示出來(lái)，比如與安全駕駛相關(guān)的信息，去掉無(wú)用的信息內(nèi)容，盡量減少擋風(fēng)玻璃上面的信息和數(shù)量，保證用戶(hù)駕駛。

希克定律相信大家都有聽(tīng)過(guò)，他描述了用戶(hù)決定所需的時(shí)長(zhǎng)，增加選擇的數(shù)量將會(huì)增加人們做出決策反應(yīng)的時(shí)間。如果分布信息過(guò)多，注意力受到干擾，認(rèn)知負(fù)擔(dān)會(huì)增加

根據(jù)研究報(bào)告，駕駛者一次在視覺(jué)上可以感知 5-9 內(nèi)容，而這個(gè)數(shù)量包含了駕駛者視野內(nèi)的全部?jī)?nèi)容，因此在設(shè)計(jì) AR-HUD 人機(jī)交互界面，請(qǐng)合理的安排界面信息的布局和頁(yè)面當(dāng)中元素的數(shù)量，別給駕駛者增加負(fù)擔(dān)和決策時(shí)間，增加了就會(huì)可能導(dǎo)致提高危險(xiǎn)駕駛系數(shù)。所以 AR-HUD 呈現(xiàn)的設(shè)計(jì)元素?cái)?shù)量最好維持 1-3 個(gè)之間。

② 綜合天氣和道路狀況等因素進(jìn)行設(shè)計(jì)，因?yàn)閻毫拥奶鞖夂蛷?fù)雜的路況都會(huì)影響到信息展示，因此在設(shè)計(jì)之初一定要綜合考慮天氣環(huán)境、視野條件等因素的影響。

③ AR-HUD 系統(tǒng)設(shè)計(jì)盡量簡(jiǎn)單易理解，能夠讓駕駛者迅速能看懂 AR-HUD 界面展示的內(nèi)容，把用戶(hù)駕駛體驗(yàn)提高，使界面的設(shè)計(jì)符合駕駛員的心理認(rèn)知，避免引起駕駛員更多的認(rèn)知負(fù)荷。

④ AR-HUD 界面中的視覺(jué)符號(hào)的色彩和亮度需要考慮駕駛環(huán)境的變化對(duì)于可見(jiàn)度的影響，以達(dá)到有效的警示效果。

2. AR-HUD 交互設(shè)計(jì)方面

在交互方式方面，AR-HUD 可以實(shí)現(xiàn)通過(guò)視覺(jué)顯示、語(yǔ)音交互、手勢(shì)交互等方式。想要做好交互設(shè)計(jì)，那么我們得提前了解清楚駕駛?cè)蝿?wù)等級(jí)，在 Michon 駕駛模型中有提到，駕駛?cè)蝿?wù)被分為三個(gè)等級(jí)，這三級(jí)任務(wù)重要性逐步增加。一般任務(wù)：維持汽車(chē)正常駕駛；機(jī)動(dòng)控制任務(wù)：維持正常駕駛，并且根據(jù)交通法規(guī)和駕車(chē)環(huán)境，于其他車(chē)輛或者行人進(jìn)行安全交互任務(wù)；策略任務(wù)：比如導(dǎo)航路線規(guī)劃這一類(lèi)需要駕駛者推理和構(gòu)思。

兩級(jí)以上的交互層級(jí)不適合在 AR-HUD 中使用，頁(yè)面的信息需要展示簡(jiǎn)潔明了、信息主次分明，不需要多余信息來(lái)呈現(xiàn)，能夠快速獲取關(guān)鍵車(chē)輛信息是 AR-HUD 界面設(shè)計(jì)布局的出發(fā)點(diǎn)，盡量減少駕駛者的思考時(shí)間。只要把用戶(hù)最在意的信息設(shè)計(jì)到 HUD 界面當(dāng)中，這樣才能提高駕駛者的信息獲取效率。

當(dāng)前主流的 AR- HUD 產(chǎn)品，他們功能基本上都包含了：當(dāng)前車(chē)速、ACC（自適應(yīng)巡航輔助）、車(chē)距警告、變道提示、環(huán)境行人警告、車(chē)道偏離預(yù)警、前方車(chē)輛預(yù)警，在導(dǎo)航中這些信息呈現(xiàn)的方式都是不一樣的。

3. AR-HUD 視覺(jué)設(shè)計(jì)方面

從設(shè)計(jì)的角度來(lái)講，AR-HUD 也包含和很多復(fù)雜的視覺(jué)內(nèi)容：亮度、圖形、色彩、布局、信息的數(shù)量等，AR-HUD 的交互設(shè)計(jì)直接影響到駕駛安全和駕駛者的體驗(yàn)。對(duì)于顏色的選擇，要找到合適的顏色作為提示和警報(bào)的用色，上面給大家講解的兩款 AR-HUD 的顏色方案，藍(lán)、綠、黃、紅居多。

AR-HUD 特別容易受到車(chē)外部環(huán)境的影響，外部環(huán)境的光線強(qiáng)度、天氣狀況等因素都會(huì)直接影響到 AR- HUD 的設(shè)計(jì)，所以 AR- HUD 界面設(shè)計(jì)更加偏向于強(qiáng)的對(duì)比。

4. 如何營(yíng)造出 AR- HUD 空間感？

視覺(jué)空間感可以通過(guò)尺寸的大小、色彩的變化、空間透視角度來(lái)，在 AR- HUD 界面中可以通過(guò)明暗變化來(lái)判斷對(duì)象遠(yuǎn)近。

由于 AR- HUD 界面大部分都是實(shí)時(shí)動(dòng)態(tài)產(chǎn)生的，并且與真實(shí)環(huán)境相合成的，所以設(shè)計(jì)過(guò)程中，不僅僅考慮圖形本事，更需要把不同 HUD 的界面做到很好的切換。AR- HUD 重要的特點(diǎn)就是將信息直接顯示在真實(shí)的道路上，想要將這個(gè)實(shí)現(xiàn)出來(lái)就需要通過(guò)前方攝像頭對(duì)道路進(jìn)行解析并建模，從而得出距離、位置、大小等等，再把 HUD 上面需要的信息投影到相對(duì)應(yīng)的位置上去。讓人的視線、HUD 界面、實(shí)際道路都在一條線上，這才能達(dá)到滿(mǎn)足 AR 的體驗(yàn)。

HUD 設(shè)計(jì)中需要注意的點(diǎn)

總結(jié) 12 條 HUD 在設(shè)計(jì)中需要注意的內(nèi)容，也歡迎大家在留言區(qū)中進(jìn)行補(bǔ)充說(shuō)明。

1. 字體選擇

對(duì)于 HUD 字體選擇一個(gè)最基本的原則就是：能夠讓用戶(hù)一目了然的理解這個(gè)內(nèi)容和當(dāng)前狀態(tài)。字體是界面基本元素之一，選擇字體既要體現(xiàn)出設(shè)計(jì)感，還要保持可讀性和易讀性，從而降低事故風(fēng)險(xiǎn)。

給大家推薦一些字體：

Roboto 因?yàn)樗衔覀兊乃袠?biāo)準(zhǔn)，并且已被 Google 車(chē)載測(cè)試過(guò)，我在做圖的時(shí)候英文和數(shù)字都比較喜歡用這款字體的；Avenir Next 字體的易讀性極高，這使其成為汽車(chē) HMI 儀表盤(pán)和顯示器等快速掃視環(huán)境下最理想的選擇；還有一些：Burlingame、Tipperary、Daytona、Akko、Unitext、TradeGothic 如果讀者們還有那些推薦的，大家可以在評(píng)論區(qū)留言。

2. 圖形不直觀，辨識(shí)度下降

圖形信息是視覺(jué)交互界面中一個(gè)合理的表達(dá)方式，只有 icon 辨識(shí)度高了才能使駕駛者通過(guò)掃視過(guò)程中能夠準(zhǔn)確獲取車(chē)載信息作用，如果 icon 辨識(shí)度低，會(huì)造成嚴(yán)重的駕駛者的分心，他會(huì)在想這個(gè)是什么？同時(shí)相同內(nèi)容，不同圖標(biāo)形狀對(duì)駕駛者也有不同的認(rèn)知差異，比如警示信息，經(jīng)過(guò)研究發(fā)現(xiàn)，含有尖角輪廓的警示會(huì)更優(yōu)于圓形的圖標(biāo)。

3. 需要挖掘用戶(hù)真正的需求點(diǎn)

HUD 作為安全駕駛輔助設(shè)備，所以 HUD 界面當(dāng)中應(yīng)該顯示和駕駛密切相關(guān)的信息，現(xiàn)在 HUD 中除了車(chē)速、轉(zhuǎn)速和導(dǎo)航信息，剩余其他的功能點(diǎn)基本上各個(gè)制造商都各不相同。從用戶(hù)角度出發(fā)，挖掘駕駛者真正意義上需要的功能需求。以深度挖掘用戶(hù)的潛在需求、用戶(hù)行為、使用習(xí)慣為前提。

4. HUD 顯示內(nèi)容和其他屏幕需差異化

HUD 顯示區(qū)域面積很寶貴的，所以 HUD 當(dāng)中顯示重要信息，千萬(wàn)別和儀表盤(pán)、中控屏幕有重復(fù)，假設(shè)我上車(chē)的時(shí)候沒(méi)有系上安全帶，這時(shí)候儀表盤(pán)中會(huì)提醒我們，并且儀表盤(pán)中會(huì)出現(xiàn)相對(duì)應(yīng) icon 閃爍還有警報(bào)提示音。如果這時(shí)候 HUD 上面也出現(xiàn)一個(gè)警告的提示，那么就出現(xiàn)了重復(fù)的，雖然你覺(jué)得 HUD 上面顯示會(huì)比儀表盤(pán)更方便看到，但是儀表盤(pán)中有一些固定的功能沒(méi)辦法刪減，所以在設(shè)計(jì) HUD 初，你得考慮好 HUD 需要顯示那些功能，和其他屏幕有所差異。

5. 避免信息重疊問(wèn)題

在 HUD 設(shè)計(jì)中避免出現(xiàn)信息重疊內(nèi)容，尤其是出現(xiàn)一個(gè)警告彈窗的時(shí)候，如果用文字來(lái)表達(dá)的話，極有可能會(huì)出現(xiàn)重疊的問(wèn)題，重疊后會(huì)導(dǎo)致駕駛者無(wú)法看到后面的信息內(nèi)，可能會(huì)引發(fā)一些危險(xiǎn)，所以我們?cè)谠O(shè)計(jì) HUD 界面的時(shí)候，盡量要保證設(shè)計(jì)的元素不要重疊在一起，你可以將文字轉(zhuǎn)化成 icon 或者可識(shí)別的圖形化，這一點(diǎn)后面會(huì)詳細(xì)的說(shuō)明。

6. 盡可能的少用字，多用圖形化設(shè)計(jì)

上一點(diǎn)也簡(jiǎn)單的提到了，設(shè)計(jì) HUD 的時(shí)候盡可能的少用文字，多用一些圖形化的設(shè)計(jì)，因?yàn)閳D形化傳達(dá)的效果會(huì)比純文字會(huì)更好，我們舉一個(gè)例子：行走在斑馬線上的行人、騎自行車(chē)的、前方有異常物體等，如果都用文字來(lái)體現(xiàn)，那么用戶(hù)需要先閱讀 HUD 中的文字，然后再做出判斷。將文字轉(zhuǎn)化為圖形化設(shè)計(jì)，那么就很大程度提高了駕駛者快速做出決斷，一個(gè)警示外框+物體的圖形化設(shè)計(jì)。

7. HUD 中需要做引導(dǎo)性的動(dòng)畫(huà)

在 HUD 中為啥要做這些引導(dǎo)性的動(dòng)畫(huà)呢？不難理解這個(gè)需求，我們都看過(guò)一些駕駛者走神錯(cuò)過(guò)下高速路口的、也有走錯(cuò)路口，肯定有人說(shuō)了不是有手機(jī)高德導(dǎo)航的么？我想說(shuō)的是：有的復(fù)雜性的路段高德也難，手機(jī)導(dǎo)航你有時(shí)候還需要低頭看手機(jī)導(dǎo)航，而 HUD 可以直接引導(dǎo)你走那一條路，其實(shí)比手機(jī)導(dǎo)航方便許多。晚上燈光弱的時(shí)候道路沒(méi)法看清，HUD 也可發(fā)揮出它的強(qiáng)大功能引導(dǎo)駕駛者安全行駛。

8. 設(shè)計(jì) HUD 動(dòng)畫(huà)，時(shí)間建議都小于 500 毫秒

我們簡(jiǎn)單科普一下 500ms=0.5S 我們?cè)谧?HUD 動(dòng)畫(huà)的時(shí)候每一段動(dòng)畫(huà)時(shí)間都需要小于 0.5s，我們來(lái)計(jì)算一下，以這邊一輛以 60km/h 的車(chē)速，0.5S 會(huì)開(kāi)出 10m-15m 左右，所以動(dòng)畫(huà)時(shí)間需一個(gè)合理的區(qū)間是非常重要的。這里還需要提到一個(gè)詞“及時(shí)反饋感”因?yàn)樵隈{駛過(guò)程中，這一點(diǎn)非常的重要，不管在 HUD 還是中控上面設(shè)計(jì)動(dòng)畫(huà)時(shí)長(zhǎng)都不能太長(zhǎng)，車(chē)載端的動(dòng)畫(huà)設(shè)計(jì)和移動(dòng)端 APP 動(dòng)畫(huà)設(shè)計(jì)是不一樣。

9. HUD 中最多使用兩個(gè)層級(jí)的交互結(jié)構(gòu)

在 HUD 設(shè)計(jì)當(dāng)中，所有內(nèi)容最好都在 2 層內(nèi)的交互結(jié)構(gòu)中全部顯示出來(lái)，因?yàn)榻换ソY(jié)構(gòu)層越多，讓用戶(hù)使用起來(lái)越復(fù)雜，其次就是隱藏很深的話用戶(hù)沒(méi)辦法找到。假設(shè)一個(gè)未來(lái)可以實(shí)現(xiàn)的場(chǎng)景：在行駛的過(guò)程中出現(xiàn)一些商店或者是加油站，如果有二級(jí)菜單中顯示可以顯示這個(gè)加油站每種油量的一個(gè)剩余，如果剩余不足，可以推薦導(dǎo)航到附近有庫(kù)存的加油站，而不是再給你第三層級(jí)，列出附近加油站的列表讓你再一次選擇，這樣用戶(hù)體驗(yàn)也不是最好的?？梢栽诙?jí)層級(jí)中完成的任務(wù)就別增加交互邏輯了。

10. 每次操作后的反饋感

建議每次在操作最后都需要一個(gè)反饋感，反饋感包含從視覺(jué)方面、聽(tīng)覺(jué)方面、甚至還有一些震動(dòng)的觸感。用戶(hù)在操作的時(shí)候都需要一個(gè)及時(shí)的反饋感，反饋該操作是正確還是錯(cuò)誤，它下一步需要怎么一個(gè)操作等等。這邊提到了一個(gè)聲音的反饋，聲音可以很拉升這款車(chē)的品質(zhì)感，一個(gè)專(zhuān)屬這款車(chē)的聲音會(huì)感覺(jué)到很酷，這方面聲音系統(tǒng)都是需要制作音樂(lè)的音樂(lè)人來(lái)私人訂制化的，而不是在網(wǎng)上找的那些簡(jiǎn)單的音效，沒(méi)有什么亮點(diǎn)和記憶點(diǎn)。

11. 聚焦在一個(gè)點(diǎn)上，不能超過(guò)兩秒

聚焦在某一個(gè)單個(gè)信息模塊上的時(shí)間，不能超過(guò)兩秒，一旦超過(guò)這個(gè)數(shù)值就有可能會(huì)發(fā)生交通事故。在動(dòng)畫(huà)設(shè)計(jì)中我們也提到時(shí)間的概念，假設(shè)一輛以 60km/h 的車(chē)速 如果 2-3s 盲開(kāi)就會(huì)開(kāi)出 35-50m，一旦需要急剎車(chē)那么剎車(chē)距離至少 15-20m，所以我們建議在設(shè)計(jì) HUD 內(nèi)容中，盡量要設(shè)計(jì)出讓用戶(hù)一目了然的設(shè)計(jì)，避免在查看的時(shí)間花費(fèi)過(guò)多的時(shí)間，比如在顏色運(yùn)用上增強(qiáng)對(duì)比度等等。

12. 不要在 HUD 中加入輸入字符功能

為什么會(huì)提到這個(gè)點(diǎn)，雖然 HUD 的高度比儀表盤(pán)還要高出一點(diǎn)，觀察 HUD 視角距離正常道路視線還是有 10 度之差的，所以聚焦的時(shí)間也不能超過(guò) 2 秒，我們?cè)囅胍幌逻@個(gè)場(chǎng)景，需要去輸入準(zhǔn)確的內(nèi)容，可能會(huì)占據(jù)時(shí)間很長(zhǎng)，并且駕駛的危險(xiǎn)系數(shù)也會(huì)隨之提高，因此建議 HUD 上面別做輸入字符的功能。

最后來(lái)個(gè)總結(jié)

本篇文章主要圍繞了探索 AR-HUD 的用戶(hù)體驗(yàn)設(shè)計(jì)、最后還列出了十二個(gè)設(shè)計(jì) HUD 需要的注意事項(xiàng)，我們?cè)谠O(shè)計(jì) HUD 的時(shí)候還是需要多考慮用戶(hù)場(chǎng)景、還有環(huán)境對(duì)我們?cè)O(shè)計(jì)造成的影響等等。有一句話想對(duì)大家說(shuō)“我們?cè)O(shè)計(jì)優(yōu)化一小步，就是對(duì)我們駕駛者安全的一大步”所以讓我們共同為了這一個(gè)愿景而努力吧。嗯...又雞湯了一波