UI大牛教你車(chē)載智能交互

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

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

智能后視鏡交互方式分析

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

語(yǔ)音交互

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

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

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

體感交互

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

操作熱區(qū)分析

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

綠色舒適區(qū)域

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

橙色可操作區(qū)域

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

紅色困難區(qū)域

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

三種主流的交互布局對(duì)比分析

1.九宮格入口式

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

首頁(yè)布局

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

內(nèi)頁(yè)布局

這種操作相對(duì)來(lái)說(shuō)比較不人性化，既沒(méi)有突出安全駕駛的設(shè)計(jì)理念也沒(méi)有根據(jù)操作場(chǎng)景切換頁(yè)面功能。這種設(shè)計(jì)就相當(dāng)于手機(jī)的桌面擺放著各種app，點(diǎn)擊其中一個(gè)進(jìn)入一個(gè)單獨(dú)的APP進(jìn)行操作互相之前沒(méi)有任何關(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)前頁(yè)面并且重新選擇功能。導(dǎo)航區(qū)域是專(zhuān)門(mén)為安全駕駛存在的，這個(gè)區(qū)域不會(huì)被任何功能所覆蓋。這個(gè)區(qū)域分為路況提示狀態(tài)和導(dǎo)航狀態(tài)。在路況狀態(tài)駕駛員可以輕松查看周邊路況信息，例如：周邊路況是否擁堵等信息。導(dǎo)航狀態(tài)會(huì)顯示更多的行車(chē)信息指引駕駛員安全駕駛。

首頁(yè)布局

內(nèi)頁(yè)布局

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

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

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

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

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

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

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

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

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