UI大牛教你車載智能交互

智能后視鏡時代背景

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

智能后視鏡交互方式分析

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

語音交互

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

手勢操作（點擊和滑動）

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

體感交互

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

操作熱區(qū)分析

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

綠色舒適區(qū)域

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

橙色可操作區(qū)域

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

紅色困難區(qū)域

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

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

1.九宮格入口式

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

首頁布局

點擊某個功能整個頁面切換為這個功能的界面，也就是說是單任務操作的模式。在這個頁面智能對這個功能進行操作。如果要操作同時操作其他功能必須先退出界面進行操作。

內(nèi)頁布局

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

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

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

首頁布局

內(nèi)頁布局

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

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

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

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

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

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

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

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

相關(guān)文章--《UI大牛教你怎么給文字配色》