介紹 人機(jī)界面 (HMI) 是一種允許我們與數(shù)字系統(tǒng)交互的界面。無(wú)論設(shè)計(jì)什么 HMI,我們都需要讓用戶(hù)充分利用系統(tǒng)提供的所有功能。近二十年來(lái),當(dāng)我們聽(tīng)到數(shù)字 HMI 時(shí),首先想到的是個(gè)人電腦。但情況發(fā)生了...
介紹
人機(jī)界面 (HMI) 是一種允許我們與數(shù)字系統(tǒng)交互的界面。無(wú)論設(shè)計(jì)什么 HMI,我們都需要讓用戶(hù)充分利用系統(tǒng)提供的所有功能。近二十年來(lái),當(dāng)我們聽(tīng)到數(shù)字 HMI 時(shí),首先想到的是個(gè)人電腦。但情況發(fā)生了變化,如今HMI 已成為我們?nèi)粘J褂玫脑S多設(shè)備不可或缺的一部分——手機(jī)、智能手表、物聯(lián)網(wǎng)設(shè)備,甚至汽車(chē)。而汽車(chē) HMI 設(shè)計(jì)是一個(gè)相對(duì)較新的領(lǐng)域,行業(yè)仍是一片藍(lán)海。 本文主要轉(zhuǎn)載LambTroy發(fā)表在AxureBoutique的文章和一些相關(guān)文獻(xiàn)整理,講解一些汽車(chē)HMI的基礎(chǔ)知識(shí)。個(gè)人覺(jué)得LambTroy的條理非常清晰。當(dāng)然,本篇只限于現(xiàn)階段的已經(jīng)有的一些規(guī)范,所謂的規(guī)范都是不斷調(diào)整進(jìn)步的,因此僅供參考。如果有錯(cuò)誤的地方或者不同觀點(diǎn)歡迎指出。一起進(jìn)步吧!
1. 什么是汽車(chē)HMI
HMI 是 Human Machine Interaction – 人機(jī)交互的縮寫(xiě)。
對(duì)于駕駛員和乘客而言,HMI 是通向娛樂(lè)、安全和連接功能的門(mén)戶(hù),對(duì)于確保駕駛員對(duì)自動(dòng)駕駛功能感到滿(mǎn)意至關(guān)重要。越來(lái)越多的原始設(shè)備制造商正在個(gè)性化車(chē)載用戶(hù)體驗(yàn),以反映用戶(hù)行為和需求。其他趨勢(shì)包括利用多個(gè)界面的多模式 HMI 系統(tǒng)、車(chē)載伴侶機(jī)器人(cobots)并將汽車(chē) HMI 連接到用戶(hù)的移動(dòng)應(yīng)用程序。
以下是 HMI 可能有價(jià)值的幾個(gè)領(lǐng)域:
幫助司機(jī)做出更佳的決定。
HMI可以以易于使用的方式向用戶(hù)提供實(shí)時(shí)數(shù)據(jù)。以電動(dòng)汽車(chē)為例。駕駛員可能能夠根據(jù)他們加速車(chē)輛的力度來(lái)實(shí)時(shí)查看消耗了多少能量。有助于提供更安全的駕駛體驗(yàn)。
HMI 可以告知駕駛員危險(xiǎn)情況(即當(dāng)車(chē)輛接近車(chē)道限制時(shí))并防止駕駛碰撞(即減速汽車(chē)以避免車(chē)禍)。駕駛員和汽車(chē)之間的互動(dòng)更加自然。
HMI 可以在人機(jī)之間建立更自然的交互。例如,基于手勢(shì)的系統(tǒng)可以允許駕駛員使用身體語(yǔ)言更快速簡(jiǎn)單的向汽車(chē)發(fā)出命令。我們的交互場(chǎng)景包括汽車(chē)行駛的場(chǎng)景,所以首先要考慮安全因素,美觀是次要的。 在特殊環(huán)境下與汽車(chē)人機(jī)交互 ,我們不能用移動(dòng)端傳統(tǒng)的沉浸式設(shè)計(jì)思維進(jìn)行設(shè)計(jì)。我們需要根據(jù)實(shí)際場(chǎng)景中的交互方式和用戶(hù)需求,放下所謂的美學(xué)和設(shè)計(jì),因?yàn)樵诤芏痰臅r(shí)間內(nèi),我們必須一步到位地達(dá)到所有可能的特征,并在第一時(shí)間看到信息的布局。
2. 車(chē)內(nèi)顯示屏的分布
車(chē)內(nèi)屏幕的種類(lèi),包括駕駛員前方的儀表板、HUD和中控臺(tái)屏幕,以及副駕駛和后排前方的娛樂(lè)屏幕。
儀表板
如今,純液晶屏儀表盤(pán)占據(jù)市場(chǎng)主導(dǎo)地位,純機(jī)械、光顯、段顯將退出歷史舞臺(tái)。
BMW-i8 儀表盤(pán)設(shè)計(jì)草圖平視顯示器
平視顯示器最初被用作飛機(jī)上的飛行輔助儀器。它被用于戰(zhàn)斗機(jī)。因?yàn)閼?zhàn)斗機(jī)的很多資料需要飛機(jī)飛行員隨時(shí)查看,以免飛行員低頭看儀表分散注意力,后來(lái)在民航中得到普及。由于HUD的便利性和提高飛行安全的能力,這項(xiàng)技術(shù)后來(lái)發(fā)展到汽車(chē)行業(yè)。車(chē)上的HUD抬頭數(shù)字顯示器利用光學(xué)反射原理轉(zhuǎn)換重要的行駛信息胎壓、速度和轉(zhuǎn)速。當(dāng)信息投射到駕駛艙前玻璃上時(shí),駕駛時(shí)無(wú)需從儀表盤(pán)上分心,減少眼睛疲勞,為駕駛帶來(lái)便利和安全。
HUD display娛樂(lè)畫(huà)面
后置娛樂(lè)屏幕更像是一臺(tái)平板電腦。主要功能是視頻、音樂(lè)、游戲等,幫助后排乘客打發(fā)時(shí)間。因此,后置娛樂(lè)系統(tǒng)是為娛樂(lè)而生的。后排乘客不受干擾地觀看自己喜歡的視頻,體驗(yàn)非常好。
后排前方的娛樂(lè)屏幕3. 交互的基本內(nèi)容
駕駛員與屏幕的交互必須簡(jiǎn)單、不分散注意力且容易中斷,這樣駕駛員的注意力才能迅速回到道路上。
導(dǎo)致HMI與其他移動(dòng)終端交互方式不同的因素有很多,比如動(dòng)作區(qū)域的面積、主驅(qū)動(dòng)與屏幕的角度、位置和應(yīng)用場(chǎng)景,還有一個(gè)共同的特點(diǎn):可用性、易用性使用方式、用戶(hù)體驗(yàn)過(guò)程等。
交互場(chǎng)景
在不同的應(yīng)用場(chǎng)景中,交互方式會(huì)有所不同,比如靜態(tài)、駕駛(這是關(guān)于駕駛位置的場(chǎng)景),還有一些關(guān)于環(huán)境和駕駛的狀態(tài)需要考慮(晴天、雨天、雪天、霧,超速,疲勞等),需要仔細(xì)定義。首先考慮的是安全駕駛,不注重安全的交互設(shè)計(jì)是不合格的。
一些駕駛場(chǎng)景4. 車(chē)輛交互的“3秒設(shè)計(jì)”原則
第一秒 – 視覺(jué)
用戶(hù)在 0-1 秒內(nèi)掃描中控臺(tái)。在此過(guò)程中,用戶(hù)必須在此時(shí)間內(nèi)發(fā)現(xiàn)中控屏幕的重要信息和功能入口 。后期可通過(guò)眼動(dòng)儀進(jìn)行可用性測(cè)試,最后進(jìn)行適當(dāng)調(diào)整,達(dá)到安全駕駛標(biāo)準(zhǔn)。
注意:
1、用戶(hù)無(wú)法多次將視線中心移至中控臺(tái)屏幕上查看內(nèi)容。
2. 用戶(hù)不要花太多時(shí)間在屏幕上搜索信息。 第一秒視覺(jué)第二秒 – 行為
交互過(guò)程中,從開(kāi)始到結(jié)束,交互時(shí)間不能超過(guò)2秒。2秒已經(jīng)很危險(xiǎn)了。最佳交互時(shí)間在 1 秒內(nèi)。這個(gè)內(nèi)容將在下面詳細(xì)解釋。
注意:
1. 避免讓用戶(hù)點(diǎn)擊兩次來(lái)完成功能。該功能應(yīng)一步實(shí)現(xiàn)。
2.不要讓用戶(hù)滑動(dòng)或長(zhǎng)按。 第二秒行動(dòng)第三秒 – 反饋
交互后,第三秒必須有反饋內(nèi)容,比如清晰的點(diǎn)擊效果反饋,可以通過(guò)聲音或者界面動(dòng)作。一旦動(dòng)作超過(guò)3秒,反饋將超過(guò)用戶(hù)的有效感知時(shí)間。
注意:畫(huà)面內(nèi)容的變化需要明顯的動(dòng)作支持。去掉過(guò)多的裝飾性動(dòng)畫(huà),不要使用那些花哨的動(dòng)作效果,讓反饋效果更加集中。車(chē)輛動(dòng)畫(huà)效果與移動(dòng)端不同。第三秒反饋HMI系統(tǒng)按照3秒原則設(shè)計(jì),可以滿(mǎn)足使用需求。
5. 詳細(xì)的交互定義
(1)單次動(dòng)作時(shí)間
為什么這么定義?假設(shè)以 60km/h 的速度行駛的車(chē)輛將在 2-3s 內(nèi)行駛 35-50m。一旦需要急剎車(chē),剎車(chē)距離至少要15-20m。
以此推算,當(dāng)高速公路上的車(chē)速為100-120km/h時(shí),可以想象這是極其危險(xiǎn)的,可能會(huì)造成車(chē)輛損壞和死亡。因此,我們呼吁安全駕駛,小心變道,保護(hù)自己和他人。
經(jīng)過(guò)實(shí)際研究,用戶(hù)將視線從路面轉(zhuǎn)移到車(chē)載屏幕上。這個(gè)過(guò)程通常需要 0.5-1.5 秒的時(shí)間來(lái)聚焦,因此需要對(duì)交互內(nèi)容進(jìn)行清晰的標(biāo)記,以與非交互內(nèi)容保持足夠的對(duì)比度。
據(jù)統(tǒng)計(jì),每個(gè)動(dòng)作的平均時(shí)間不能超過(guò)三秒。事實(shí)上,當(dāng)進(jìn)入第三秒時(shí),用戶(hù)不得不用余光開(kāi)始關(guān)注前方的道路。
因此,在三秒內(nèi),無(wú)論用戶(hù)第一次動(dòng)作失敗,再次關(guān)注道路后重復(fù)動(dòng)作,還是用戶(hù)繼續(xù)動(dòng)作直到任務(wù)完成,都是非常危險(xiǎn)的行為。在這里,因?yàn)橛脩?hù)試錯(cuò)的成本非常巨大,所以交互和信息布局的設(shè)計(jì)需要做到最好。
插曲:
這里有人會(huì)說(shuō),現(xiàn)在有了緊急制動(dòng)(AEB)系統(tǒng)。下面簡(jiǎn)單介紹一下AEB(自動(dòng)緊急制動(dòng))通過(guò)傳感器(攝像頭、雷達(dá)、激光等)識(shí)別車(chē)輛前方的障礙物。當(dāng)車(chē)輛與障礙物之間的距離小于預(yù)設(shè)安全值時(shí),制動(dòng)系統(tǒng)會(huì)進(jìn)行干預(yù)以避免碰撞。AEB 是一種用于幫助駕駛員避免或減少碰撞事故的系統(tǒng)。AEB系統(tǒng)主要做兩件事:
及早發(fā)現(xiàn)緊急情況并警告司機(jī)如果駕駛員沒(méi)有反應(yīng),系統(tǒng)將通過(guò)降低碰撞速度來(lái)避免碰撞,或降低不可避免碰撞的嚴(yán)重程度。
實(shí)車(chē)可用性測(cè)試與評(píng)估:現(xiàn)在讓我們來(lái)看看真車(chē)在每次交互中的體驗(yàn)如何,是否存在危險(xiǎn)。這是 ThoughtWorks 為特斯拉做出的可用性評(píng)估分?jǐn)?shù):
(2)動(dòng)作熱點(diǎn)和交互熱點(diǎn)
動(dòng)作熱點(diǎn)
由于駕駛場(chǎng)景的特殊性,駕駛員只能用最靠近中控臺(tái)屏幕的手操作。這是世界各地不同駕駛員側(cè)的地圖:
以最靠近屏幕的手臂和駕駛員左側(cè)為例:以肘部為圓心畫(huà)一個(gè)圓,分為三個(gè)等級(jí):最佳觸摸區(qū)、易觸摸區(qū)和難觸摸區(qū)。
駕駛時(shí)的手臂觸碰范圍我們以實(shí)車(chē)案例來(lái)說(shuō)明:
對(duì)于觸控交互方式,屏幕區(qū)域內(nèi)觸控動(dòng)作的便利性以駕駛員為中心逐漸向右衰減,重要的特征動(dòng)作應(yīng)放置在最佳觸控交互區(qū)域。
交互熱點(diǎn)互動(dòng)熱點(diǎn):
在說(shuō)交互熱點(diǎn)之前,我們先來(lái)了解一下手指觸控區(qū)域。手指觸摸面積為12mm x 12mm,屏幕像素密度按照160dpi計(jì)算,可換算成76 x 76px的屏幕元素尺寸。
手指觸摸范圍添加互動(dòng)熱點(diǎn)的目的是為了降低動(dòng)作難度。用戶(hù)在駕駛場(chǎng)景中的注意力和行動(dòng)范圍有限。精確的點(diǎn)擊和小區(qū)域接觸點(diǎn)動(dòng)作需要更多的動(dòng)作成本并分散駕駛注意力。更大面積的熱點(diǎn)用于承載觸控行為,保證核心動(dòng)作在不同場(chǎng)景下的易用性。這里有幾個(gè)案例給大家解釋一下:
案例一:音樂(lè)控制動(dòng)作熱點(diǎn)
如何從音樂(lè)小部件進(jìn)入音樂(lè)詳情頁(yè)面?
點(diǎn)擊專(zhuān)輯封面點(diǎn)擊信息內(nèi)容專(zhuān)輯封面+信息內(nèi)容組合根據(jù)以上結(jié)論。組合增加動(dòng)作面積是最佳選擇。
音樂(lè)控制的行為熱點(diǎn)綜上所述:為了給用戶(hù)帶來(lái)良好的駕駛體驗(yàn),我們應(yīng)該考慮增加觸控面積,在一些內(nèi)容中盡量減少精準(zhǔn)動(dòng)作,做更多的模糊動(dòng)作。一般這個(gè)區(qū)域都可以操作。
還有一個(gè)小注意事項(xiàng)要記?。?/p>
和coder交流的時(shí)候一定要跟他解釋清楚這個(gè)內(nèi)容,否則他不會(huì)結(jié)合寫(xiě)熱點(diǎn)。
6. 常見(jiàn)的交互方式
在談HMI的高效交互之前,我們還需要了解多模態(tài)交互。
(1) 多模式交互
“多模態(tài)交互”包括視覺(jué)、聽(tīng)覺(jué)、嗅覺(jué)、觸覺(jué)和味覺(jué)的感官交互,通過(guò)眼睛、耳朵、鼻子、嘴巴和手指的觸摸來(lái)實(shí)現(xiàn) 。其在現(xiàn)實(shí)生活中的技術(shù)應(yīng)用也是圍繞這些感官進(jìn)行設(shè)計(jì),融合多種感官的交互技術(shù),形成多模態(tài)交互形式。
多模態(tài)交互車(chē)內(nèi)使用的交互,通過(guò)語(yǔ)音、觸覺(jué)、觸覺(jué)、嗅覺(jué)、視覺(jué)、手勢(shì)、體感等交互,以一種更貼近人際互動(dòng)的方式,使人與車(chē)的互動(dòng)更加自然、輕松。
(2)常見(jiàn)的交互方式
我們先來(lái)介紹一下目前市面上人機(jī)界面的交互方式,硬按鍵/觸控/語(yǔ)音/手勢(shì)。
常見(jiàn)的交互方式硬按鍵交互
原來(lái)的HMI基本上都是用硬按鍵來(lái)完成的,需要上千倍的肌肉記憶才能做到如此流暢。這也有它的優(yōu)點(diǎn),下圖展示了帶有硬按鈕的汽車(chē)內(nèi)飾。
硬按鍵交互觸控交互方式
當(dāng)液晶大屏幕出現(xiàn)時(shí),其交互方式也隨之發(fā)生變化。下圖為車(chē)內(nèi)大屏
觸摸交互的范圍當(dāng)我們開(kāi)車(chē)時(shí),點(diǎn)擊是最有效的互動(dòng)方式。長(zhǎng)按、滑動(dòng)、雙擊、單/雙指拖動(dòng)等交互方式都會(huì)超過(guò)2秒的安全時(shí)間范圍,大大增加了操作難度和駕駛風(fēng)險(xiǎn)。其余的操作方法可以在非驅(qū)動(dòng)狀態(tài)下使用。如果有些功能無(wú)法通過(guò)觸控實(shí)現(xiàn),那么下面會(huì)提到語(yǔ)音交互。
觸摸交互方式說(shuō)完上面的交互方式,我們應(yīng)該討論一些實(shí)質(zhì)性的事情。這些交互方式應(yīng)該用在哪些模塊和場(chǎng)景中?
點(diǎn)擊交互方式:按鈕、復(fù)選框、選項(xiàng)卡、圖標(biāo)、搜索欄等。
滑動(dòng)交互方式:負(fù)一屏、首頁(yè)特色卡片、所有進(jìn)度條(音樂(lè)、視頻、在線電臺(tái)、音量、亮度、空調(diào)音量、溫度等)、列表類(lèi)型、空調(diào)風(fēng)向、車(chē)模旋轉(zhuǎn)等.
長(zhǎng)按交互方式:選擇編輯,虛擬鍵盤(pán)部分按鍵雙擊交互方式:導(dǎo)航地圖、圖片縮
單指/雙指拖動(dòng):?jiǎn)沃竿蟿?dòng)改變物體的位置,雙指拖動(dòng)放大圖像和導(dǎo)航地圖。
語(yǔ)音交互方式
可以最大限度地減少用戶(hù)的分心,保證安全駕駛。
語(yǔ)音交互方式導(dǎo)航是車(chē)載語(yǔ)音交互中最常用的。以導(dǎo)航為例。
第一步:通過(guò)語(yǔ)音輸入所需的目的地信息。如果不知道具體的地址信息,可以模糊導(dǎo)航。
用戶(hù):“導(dǎo)航到最近的停車(chē)場(chǎng)。”
第二步:系統(tǒng)根據(jù)用戶(hù)給出的語(yǔ)音輸入導(dǎo)航需求,匹配導(dǎo)航目的地,讓用戶(hù)選擇想要的目的地。
語(yǔ)音助手:“你選哪一個(gè)?”
其他場(chǎng)景:音樂(lè)、電話(huà)、空調(diào)模塊
音樂(lè):“我要聽(tīng)XXXXXX”、“上一曲”、“下一曲”、“調(diào)高音量”、“調(diào)低音量”
電話(huà):“呼叫 XXX”、“打開(kāi)聯(lián)系人”、“查找 XXX”
空調(diào):“關(guān)閉再打開(kāi)空調(diào)”、“較高溫度”、“較低溫度”、“打開(kāi)內(nèi)/外循環(huán)”、“大風(fēng)量”、“小風(fēng)量”等。
手勢(shì)交互方式
手勢(shì)交互,目前用在車(chē)上,最大的優(yōu)點(diǎn)是動(dòng)作是相對(duì)的,不需要精準(zhǔn)的動(dòng)作(精準(zhǔn)的動(dòng)作不僅需要手,還需要眼睛去搜索,很危險(xiǎn)),但最大的缺點(diǎn)手勢(shì)是動(dòng)作會(huì)少一些。(動(dòng)作太多可能需要回想動(dòng)作方法,大腦走神也很危險(xiǎn)。
手勢(shì)交互方式使用HMI手勢(shì)控制系統(tǒng),通過(guò)不同的手勢(shì)組合,車(chē)主可以更快速地實(shí)現(xiàn)各種動(dòng)作,如切換歌曲、接聽(tīng)掛斷電話(huà)、調(diào)節(jié)音量、翻動(dòng)列表頁(yè)、縮放地圖等。手勢(shì)是從觸摸手勢(shì)中提煉出來(lái)的,有的是結(jié)合生活習(xí)慣的。比如閉嘴可以用來(lái)掛電話(huà),向內(nèi)滑可以關(guān)車(chē)門(mén)。
手勢(shì)交互類(lèi)別小結(jié)
車(chē)內(nèi)除駕駛外的其他任務(wù)都會(huì)不同程度地分散駕駛員的注意力。為了保障行車(chē)安全,該功能的動(dòng)作設(shè)計(jì)需要考慮觸摸、語(yǔ)音、圖像等多類(lèi)型交互的結(jié)合,根據(jù)不同的使用場(chǎng)景靈活組合輸入形式,并適當(dāng)保留一些物理按鍵(硬按鈕)為用戶(hù)提供最自然的使用體驗(yàn)。
還有一點(diǎn)我想說(shuō)的是,如果我們?cè)O(shè)計(jì)師能夠參與到整車(chē)交互設(shè)計(jì)的定義中,我們就會(huì)有更多的話(huà)語(yǔ)權(quán),我們可以定義這輛車(chē)從原型到落地。否則,當(dāng)汽車(chē)已經(jīng)定型時(shí),交互定義的內(nèi)容會(huì)有很多限制。
7. 交互中的內(nèi)容布局和信息呈現(xiàn)
(1)交互中的內(nèi)容布局
在駕駛過(guò)程中,用戶(hù)的大部分精力都集中在駕駛行為上,用戶(hù)只能提取5%左右的能量和時(shí)間來(lái)操作車(chē)輛。因此,HMI系統(tǒng)的信息布局必須在極短的時(shí)間內(nèi)以最佳方式呈現(xiàn)。
如果用戶(hù)沒(méi)有在規(guī)定時(shí)間內(nèi)完成動(dòng)作任務(wù),要么用戶(hù)選擇放棄重新開(kāi)始,要么用戶(hù)花費(fèi)更多的時(shí)間和精力,但開(kāi)車(chē)的風(fēng)險(xiǎn)系數(shù)會(huì)成倍增加。
(2)提高運(yùn)營(yíng)效率
功能的信息布局設(shè)計(jì)應(yīng)充分考慮駕駛環(huán)境的特點(diǎn),結(jié)合具體場(chǎng)景對(duì)界面信息進(jìn)行合理布局。駕駛員在駕駛位置與屏幕、按鈕等的相對(duì)位置是相對(duì)固定的,所以最重要的信息應(yīng)該放在這個(gè)區(qū)域,同時(shí)考慮到駕駛員容易看到和觸摸的區(qū)域。根據(jù)車(chē)輛活動(dòng)熱點(diǎn),盡量按照熱點(diǎn)分布設(shè)計(jì)特色和入口的布局。特征布局盡量靠近手設(shè)計(jì),縮短動(dòng)作距離,將信息展示區(qū)放置在右側(cè)。
(3)一般信息布局
在不同的駕駛場(chǎng)景下,同一特征的信息布局應(yīng)始終保持一致,避免因布局變化而干擾駕駛者。在相同或相似的特性之間,頁(yè)面布局應(yīng)該是通用的,通過(guò)位置關(guān)聯(lián)幫助驅(qū)動(dòng)降低內(nèi)存開(kāi)銷(xiāo)。
根據(jù)以上三秒原理中的可視化掃描,頁(yè)面中的信息應(yīng)該集中收集和查看,保證頁(yè)面內(nèi)容能夠準(zhǔn)確傳達(dá)當(dāng)前正在進(jìn)行的任務(wù)的相關(guān)內(nèi)容信息,讓用戶(hù)掌握1-2秒內(nèi)獲取信息,快速恢復(fù)正常駕駛狀態(tài)。
互動(dòng)文案
交互式文案的定義必須簡(jiǎn)短、簡(jiǎn)潔、易于理解,并保持信息的最新性和可瀏覽性。
(1) 清楚地傳達(dá)信息
不要對(duì)交互文案含糊不清。
例如:在人機(jī)界面掃碼登錄蘋(píng)果音樂(lè)。如果登錄失?。?/p>
方案一:彈出消息內(nèi)容為“登錄失敗”。
方案二:彈出消息內(nèi)容為“登錄失敗”,失敗的原因是什么。
信息要清晰(2) 文案簡(jiǎn)潔明了
從用戶(hù)的角度來(lái)看,你會(huì)發(fā)現(xiàn)很多用戶(hù)不看彈窗的內(nèi)容。當(dāng)他們?cè)趶棾龃翱谏峡吹揭粋€(gè)按鈕時(shí),他們會(huì)立即單擊該按鈕。因此,彈窗中的文字越簡(jiǎn)潔,越OK。
例如:兩個(gè)彈窗表達(dá)的意思相同。一是簡(jiǎn)短,直接說(shuō)出當(dāng)前的情況和行動(dòng)要點(diǎn),用戶(hù)可以掌握重點(diǎn)。另一個(gè)太長(zhǎng)了。用戶(hù)不喜歡看,抓不住重點(diǎn)。
簡(jiǎn)潔的文案(3) 一致性
為保證產(chǎn)品的一致性,相似的文案和表達(dá)方式應(yīng)保持一致。
例如,導(dǎo)航中的“開(kāi)始導(dǎo)航”和“修改默認(rèn)”按鈕動(dòng)詞+名詞不能變成名詞+動(dòng)詞
(4) 主級(jí)與次級(jí)的區(qū)別
每段文字都必須明確界定。如果能夠做出區(qū)分,將更好地幫助用戶(hù)理解文本的內(nèi)容。在電話(huà)模塊的通話(huà)記錄中,我們一般需要打電話(huà)給某人。我們一定要第一時(shí)間找到“XXX”,然后查手機(jī)號(hào)。因此,我們應(yīng)該區(qū)分主要信息和次要信息。
主級(jí)和次級(jí)內(nèi)容的區(qū)別(5)形成閉環(huán)
如果文案難免會(huì)長(zhǎng),有沒(méi)有辦法讓用戶(hù)快速操作?允許用戶(hù)返回或者退出。如下圖如果我定義了按鈕功能,按鈕會(huì)變成“設(shè)置”
形成閉環(huán)8. 多任務(wù)處理
高效的任務(wù)流程特征設(shè)計(jì)應(yīng)以提高任務(wù)完成成功率、降低認(rèn)知和行動(dòng)成本為目標(biāo),避免設(shè)計(jì)過(guò)于復(fù)雜的信息架構(gòu)和特征流程路徑,所有特征都需要有固定完整的進(jìn)入和退出路徑。
在什么場(chǎng)景下會(huì)出現(xiàn)多任務(wù),我們假設(shè)導(dǎo)航中正在播放車(chē)載應(yīng)用中的音樂(lè)和收音機(jī),導(dǎo)航中有來(lái)電,必須接聽(tīng)。在導(dǎo)航中加入團(tuán)游功能;分屏展開(kāi)后可以切換音樂(lè)、收音機(jī)、電話(huà)、團(tuán)體旅游。
(下面的案例是原作者過(guò)去實(shí)際參與的項(xiàng)目)
根據(jù)當(dāng)前版本的特點(diǎn),多任務(wù)只能出現(xiàn)在導(dǎo)航模塊中。上面已經(jīng)提到了幾個(gè)功能的切換,但是我們的分屏方案還是2年前的,從未修改過(guò)。讓我們展示之前的交互內(nèi)容。 分屏功能(老版)因?yàn)檫@個(gè)內(nèi)容,右邊占用的空間減少了左邊導(dǎo)航的內(nèi)容。一旦有了路標(biāo)、路況、導(dǎo)航路線圖、地圖縮放按鈕等,導(dǎo)航頁(yè)面就需要承載更多的內(nèi)容。
該方案可能會(huì)干擾駕駛?cè)蝿?wù)。后來(lái)我們的設(shè)計(jì)師想出了一個(gè)叫widget的方案,可以隨意拖動(dòng),臨時(shí)控件比之前的方案小很多?,F(xiàn)在我將向您展示該方案的原型。
分屏功能(新版)結(jié)論:無(wú)論什么場(chǎng)景,駕駛?cè)蝿?wù)都是優(yōu)先級(jí)最高的,在任何多任務(wù)處理中都應(yīng)該考慮對(duì)駕駛的影響。
9. HMI交互層面
避免隱藏在駕駛過(guò)程中經(jīng)常使用的功能。操作不能超過(guò)三個(gè)級(jí)別,否則會(huì)對(duì)行車(chē)安全造成很大威脅。
(1)人機(jī)界面功能使用頻率
讓我們來(lái)看看在駕駛過(guò)程中經(jīng)常使用且重要性較高的功能。
使用頻率使用頻率低:系統(tǒng)設(shè)置、第三方應(yīng)用
使用 頻率高 :音樂(lè)、收音機(jī)、空調(diào)、電話(huà)、后置攝像頭、導(dǎo)航
(2)選項(xiàng)數(shù)量
盡可能減少選項(xiàng)的數(shù)量。開(kāi)車(chē)時(shí)翻頁(yè)是很危險(xiǎn)的。
以導(dǎo)航為例:
導(dǎo)航時(shí),要到達(dá)的目的地是語(yǔ)音輸入的,最后應(yīng)該顯示多少信息?
選擇導(dǎo)航路線另一個(gè)實(shí)際例子:
在做項(xiàng)目的時(shí)候,因?yàn)樘O(píng)果音樂(lè)獲取的資源很多,所以難免會(huì)滑動(dòng)頁(yè)面,橫屏設(shè)計(jì)也會(huì)有很多限制。由于高度有限,滑動(dòng)時(shí)只能顯示兩排音樂(lè)。
水平蘋(píng)果音樂(lè)界面但是在做豎屏方案的時(shí)候,情況會(huì)好很多。讓我們?cè)谪Q屏中向您展示交互草稿。
垂直蘋(píng)果音樂(lè)界面10. 反饋的定義
從反饋輸出來(lái)看,主要是視覺(jué)、語(yǔ)音和觸覺(jué)。為了安全起見(jiàn),HMI 的反饋必須足以讓用戶(hù)清楚地了解任務(wù)的重要程度,并告訴用戶(hù)下一步該做什么。
(1)視覺(jué)反饋
例如,當(dāng)汽車(chē)倒車(chē),即將撞墻時(shí),會(huì)發(fā)出警告聲,屏幕上還會(huì)出現(xiàn)紅色警告標(biāo)志,告訴司機(jī)需要立即做出反應(yīng)。
倒車(chē)影像(2) 觸控反饋
車(chē)輛控制界面的觸覺(jué)反饋機(jī)制本質(zhì)上是人與控制界面之間的信息交換。
用戶(hù)通過(guò)手指觸摸屏進(jìn)行輸入,HMI對(duì)輸入信息進(jìn)行處理和存儲(chǔ),并通過(guò)屏幕呈現(xiàn)給用戶(hù)。信息的傳遞是以圖形信息為媒介,通過(guò)人類(lèi)視覺(jué)感知系統(tǒng)完成對(duì)視覺(jué)信息的識(shí)別和再加工,并對(duì)信息進(jìn)行分類(lèi),如空間、時(shí)間、顏色、形狀等。
視覺(jué)皮層對(duì)匹配的視覺(jué)信息進(jìn)行處理,在人腦中形成短期和長(zhǎng)期記憶,最終形成人操作的觸覺(jué)反饋機(jī)制。上面所說(shuō)的整個(gè)信息處理過(guò)程就是人機(jī)交互的過(guò)程,是人的行為對(duì)大腦中視覺(jué)和觸覺(jué)信息的反饋過(guò)程。
人機(jī)交互行為信息處理機(jī)制(3)語(yǔ)音反饋
語(yǔ)音交互是一種比較重要的交互方式。除了讓用戶(hù)體驗(yàn)語(yǔ)音操控外,還讓用戶(hù)輕松自然地接受車(chē)輛的反饋信息。以下類(lèi)型的反饋和應(yīng)用場(chǎng)景根據(jù)不同的置信度進(jìn)行劃分。
Reference
How to Build an Automotive HMI: Design Specifications (Part 1)
Detailed Explanation of Automotive HMI Interaction Design (Part 2)
Designing Human-Machine Interfaces For Vehicles Of The Future — Smashing Magazine