1. 首頁
  2. 資訊
  3. 技術(shù)
  4. 車機(jī)的人機(jī)交互要怎么設(shè)計(jì)?

車機(jī)的人機(jī)交互要怎么設(shè)計(jì)?

極客汽車 大白

我們不止一次討論過,一套優(yōu)秀的車載 HMI 人機(jī)交互系統(tǒng)到底需要具備哪些條件。簡單來說,合理搭配的軟硬件是必不可少的基礎(chǔ)部分。

比如說,我們在車內(nèi)最直觀感受到的,主要就是中控面板、各種按鈕以及儀表盤等交互介質(zhì)。這套硬件系統(tǒng)設(shè)計(jì)的是否合理,直接決定了用戶使用的易用和安全性。

智能化是趨勢

當(dāng)你的汽車變得越來越智能,用戶對車的期待也越來越多。類似:「他的車有大屏,我的為什么沒有?」這樣的問題,出現(xiàn)的頻率也是越來越高。一個明顯的趨勢是,如果一輛車?yán)餂]有可聯(lián)網(wǎng)的大屏以及衍生出的各種服務(wù),那么這輛車和用戶能感知到的智能距離也就比較遠(yuǎn)了。

在接下來一段時間內(nèi),大屏逐漸會成為汽車的標(biāo)配。因此,一套優(yōu)秀的車載 HMI,對于用戶購車判斷的影響會越來越大。換句話說,這對于行業(yè)內(nèi)的主機(jī)廠和供應(yīng)商都提出了更多的要求。

WechatIMG21

在 GeekCar9 月初舉行的 GAME 未來出行大會上,就有一家車聯(lián)網(wǎng)公司和我們聊了聊他們的車載 HMI 規(guī)劃,這家公司就是極豆。最初了解他們,是極豆在前年發(fā)布了后裝智能車機(jī)。在最近一段時間,他們開始和主機(jī)廠合作向前裝發(fā)展。

對于后裝車機(jī)來說,由于無法全盤定義車內(nèi)整體的 HMI 風(fēng)格,更像是帶著鐐銬跳舞。所以在進(jìn)行設(shè)計(jì)時,就需要有更多的改進(jìn)來彌補(bǔ)這樣的「先天不足」。因此,極豆在設(shè)計(jì)層面會比只專注前裝的團(tuán)隊(duì),有更豐富的設(shè)計(jì)經(jīng)驗(yàn)。這次,我剛好有機(jī)會從極豆的 HMI 團(tuán)隊(duì)那里了解到,他們是怎么設(shè)計(jì)車載人機(jī)交互的。

具體怎么設(shè)計(jì)?

結(jié)合具體產(chǎn)品來說,極豆之前的產(chǎn)品核心是車載導(dǎo)航以及背后的軟硬件系統(tǒng)。因此,幾乎所有的交互都集中在了中控大屏以及衍生出的語音、按鈕等操作層面。

因此,在設(shè)計(jì)大屏 UI 的時候,極豆從 15 年發(fā)布的 DouUI 2.0 開始,就使用了左側(cè)快捷菜單的交互方式。用戶反饋和測試研究也發(fā)現(xiàn),左側(cè)欄更靠近駕駛員(僅限于左舵車),更利于操作。事實(shí)上,Android Auto 之前一直把快捷按鍵放到屏幕底部,除了增加了司機(jī)的操作負(fù)擔(dān)之外,還壓縮了車載導(dǎo)航可視區(qū)域的高度。不過在今年的 Google I/O 2017 上,谷歌展示的奧迪定制車載導(dǎo)航也把快捷鍵放在了左邊,這也側(cè)面印證了這種交互方式的可行性。

WX20171104-202032@2x

WechatIMG19

除了基本的桌面布局之外,信息的呈現(xiàn)方式其實(shí)也需要進(jìn)行詳細(xì)的設(shè)計(jì)。例如 Google 在設(shè)計(jì)車載 HMI 時,主要是卡片形式展示信息,這樣的好處是可以同時展示更多的信息,方便用戶操作。但是,這種設(shè)計(jì)使得部分應(yīng)用長期處于打開狀態(tài),會占部分內(nèi)容空間,并且這也對車載導(dǎo)航的硬件配置要求較高。

極豆采用的則是另一種呈現(xiàn)方式,也就是更偏向手機(jī)使用習(xí)慣的圖標(biāo)展示方式。和卡片相反,圖標(biāo)的優(yōu)點(diǎn)是用戶接受度高,學(xué)習(xí)成本,并且同樣大小的屏幕可以承載更多的 App 入口。但是單個入口的信息展示效果就相對有限。另外,極豆還設(shè)計(jì)了屏保功能,當(dāng)用戶不需要查看屏幕時減少信息干擾。

通知欄對于車內(nèi)交互,其實(shí)是反饋實(shí)時狀態(tài)的關(guān)鍵功能,極豆采用的懸浮設(shè)計(jì),也承擔(dān)了桌面導(dǎo)航浮框功能,滿足用戶在導(dǎo)航進(jìn)行其他操作的需求。

在娛樂系統(tǒng)的設(shè)計(jì)上,我們主要以音樂和 FM 舉例。

用戶獲取音樂的方式主要有 CD 光盤、U 盤拷貝和在線歌曲三種方式。目前,由于 4G 網(wǎng)絡(luò)資費(fèi)的降低,在線聽歌開始逐漸變成主流。

極豆對于音樂 App 的設(shè)計(jì)依據(jù),主要從 3 個點(diǎn)出發(fā):

最快——用戶操作的最快觸達(dá),完成目標(biāo);最少——只保留最少視覺干擾因素;最優(yōu)——結(jié)合車載體驗(yàn)的最優(yōu)交互方案。

另外,App 還保留了音樂播放和列表展示,滿足用戶的基本需求。而 FM App 的設(shè)計(jì),延續(xù)了音樂的交互方式,能最大程度上降低用戶的學(xué)習(xí)成本。

還有哪些設(shè)計(jì)原則?

極豆的 HMI 團(tuán)隊(duì)也介紹了其余一些相關(guān)設(shè)計(jì)原則。

首先是色彩,合理的設(shè)計(jì)對用戶視覺有關(guān)鍵的影響,畢竟使用導(dǎo)航的時候如果出現(xiàn)看不清的情況,影響的會是駕駛安全。

對于色彩飽和度的選擇,高飽和度色彩可以高效引導(dǎo)用戶操作界面,但是會對視覺造成干擾。因此,高飽和色彩需要在特定位置使用,并且減少用戶駐留時間。不過事實(shí)上,低飽和度色彩才是目前車載 HMI 比較普遍的色彩選擇方案,可以有效緩解用戶長時間使用導(dǎo)航的視覺疲勞。

另外,明暗光線對于視線的干擾也需要仔細(xì)考慮。 駕駛環(huán)境具有多樣性,相對于移動端設(shè)備使用場景更加苛刻,主要分為以下幾種(lx 為勒克斯單位):

1. 微明期——有光照包含上午、下午的日照不強(qiáng)的時間段,參照勒克斯≤2 萬 lx。

2. 強(qiáng)明期——陽光直射的場景,以 2 萬 lx 以上計(jì)算;

3. 暗期——沒有陽光光照的夜間,以≤0.2lx 為基準(zhǔn);

4. 室內(nèi)——明亮的室內(nèi),以 100~550lx 為基準(zhǔn);

而車載導(dǎo)航主要?dú)w類為白天對應(yīng)微明期,夜晚對應(yīng)暗期。

WechatIMG22

由于室外反光現(xiàn)象,因此微明期對 HMI 設(shè)計(jì)的影響較大。極豆的設(shè)計(jì)思路是盡量使用高反差接近純白基調(diào)的視覺設(shè)計(jì),這是因?yàn)榧兩陌椎缀谧衷谙嗤瑴y試環(huán)境下對于反光的適應(yīng)性較好。在夜間,駕駛員處于暗室環(huán)境,利于觀察車外的路況。因此 HMI 設(shè)計(jì)需要在降低屏幕亮度的基礎(chǔ)上,進(jìn)行相應(yīng)的夜間模式設(shè)計(jì)優(yōu)化。 具體的方式是盡量避免無謂的亮色塊設(shè)計(jì)元素,內(nèi)容設(shè)計(jì)采用黑底搭配低明度顏色。

最后是設(shè)計(jì)風(fēng)格,主機(jī)廠先前主要采用質(zhì)感比較厚重的擬物化設(shè)計(jì)。在最近一段時間,則有著向扁平化風(fēng)格變化的趨勢。在設(shè)計(jì) HMI 時,除了考慮到安卓系統(tǒng)(目前為后裝的主流操作系統(tǒng))的設(shè)計(jì)規(guī)范之外,還需要注意針對車載操作的優(yōu)化。

WechatIMG23

當(dāng)然,一套智能的車載交互系統(tǒng),也必須要有擴(kuò)展和升級的能力。除了在線的 OTA 之外,通過和手機(jī)互聯(lián),滿足用戶遠(yuǎn)程控制車輛部分功能、導(dǎo)航的無縫切換、直傳數(shù)據(jù)等功能,也能在很大程度上提升用戶的使用體驗(yàn)。

隨著軟硬件基礎(chǔ)設(shè)施和互聯(lián)網(wǎng)服務(wù)能力的不斷變化,用戶需求也會隨之產(chǎn)生不可預(yù)測的改變。對于車載 HMI 設(shè)計(jì)來說,雖然原則可以遵循,不過很多細(xì)節(jié)也需要根據(jù)實(shí)際情況進(jìn)行調(diào)整。

總之,一套好的車載 HMI 設(shè)計(jì),是需要在能力范圍內(nèi),最大程度上滿足用戶安全和易用的需求,這一點(diǎn),對于任何參與者來說,沒有本質(zhì)上的區(qū)別。

來源:極客汽車

作者:大白

本文地址:http://autopag.com/news/jishu/58189

返回第一電動網(wǎng)首頁 >

收藏
59
  • 分享到:
發(fā)表評論
新聞推薦
熱文榜
日排行
周排行
第一電動網(wǎng)官方微信

反饋和建議 在線回復(fù)

您的詢價信息
已經(jīng)成功提交我們稍后會聯(lián)系您進(jìn)行報(bào)價!

第一電動網(wǎng)
Hello world!
-->