一. 智能后視鏡時(shí)代背景

隨著社會(huì)的發(fā)展和科技水平的提高，人們對駕駛汽車的安全性、娛樂性提出了更高的要求。汽車的中央后視鏡應(yīng)運(yùn)而生衍化為集成安卓、Yunos等操作系統(tǒng)、包含多種功能的汽車智能后視鏡。智能后視鏡能夠提供語音控制、導(dǎo)航、道路偏離、行車記錄和實(shí)時(shí)在線音樂的視聽等駕駛汽車時(shí)的安全和娛樂功能。并且能夠適配智能手機(jī)開啟藍(lán)牙通訊模式，實(shí)現(xiàn)電話接聽、掛斷、免打擾的功能。這些優(yōu)質(zhì)的功能極大提升了車主的駕駛安全性和駕車的娛樂體驗(yàn)。

二. 智能后視鏡交互方式分析

車載HMI的設(shè)計(jì)思路不同于手機(jī)UI設(shè)計(jì)，車載HMI的設(shè)計(jì)思路首先要圍繞汽車的駕駛安全展開，安全駕駛永遠(yuǎn)是第一位的功能需求。所以車載HMI的設(shè)計(jì)中要盡可能的降低操作給駕駛員帶來的精力分散。這也就對智能后視鏡的交互設(shè)計(jì)提出了更高的要求，既要合理有效的突出安全駕駛的提示信息，又要盡可能的刪減不必要的功能操作，做到自動(dòng)化智能化。

1. 語音交互

語音交互非常適合在駕駛過程中進(jìn)行人機(jī)交互，語音交互對于駕駛員來說是成本最低的交互方式。駕駛員是需要開口說即可完成指令，不需要駕駛員的視線離開路面，也不需要手離開方向盤進(jìn)行操作。但是由于中國的地域口音非常豐富，所以也對語音識(shí)別的精確度提出了非常高的要求。當(dāng)然我們相信隨著技術(shù)的進(jìn)步這個(gè)問題終究會(huì)被完美解決。

2. 手勢操作（點(diǎn)擊和滑動(dòng)）

智能后視鏡安裝在車前方的中間位置根據(jù)車型的不同高度有所不同，小型轎車一般與駕駛員頭部平齊，如果是SUV的話可能還會(huì)高出頭部的位置。這樣的使用場景就給手勢操作帶來了天然的不利因素。駕駛員在操作智能后視鏡的時(shí)候必須要抬起胳膊來操作，這樣的操作方式首先會(huì)增加操作所需的時(shí)長，同時(shí)也會(huì)由于胳膊的懸空降低操作的準(zhǔn)確性。而手勢中的點(diǎn)擊操作和滑動(dòng)操作相對來說，滑動(dòng)操作也更加耗費(fèi)時(shí)間。所以在智能后視鏡的交互設(shè)計(jì)中應(yīng)當(dāng)盡量的減少手勢操作。

3. 體感交互

體感交互可以通過手勢晃動(dòng)跟智能后視鏡互動(dòng)，比如在一些新的智能硬件上已經(jīng)可以通過手勢晃動(dòng)來開啟和隱藏后視鏡系統(tǒng)。這種晃動(dòng)手勢喚醒車機(jī)的操作成本非常低也非常酷炫，很適合在車內(nèi)的使用。相信在不久的將來一定能夠?qū)崿F(xiàn)更加豐富的體感交互操作方式。

三. 操作熱區(qū)分析

在中國大陸駕駛員的位置都是在車的左側(cè)位置，智能后視鏡的安裝位置在車的中間頭部的位置大概與駕駛員的頭部平齊。這樣相對的空間位置決定了智能后視鏡的操作熱區(qū)。

1. 綠色舒適區(qū)域

由于駕駛員在左側(cè)位置，所以駕駛員在抬起手臂的時(shí)候最容易操作的位置是靠近左側(cè)的位置。而隨著手臂往右側(cè)移動(dòng)手臂的自然運(yùn)動(dòng)弧線會(huì)有一個(gè)下落的過程。所以越往右側(cè)移動(dòng)操作的舒適區(qū)域會(huì)越低。也就是如圖所示的操作舒適區(qū)域的弧線。

2. 橙色可操作區(qū)域

可操作的區(qū)域是緊鄰舒適區(qū)域的位置，在這個(gè)區(qū)域駕駛員操作后視鏡，需要給手臂一個(gè)加力抬臂的過程才能進(jìn)行操作。這個(gè)區(qū)域的操作會(huì)增加駕駛員的操作成本。

3. 紅色困難區(qū)域

困難區(qū)域是指駕駛員不容易去操作的區(qū)域死角。這種位置已經(jīng)超出了駕駛員的手勢弧線區(qū)域，會(huì)給駕駛員的操作帶來困難。這些區(qū)域最好避免放置功能操作。

四. 三種主流的交互布局對比分析

1. 九宮格入口式

九宮格式入口式的交互布局方式是現(xiàn)在比較主流的首頁功能布局方式，所有功能都會(huì)以九宮格的方式排列出來，這種方式主要是借鑒了windows的桌面菜單設(shè)計(jì)方式。這些功能入口有可能是均等的布局方式，也有可能是根據(jù)功能等級(jí)的不同有大小區(qū)域的不同。

△ 首頁布局

點(diǎn)擊某個(gè)功能整個(gè)頁面切換為這個(gè)功能的界面，也就是說是單任務(wù)操作的模式。在這個(gè)頁面智能對這個(gè)功能進(jìn)行操作。如果要同時(shí)操作其他功能必須先退出界面進(jìn)行操作。

△ 內(nèi)頁布局

這種操作相對來說比較不人性化，既沒有突出安全駕駛的設(shè)計(jì)理念也沒有根據(jù)操作場景切換頁面功能。這種設(shè)計(jì)就相當(dāng)于手機(jī)的桌面擺放著各種app，點(diǎn)擊其中一個(gè)進(jìn)入一個(gè)單獨(dú)的APP進(jìn)行操作，互相之前沒有任何關(guān)聯(lián)。

2. 分屏顯示內(nèi)容

分屏幕設(shè)計(jì)是指把智能后視鏡分為兩大區(qū)域，菜單區(qū)域和導(dǎo)航區(qū)域。菜單區(qū)域的功能與九宮格入口式的設(shè)計(jì)思路基本相同，點(diǎn)擊一個(gè)功能進(jìn)入就在這個(gè)區(qū)域展示內(nèi)容，如果要操作其他功能智能推出當(dāng)前頁面并且重新選擇功能。導(dǎo)航區(qū)域是專門為安全駕駛存在的，這個(gè)區(qū)域不會(huì)被任何功能所覆蓋。這個(gè)區(qū)域分為路況提示狀態(tài)和導(dǎo)航狀態(tài)。在路況狀態(tài)駕駛員可以輕松查看周邊路況信息，例如：周邊路況是否擁堵等信息。導(dǎo)航狀態(tài)會(huì)顯示更多的行車信息指引駕駛員安全駕駛。

△ 首頁布局

△ 內(nèi)頁布局

這種交互布局著重提升了安全駕駛的理念，劃分出單獨(dú)的區(qū)域展示路況信息和導(dǎo)航信息。其他功能菜單在另一個(gè)區(qū)域顯示和切換。整體來說更加符合行車過程中的功能需求，用分屏的方式來同時(shí)滿足安全駕駛和娛樂的雙重需求。

3. 分場景切換內(nèi)容

汽車的使用場景主要分為駐車狀態(tài)和行車狀態(tài)，分場景切換內(nèi)容的方式就是根據(jù)汽車的兩種使用場景來自動(dòng)切換顯示的內(nèi)容。在駐車狀態(tài)的場景下首頁展示功能入口，展示方式和九宮格入口式的展示方式類似。而在行車過程中系統(tǒng)會(huì)根據(jù)速度自動(dòng)切換至行車狀態(tài)的界面。在行車狀態(tài)中主要顯示跟行車相關(guān)的信息，首先是路況信息，其次是音樂拍照等娛樂系統(tǒng)的快捷按鍵。這些快捷按鈕的內(nèi)容以浮窗的方式展現(xiàn)，盡可能的降低對安全信息的影響。

這種交互布局方式高度考慮了汽車駕駛的使用場景，在不同的場景下提供不同的功能和交互布局。在駕駛狀態(tài)重點(diǎn)突出安全駕駛相關(guān)的內(nèi)容，并且可以快捷操作娛樂系統(tǒng)無需退出界面操作。這種交互布局思路相對來說更加的人性化更符合當(dāng)時(shí)場景下的駕駛需求。從操作成本的角度考慮也更加的方便快捷。

4. 特斯拉式展示內(nèi)容

所謂的特斯式內(nèi)容展示指的是借鑒特斯拉的內(nèi)容展示思路，首先默認(rèn)展示路況信息作為默認(rèn)的桌面背景。其他功能以快捷菜單的方式展現(xiàn)，點(diǎn)擊內(nèi)容后內(nèi)容會(huì)通過分屏的方式在路況上展示。

這種操作方式首先默認(rèn)滿足安全駕駛的需求，其次在操作功能時(shí)通過分屏的方式滿足內(nèi)容展示的需求。而且在這種交互布局中也可以輕松地切換功能無需退出界面操作，操作成本較低。

智能后視鏡的交互體驗(yàn)還有很多可以繼續(xù)研究的問題，相信在未來會(huì)有更多更好的交互解決方案出現(xiàn)。希望這篇文章對大家有所啟迪。

歡迎關(guān)注作者的微信公眾號(hào)：「UI酷設(shè)計(jì)」

「汽車交互設(shè)計(jì)專題」

• 《汽車交互專題！全方位解讀特斯拉Model 3中控大屏交互布局》
• 《UI丨重塑車載用戶體驗(yàn)之儀表盤的重設(shè)計(jì)》
• 《讓用研落地！重塑車載用戶體驗(yàn)之為司機(jī)焦慮而設(shè)計(jì)》
• 《汽車UI界面怎么做？來看特斯拉和Apple Carplay等高手的案例！》
• 《向著下一個(gè)時(shí)代進(jìn)發(fā)！酷炫的汽車儀表盤UI設(shè)計(jì)合集》

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛好者也準(zhǔn)備了貼心的知識(shí)樹專欄。開啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計(jì)導(dǎo)航：國內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備： http://hao.uisdc.com