2024-2-1 ui設計分享達人
從互聯網體驗設計師轉行到新能源做用戶體驗產品經理已經一年多的時間,期間主導了一套完整的智能座艙HMI設計體系搭建,同時負責座艙內軟件產品的用戶體驗把控及主交互、車控兩個模塊的產品定義。
本文基于0-1的項目背景產出,沉淀完整的主交互策略思路及設計方法,此篇為第一部分《主交互框架定義》。
主交互策略包含四個方向:主交互框架定義、主交互層級系統矩陣定義、各模塊應用策略定義及主交互體驗策略定義。
主交互框架:從多維度綜合考量后定義出的一套交互框架規范,以此為準則搭建整套HMI交互方案
主交互系統層級矩陣:定義HMI所有模塊之間的層級關系和交叉矩陣,作為指導開發過程中各模塊的交互原則
各模塊應用策略:針對主交互模塊中不同容器的應用策略,如出現/消失機制、支持操作方式、互斥邏輯等;部分策略與主交互系統層級矩陣有重疊
主交互體驗策略:側重在產品體驗層面的交互策略定義,同樣作為體驗原則指導整個HMI的交互系統設計及主交互測試驗收標準
主交互框架分別從屏幕結構+產品功能+多模態交互三個維度來做定義。
分析屏幕結構時重點關注兩個方向:屏幕硬件與軟件的結合以及對應匹配的交互方式。
智能座艙內常見的屏包括儀表屏、中控屏、HUD、副駕屏、二排扶手屏、后排娛樂屏;中控屏和儀表屏是座艙內配備率最高的兩塊屏,中控是新能源座艙的標配,儀表屏通常會根據自動駕駛能力及產品市場定位來決策配置和尺寸。
車載HMI會基于已經定義好的座艙屏幕來設計,目前行業主流以橫屏中控居多。思考交互框架時除了需要考量硬件屏幕的外觀、比例外,同時需要盡可能規避硬件上的短板對用戶帶來的體驗影響。
如中控屏的朝向、角度決定了駕駛員看中控屏時的視線轉動角度,多場景下的光線(白天/黑夜)、天氣(晴天/陰雨天)等外部環境因素也會對屏幕產生不同程度的視覺影響?;谶@些因素需優先判斷在HMI設計過程中是否有需要特別注意的地方。
在行車過程中駕駛員的視線焦點與安全息息相關,車載系統交互中的3秒原則(當視線與注意力超過3秒時危險系數會成倍增長)決定了車載系統的功能和布局需要同時滿足用戶高效獲取有效信息并在安全時間內完成單次操作。
人因工程學里將人的視野分成三種:直接視野、注視視野和觀察視野。
水平視野最佳值是左右對稱的,但垂直視野最佳值對于水平線不對稱,原因是人的正常視線在水平線之下。
直接視野
可以觀測到儀表屏的全量信息及小部分中控屏(取決于中控屏幕位置),所以儀表屏的位置會放置在主駕直接視野的正前下方
注視視野
通過轉動眼球可以觀測到中控屏的左側區域,區域范圍由屏幕形狀決定;最佳觸控交互區域及功能也會基于【直接視野】和【注視視野】做定義
觀察視野
駕駛員需要同時轉動頭部與眼球進行觀測,通過觀察視野獲取信息的區域不利于放置頻繁變動的信息和高頻操作的功能;這個因素同樣會影響觸控交互區域的定義及功能的定義
中控屏上的信息會分為常態信息和動態信息兩種。信息布局則根據上述的不同視野特質結合常態/動態兩種信息的特質來推倒出中控屏上不同區域承載什么信息類型。
從人機交互的角度,在豎屏高度較高的情況下駕駛員操作豎屏屏幕最頂端及右上角區域時身體角度會發生變化。觸控交互區域和駕駛員視野是緊密關聯的。
不管是橫屏還是豎屏的最佳觸控區域都是屏幕左側偏下側的位置,屏幕中間段次之,最頂端及右上角為較難觸控區域;觸控交互的范圍定義完成后,再根據每個區域的特性去定義適合承載的功能類型。
最佳觸控區
最佳觸控區放置的功能需同時滿足產品側和用戶側的需求,共性為高頻使用功能、信息識別成本低、交互便捷。易觸控區域及較難觸控區域的內容推倒以此類推。
產品案例
最佳觸控區域除了覆蓋Dock外,也會覆蓋一部分功能或應用區域,在內容策略上每家的產品定義不同。
如小鵬G9的Launcher最佳觸控區域內容包括左側整條豎Dock+3張組合功能卡片(可上下滑動)+語音+部分地圖功能
理想L9的Launcher最佳觸控區域內容包括L型Dock+1個半組合功能卡片,功能卡片默認第一張是地圖,卡片可左右滑動,順序支持自定義
橫屏的L型Dock的底部僅有左側一半在最佳觸控區域,所以通常會放置以主駕為核心的產品功能,右側非最佳觸控區域則會放置副駕調節項或較低優先級的功能。從產品功能和使用頻率來說并不會影響主駕的用戶體驗。
產品功能在主交互框架里側重考慮的是重點功能模塊以及相關的視覺效果呈現形式。
從功能模塊角度來說,車回歸本質上是交通工具,所以優先級最高的一定是用車場景下高頻且必要的功能。座艙內中控屏的高優先級模塊包含自動駕駛、車輛控制、多媒體、地圖導航以及設置。
結合上述的屏幕結構分析,按照產品策略和功能優先級做綜合判斷對應的交互區域里承載什么內容。
從視覺效果角度則在定義了產品重點策略后,結合當前業內的主流視覺風格考量是否將重點策略(功能)通過視效手段放大呈現。
視效對于主交互層面的影響在于視覺效果在主交互框架中的分布占比,如果視效元素作為亮點出現在HMI多個場景下,則需要定義詳細的串聯交互方式。
產品案例
3D是目前HMI的視覺風格趨勢,多家主機廠已經將3D元素融入HMI中,提供給用戶可玩性來增強產品體驗。
Flyme Auto的解決方案中使用了大量一鏡到底的3D場景來展示車輛的狀態、導航和智能駕駛輔助系統等信息。
在這個案例中主交互框架需要考慮的是:
1.3D場景在Launcher界面中的呈現方式是融入場景中作為視覺背景還是同時承載產品功能?
2.3D元素僅出現在Launcher場景中還是作為一個貫穿HMI的元素?哪些模塊中需要用到此元素?
3.3D場景貫穿HMI的話,鏡頭轉場如何切換?總共有多少個轉入/轉出的場景?
定義座艙內包含的所有交互方式。語音交互和手勢交互的定義會依賴語音和自動駕駛這兩塊業務策略,所以在主交互層面主要關注座艙內交互行為的統一性以及與HMI聯動的場景上。
主交互框架是為整個車載HMI服務的,相對其他功能模塊來說要更具備全面性和完整性。定義的過程中除了從交互設計的角度做分析,也要從整個HMI車載系統的多維度做綜合考量和平衡。
下一篇是《主交互系統層級矩陣》的定義方法,內容重點為如何拆分主交互系統層級以及與開發層級定義做對應。
作者:阿尤女士
來源:站酷
藍藍設計(91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。
關鍵詞:UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司
銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計、軟件qt開發、軟件wpf開發、軟件vue開發