天天看點

HMI沒入門?看這一篇就夠了!

編輯導語:HMI是人機互動的展現形式之一,是人與車之間的資訊互動的特定名詞,而HMI設計就是為人與車之間的互動帶來良好的體驗。什麼是HMI呢?HMI設計師如何有效的提升人與車之間的互動體驗感受呢?本文作者通過對HMI概念的解析、車載系統特點的總結、車載系統開發的梳理,與大家一起來分享HMI設計的相關知識吧~

HMI沒入門?看這一篇就夠了!

一、什麼是汽車HMI?

1. HMI的基礎概念

很多想要入局HMI設計的同學都是UI、UX設計師,是以為了讓大家可以更全面地了解HMI,筆者再将HMI與UX、UI做一個橫向的對比~

HMI沒入門?看這一篇就夠了!

UI:User interface,即使用者界面。使用者通過産品的畫面指引進行互動,完成操作。

UX:User experience,即使用者體驗。指使用者在使用産品的過程中,對整個産品互動的體驗感受。

HMI:Human-Machine Interaction,即人與車的資訊互動。為使用者在汽車駕駛時帶來汽車與使用者之間的資訊互動。

在人與車的互動資訊可以通過很多管道進行傳遞,中控大屏、開關、按鈕、語音系統等,這些管道共同幫助駕駛者完成駕駛任務的基礎上,還要帶給駕駛者良好的使用體驗。而良好的使用體驗次元也是不同的,例如順暢的互動感受、及時的回報、資訊高效的傳達等。

2. HMI的使用場景與載體

了解HMI的相關概念,接下來為大家介紹HMI使用者的需求是怎樣的?HMI有哪些使用場景?通過哪些載體呈現出來?

HMI沒入門?看這一篇就夠了!

HMI使用者需求:汽車大額商品的特點決定了其低頻次消費的屬性,而汽車除了要協助駕駛者完成駕駛任務的功能外,最重要的就是安全性與穩定性的保障,是以HMI也需要融入這些汽車的固有基因。

HMI使用場景:車載HMI是人與汽車在車内場景産生的互動,由于車輛結構設計與駕駛者的行為需要,駕駛者通常使用右手來進行互動操作。

HMI呈現載體:中控大屏、開關、按鈕、儀表盤、副駕駛顯示屏、後排顯示屏等。下面為大家介紹幾個較為常見的HMI載體~

HMI沒入門?看這一篇就夠了!

(1)中控大屏:汽車中央控制螢幕,可以控制車輛一部分的設施,連接配接倒車影像等功能,駕駛娛樂化與駕駛樂趣也與駕駛者們之間存在越來越緊密的依存關系,在未來的車載顯示器會跟更多的跨時代的科技聯系;

(2)儀表盤:現在的純液晶儀表盤替代了傳統儀表盤成為了主流趨勢,傳統儀表盤包括:純機械、燈顯、段碼等;

(3)後排顯示屏:後排顯示屏的娛樂屬性較為濃厚,主要具備視訊、音樂、遊戲、天氣預告等功能,可以根據後排乘客的不同需求進行調換,是優化後排乘客乘車體驗的有效途徑。

3. HMI的市場與前景發展

下面從行業風向、政策、消費者這三個次元來解析一下HMI的市場與發展前景~

HMI沒入門?看這一篇就夠了!

行業風向:HMI的前景就不用過多贅述了~随着世界頂級網際網路的公司不斷湧入到車載的賽道中來,HMI的行業的發展前景就不言而喻了。從國際頂級網際網路公司 谷歌 Android auto、蘋果 CarPlay,再到國内頂級公司華為車機應用、百度的Car Life 和Apollo、阿裡的斑馬、騰訊的 Ai in Car紛紛入局;

政策:政府對于汽車資訊化、智能化的發展非常重視,着重扶持此類高科技行業的發展;

消費市場:消費者也越來越重視汽車的駕駛體驗感,HMI是否與車内配飾比對也是重要的參考條件,而這些也成為了影響車輛是否成交的關鍵因素,是以使用者體驗也是汽車設計廠的重要參考依據。

經過介紹,相信大家也是看好這個行業的發展與前景,将會有更多的設計師分享到HMI發展的紅利,才會想要進一步了解HMI的~

二、HMI設計理念

HMI的使用者體驗體系是基于人與車之間的關系進行設定的,别分由安全-效率-舒适-體驗這四個體系自上而下組成的,而通過HMI的設計可以對這些體系産生正向的作用。

1. HMI設計原則

HMI的設計原則有哪些呢?它與UI/UX有着緊密的聯系,基于車載HMI的特殊屬性與使用場景,HMI的設計原則也與其他設計領域是不盡相同的。

HMI沒入門?看這一篇就夠了!

(1)輕便操作:在人車互動的特定場景中,駕駛者通常采用左手進行駕駛需要的基本操作,右手進行HMI系統的互動操作,同時進行多項操作任務。在多任務同時進行下的非靜止狀态下車輛的安全性是存在風險的,是以,HMI首先就是要確定駕駛人的安全為前提進行資訊互動設計,讓駕駛者在駕駛的過程中也可以輕松的完成HMI系統的操作。

(2)高效浏覽: 随着人們生活的不斷豐富,汽車駕駛者對于HMI需要具備功能全面性的要求也越來越高,在“大屏化”的HMI系統所需要具備的功能與資訊也越來越多。是以,在HMI的設計中,可以為駕駛者帶來更加高效的資訊浏覽效率是非常重要的,要對資訊進行精煉,保障資訊通俗易懂、表意準确、清晰好辨,為駕駛者的高效浏覽做出支撐。

在進行資訊層級設定時,要讓駕駛者更加快速的捕捉到最為關鍵的資訊,可以通過對比的設計技巧來實作,確定駕駛員在駕駛車輛時也可以擁有高效的浏覽性,降低駕駛員的視覺捕捉成本。

(3)即時回報:在實際的駕駛場景中,路況、路線、信号的變化關系是非常複雜的,駕駛員要花費較高的精力成本,是以在與HMI的資訊互動中,要做到迅速的回報,可以通過視覺、觸控、語音等方式進行及時的回報,是以在HMI的設計上也要注重資訊傳遞的效率性。

2. HMI設計特點

剛為大家介紹了HMI的設計原則,那麼基于以上三項設計原則的基礎上,HMI設計還有哪些設計特點呢?

HMI沒入門?看這一篇就夠了!

(1)使用場景:HMI的設計原則是基于HMI特殊的使用場景而産生出來的,HMI位于前座艙的中間區域,在主駕駛位的右側,眼睛距離螢幕距離為50~60cm,是以在駕駛員進行駕駛任務時需要通過斜視來檢視螢幕中的内容。這樣的使用場景就需要考慮HMI設計的差異性,例如硬體的螢幕尺寸、軟體的字型大小、圖形、icon、顔色等;

(2)品牌感覺:汽車市場的車企規模不斷擴大,頭部車企愈來愈注重品牌的差異化設計,通過獨特的品牌留給使用者更加深刻的印象。現在的使用者喜歡内飾時尚且具有品質感的設計,好的HMI設計不是購買一輛汽車的核心因素,但卻是必備的因素。伴随着同一車企出現愈來愈多的車型,每款車型的使用者畫像也逐漸細化,因為更需要HMI的量身定制,從風格設計再到品牌感覺,都要定位到精準的使用者像群與之比對。

(3)使用者體驗:HMI互動行為是具有較高的固定性的,互動模式卻是多種結合的:語音、觸控、按鍵、按鈕。這些模式之間互相結合的互動是較為高頻的操作,結合HMI的使用場景,是以要求HMI具有較低的容錯率,同時也要考慮到實際操作熱區的問題。

三、HMI互動概念

接下來為大家詳細的介紹一下HMI的互動相關概念,分别從HMI的互動模式、互動方式、互動文案、互動回報為大家介紹~

1. 互動模式

HMI的互動模式是通過多種感官管道提供的回報資訊進行互動的綜合型模式,其中包括了視覺、聽覺、觸覺、嗅覺與味覺等方面的感官參與,而想要擷取這些感官的參與就要通過其對應的人體器官,例如眼、鼻、嘴、耳、手等,而在HMI的設計中也是圍繞這些感官進行設計的,而在更多的應用場景下,需要多種感官之間的共同配合,是以HMI也被稱之為多感官互動模式。

HMI沒入門?看這一篇就夠了!

這種多感官共用的綜合型互動模式可以在車内使互動行為變得更加輕松,增加互動的趣味性,不用再重複機械性的互動。

2. 互動方式

常見的互動方式有很多:硬體按鍵、軟體觸控、語音、手勢等,下面為大家詳細的介紹一下這四個常見的互動方式~

(1)按鍵互動:按鍵的互動形式由來已久,由硬體部分組成,通常是按鍵、按鈕兩種,按鍵通過簡單的icon示意,按鈕則是搭配具有較強指向性的icon示意操作方法,駕駛者們也早已習慣了此類的互動方式。

HMI沒入門?看這一篇就夠了!

(2)觸控互動:中控大屏是觸控互動使用最為常見的部分,中控大屏的出現也對HMI的互動帶來了巨大的變化。觸控互動包括了:點選、輕按兩下、長按、滑動、單手拖拽、雙手拖拽方式等,但是除了點選之外的其他方式都易超出2秒的安全時間範圍,這樣的操作在複雜的駕駛過程中顯得過于繁瑣,以至于對駕駛安全産生影響,是以,駕駛員在進行駕駛任務的過程中,點選是最為常見且操作成本相對較低的互動方式。

HMI沒入門?看這一篇就夠了!

那麼在哪些場景應用怎樣的互動方式呢?接下來就給大家帶來滿滿的幹貨,請碼住~

點選:按鈕、icon、tab切換、勾選複選框、控件等;

輕按兩下:圖檔放大、導航地圖;

長按:選中後編輯;

滑動:首頁功能卡片、負一屏、清單、空調風向、溫度、進度條(音量、亮度、視訊、音樂、電台等);

單手拖拽:選中後編輯更改位置;

雙手拖拽:圖檔放大、導航地圖。

(3)語音互動:語音互動可以有效地降低使用者的付出成本,在駕駛操作中,可以分散最小的精力完成任務的操作指令。

(4)手勢互動:車載的手勢互動是指通過手勢的變換與組合來控制汽車的系統,可以讓車主更快的實作下達的指令,例如切換線上電台、切換歌曲、翻閱頁面、音量調解、接挂電話等。這些手勢有的是從觸控互動演變而來,有的是總結人們操作習慣而來的。

在車載系統中,手勢互動的優點就是可以用“不那麼準确的”操作來進行,在駕駛員行駛的過程中,HMI的原則就是使駕駛員的注意力集中在變幻莫測的路況上,減少對于指令操作的注意力;而事物的優劣往往是組合存在的,手勢互動的缺點就是此類互動行為是較為稀少的,是以需要駕駛員對此類操作有比較深刻的記憶,但是對于不太熟悉操作的駕駛員,在駕駛時還要回顧互動手勢,容易導緻轉移過多的注意力在互動上。

3. 互動資訊

HMI沒入門?看這一篇就夠了!

(1)内容顯示:在駕駛的過程中,駕駛者要把大部分的精力放在駕駛汽車上,用在操作HMI所用的時間與精力占比很低。是以,就要求HMI擁有快速傳遞資訊的功能,那麼要做到資訊的快速傳遞,可以從以下幾個方面入手:

HMI的排版設計,通過排版将重要資訊安置于駕駛員最易看到的區域;

HMI的資訊層級顯示,這個相對來說就很基礎啦,通過強化重要資訊層級、弱化次要資訊層級來達到快速傳遞的效果;

HMI資訊的完整性,要保障在有限的界面内呈現更為完善的資訊,盡量減少使用者的産生操作而帶來不必要的思考,避免不必要的頁面跳轉,使使用者在1-2秒内掌握想要了解的資訊;

HMI資訊的統一性,在重要資訊的布局上,在系統内要做到統一,培養使用者的慣性思維,一件事情重複的做多了自然而然也就熟練。

(2)操作熱區:HMI的設計要充分考慮到駕駛者的使用感受,(涉及到一些人體工程學的知識)駕駛者在駕駛的過程中,身體受到一定的限制,是以手指想要到觸及距離自己較遠的螢幕時是會耗費額外的注意力的,同時也要考慮到駕駛者的視力因素。

是以,盡可能将高頻操作區域和重點資訊區域放在操作熱區内,盡可能的縮短操作區域與駕駛者的距離,同時呈現出來的資訊内容也更加清晰,反之可以将其他資訊置于螢幕右側。

(3)互動文案:HMI互動文案一定要精簡且通俗易懂,可以讓駕駛者用最少的精力在最短的時間内完成操作,不要存在歧義,同時了解互動帶來的回報~

HMI沒入門?看這一篇就夠了!

表意清晰:

互動文案表意一定要清晰明确,拒絕含糊不清。

舉個栗子:使用者在上傳頭像圖檔時,如果上傳失敗。

苦栗子:頭像上傳失敗

甜栗子:頭像上傳失敗,上傳圖檔分辨率過低

甜甜的栗子不光回報給了使用者結果,同時也告訴使用者導緻結果不理想的原因,讓使用者進一步的知道具體應該怎麼做才能得到正向的回報~

層級分明:

這裡就是最基本的對比概念了,可以強化主要文案、弱化次要文案來幫助使用者區分資訊的重要程度,在最短的時間内讀取到最想要獲得的資訊内容,幫助使用者了解,這裡就不過多的贅述了~

文案精簡:

大家在使用一款app時,看到回報彈窗,會不會隻看加大加粗精煉的文字,而忽略了下面的輔助文字呢?快速的想要點選“确定”按鈕?

使用者都是“脾氣急躁的小孩子”,是以在設計文案時,我們應該對文案進行精煉,盡可能地降低使用者的閱讀成本,畢竟有很高比例的使用者一個字都不願意讀~直接交代出必要資訊,去掉對實際行動引導意義并不大的語句,抓住重點,告訴使用者現在的狀态和接下來怎麼做就夠了。

文案一緻:

要保障互動文案的一緻性,在相似文案的編寫中,明确詞語的屬性和詞語組合的先後順序。

縮短路徑:

如果确實需要很長的文案來說明,那就需要為使用者提供一個縮短操作路徑的途徑,讓使用者閱讀資訊後很清晰的知道“我隻需要這麼做就可以了”。

苦栗子:“我知道了”、“确定”

甜栗子:“前往”、“現在就去”、“去設定”

在互動層面上可以明确的高知使用者怎麼做的同時,降低使用者的操作成本。

4. 互動回報

在HMI中的互動回報通常以視覺、觸控、語音三種形式表現。回報的資訊要直接、清楚地告知駕駛者的最想要知道的資訊。

(1)視覺回報:以倒車影像為例,在車輛進行倒車操作時,中控大屏會自動為駕駛者規劃出倒車軌迹,若将要發生剮蹭撞擊等情況,則會出現紅色的警示資訊。

HMI沒入門?看這一篇就夠了!

(2)觸控回報:觸控操作的回報不同于硬體按鈕操作的回報明确,存在一定的安全隐患,是以,震動回報和動效回報就成為了基于操作者一個明确回報的機制,用于移動端的場景比較多,HMI受使用場景的限制應用範圍并不廣泛,是以應從視覺和觸覺層面入手。

(3)語音回報:前文提到過語音互動功能在車載系統内的重要性,使用語音對話的方式對使用者的操作進行回報,是使用者使用較低成本就擷取回報的管道,可以通過智能的對話機制來全面的闡述問題,今後胡子也會專門出一篇HMI語音互動的文章同大家一起分享~

四、HMI的落地

對HMI的基礎概念、設計與互動有了一定的了解後,大家也一定很好奇HMI是怎樣落地的呢?HMI在整個項目鍊路中處于哪一個具體環節呢?接下來我帶大家一探究竟!

1. 整車開發流程

在為大家介紹HMI開發流程之前,先為大家簡單介紹一下整車的開發流程,可以清晰地知道HMI在整車開發流程中處于哪個環節。

HMI沒入門?看這一篇就夠了!

整體可以劃分為五個環節:

(1)産品戰略:車廠在通過市場調研和使用者需求分析後,尋找出市場相對空白的區域,制定相應的市場政策,制定整個産品的戰略目标。

(2)概念設計:概念設計分為兩個階段,經過前期的市場調研和使用者需求分析後,彙總資料并且轉化為産品的設計目标,得到初期的概念;在産品功能設計與開發充分溝通後,正式确認項目目标,可以展開接下來的具體設計流程。

(3)設計開發:細化并完善産品設計,HMI設計就是其中一環。

(4)工程車:包括系統、零件等進一步的優化,并生産樣車。

(5)生産制造:确認樣車後,确定批量生産試制,進行生産演戲,全面驗證後,車輛就可以開始批量生産啦~

2. HMI開發流程

從整體開發的宏觀角度來看,HMI的開發隻是其中一個很微小的環節,但是随着車廠越來越注重使用者體驗,是以HMI設計師将來會參與到更多的鍊路中。HMI設計師也細分出很多的崗位:使用者研究、互動設計、視覺設計、動效設計、聲效設計、三維設計等,而設計師們還需要同市場、規劃、技術、品牌等部門的同學産生交集。

那麼HMI的具體開發流程是怎樣的呢?

HMI沒入門?看這一篇就夠了!

(1)需求評審:通過市場調研與使用者研究探索出具體需求,需求的來源管道可以分為三類:公司戰略、使用者市場、技術發展,經過對需求的彙總後,需要對具有較高價值的需求進行分析評審,例如:需求的應用場景、具體功能、使用者畫像、核心内容等。

需求評審的核心三要素:價值、功能、落地。

價值:需求發起的出發點是什麼?帶來的價值有哪些?将價值量化;

功能:為了實作價值,産品需要有哪些功能作為支撐呢?例如:好看的、好用的、新穎的、高科技的、高品質的等;

落地:針對每一項功能點分析如何落地、落地成本等。

總得來說,需求評審就是一個宏大項目的地基,為項目進行全面且細緻的規劃,確定項目的順利完成。

HMI沒入門?看這一篇就夠了!

(2)創意設計:設計階段分為初期和後期兩個階段,在設計前期充分知悉産品需求後,結合市場調研與使用者需求的内容與資料後,提煉出需求的核心内容轉化為設計的目标,進行初期的設計階段,産出後與産品同學、開發同學進行對接,直到确立正式的項目目标後,進入設計後期階段,開始進行具體的流程和其他細節方面的設計。

(3)落地評估:設計階段完成後,需要進入驗證程式,通過台架仿真測試,或提供特定評價用車和教育訓練用車以及進一步的分析和質保路試,進行體驗層面的驗證。跑完驗證程式後,就進入到了系統開發、硬體開發、軟體開發、整車測試的傳統環節了~

(4)開發測試:跑完了之前的程式,設計的最後階段就是跟進開發驗證環節,确認樣車後,确定批量生産試制,進行生産演戲,全面驗證後,車輛就可以投入批量的生産了。

經過對于HMI的介紹,相信大家已經對于HMI有了基本的了解,歡迎大家評論、收藏、點贊、轉發,以後作者會更新更多的HMI的相關知識,避免迷路記得點個“關注”呦~

本文由 @胡子聊設計 原創釋出于人人都是産品經理,未經許可,禁止轉載。

題圖來自Unsplash,基于CC0協定。

繼續閱讀