AI時代下車聯網如何設計?細數操作系統的設計原則

傳統汽車的駕駛功能已經遠遠滿足不了大眾對智能化的渴望和需求,云計算、大數據分析、人工智能、自動駕駛等技術不斷發展,為傳統汽車的變革提供了很好的基礎。汽車已經越來越智能,它會為你推薦喜歡的歌曲,高效的回復每一封郵件,提前為你避讓道路故障、躲避擁堵,在下班的途中推薦你心水很久的美食,寒冷的冬天提前打開家中的暖風.....一切都是根據用戶行為習慣,在車內無縫的和任何一個場景聯通,駕駛變的更從容和美好。

搭載了互聯網服務的汽車操作系統將是用戶連接未來一切可能性的窗口,未來地球的每一寸土地都會被計算能力所覆蓋,而智能汽車正是一個有無窮想象力的通往未來的入口!在數字化時代下,智能汽車的操作系統該具備哪些特質呢?

學習和預測人類行為

未來在人工智能時代下,智能汽車的操作不再是單一的指向性功能,不僅需要滿足用戶的基本需求,更重要的是在用戶還沒有充分表達需求的基礎上為用戶先一步考慮問題,知道用戶下一步會做什么,提前應對。基于深度學習用戶習慣、研究用戶的行為、大量收集用戶范本并做深度分析,為每一個用戶深度定制需求,提出個性化的解決方案,讓汽車的用戶體驗不再千篇一律。

汽車在特殊的駕駛環境下通過深度學習能力為用戶帶來場景化解決方案,將汽車變為貼身的私人管家,通過識別用戶身份,它知道你今天送孩子上學的途中會喝一杯美式咖啡,去公司的路上有一個重要的視頻會議,晚上要和家人聚餐等,汽車會根據你的需求自動同步日歷信息,安排最優的導航路線,提前預定一杯咖啡,推薦一家適合家庭聚會的餐廳......

人工智能時代下智能汽車應具備學習和預測人類行為的能力

自然的語言、肢體交互

汽車復雜的駕駛場景決定了汽車的操作系統有別于其他移動設備,它對安全性和高效反饋有著極高的要求。用戶與系統在交互中,所有的操作都意味著駕駛員的視線離開軌道,系統交互的重要性就是要幫助駕駛者能夠穩定的行駛而不發生交通問題,這對人與車的交互方式和界面設計產生了極高的要求,用觸摸、手勢、語音還是眼球追蹤,都是設計賦予安全駕駛的意義。語言和肢體是人類最自然的交流方式,用最直接的身體姿態與汽車溝通,深度研發汽車的自然語言能力,并識別面部表情和肢體動態,將人類最舒適的交流方式轉化為操作指令。

語音識別涉及到生活的方方面面,如智能家居、家電、運動、醫療、生活服務等,目前國內外都在深度研究AI下的語音人機交互,國外蘋果siri、亞馬遜Alexa、谷歌Assistent,國內騰訊、阿里等都在研發語音交互技術。機器會學習人類的說話語調、情感表達,通過大數據將搜索結果用自然的語言輸出給用戶。自然的語音交互大大降低了人車交互的學習成本,讓冰冷的汽車變成最懂你的朋友,通過交流不僅可以完成指令,還會識別語義、語調感知用戶情緒,做到個性化服務,將人和汽車的交互方式帶入到新的數字化時代。

在人工智能時代智能汽車應具備最自然的語音和肢體交互

人、車、生活萬物互聯

智能化時代,用戶對汽車的需求轉變為萬物互聯、智慧出行,汽車不僅可以滿足功能需求,更是一個連接萬物的入口,通過車實現家車場景下互聯互通。坐在家中可以通過智能音箱控制車輛,反之在車內也可以關閉窗簾、打開暖風等智能控制家居;還可以通過手機、可穿戴設備對汽車完成解鎖、授權、分享,不再需要鑰匙解鎖汽車,與朋友共享汽車只需遠程授權,還有快遞到車服務等;以及車與車之間,可以無縫信息共享、實時社交,車主與車主之間建立興趣小組,共享POI,道路救援等;車與各終端互相聯動、資源共享,實現人、車、生活的萬物互聯。

通過人工智能,在以車為中心的物聯網還將有更多的想象空間,汽車會學習更多人類的行為習慣,更智能、自然的連接萬物,更多維度的遠程控制。未來的汽車,會讓生活變得更簡單,萬物互聯的魅力會讓用戶騰出更多的時間享受駕駛樂趣。

在人工智能時代智能汽車應使人、車、生活萬物互聯

智能汽車的出現會讓用戶有更高的駕駛愉悅感,汽車會充當你的司機,而系統就變成了你的貼心管家,優秀的系統界面設計不僅可以提升汽車的品牌價值,創造全新的用戶體驗,還可以讓汽車成為生活的一部分,它學習人類的生活習慣和環境,可以賦予汽車新的靈魂,讓汽車品牌變的與眾不同。

汽車界面(HMI)設計是由多個設計部件組合而成,包括尺寸、分辨率、文字、顏色、圖標、控件、用戶體驗等,外部因素對界面設計的影響也至關重要,包括屏幕擺放方式、位置、角度、光照等。只有充分考量外部因素,合理有效的組合設計零部件,才能確保內容優先、良好的易讀性、精準點擊、快速響應以及優秀的用戶體驗。以下是通用的汽車界面設計原則,以標準化的數據加上創新的設計元素,以確保駕駛安全性的同時發揮與眾不同的視覺感受。

1、屏幕交互熱區

大屏操作系統越來越受到車企青睞,更多的功能被聚合在操作系統上,位于駕駛員右側的大屏在駕駛環境下,手指可觸及的區域十分有限。對于設計大屏系統,要充分考慮用戶操作舒適度和最優操作范圍(如下圖所示),本文以常見的屏幕比例(16:9)來分析屏幕交互熱區的范圍。靠近駕駛員的屏幕右下方是最容易交互到的區域,適合可交互可點擊的功能性內容、需要快捷操作的button、盲操作就可以完成的交互,都可以放置在右及右下方區域(綠色區域);屏幕越靠上,意味著手臂懸停的時間要更長,要完成選擇或點擊類的操作的時間相對長,適合不常進行互動和交互的內容,優先考慮顯示類信息(藍色區域);屏幕右上角的區域基本是操作盲區,在此位置放置顯示類狀態信息更為適宜,避免將重要的操作button放置在交互盲區(紅色區域)。以特斯拉為例,將使用頻率最高的空調面板常駐在底部最容易觸及到的區域,可以快速調節與溫度相關的功能;頂部交互盲區是狀態欄一類顯示信息,不經常點擊的功能則安排在右上角區域;中間區域是用戶點擊屏幕的舒適區,特斯拉將中間區域劃分為等分的兩部分,上下半屏各顯示不同模塊,在設計布局上將更頻繁操作的button放在屏幕靠左側位置更易交互。(如下如所示)

大屏交互熱區圖

2、屏幕角度和位置

車機屏幕的擺放方式決定了在白天強光下是否可以清晰的看到屏幕上的文字和內容,在夜間屏幕是否過亮導致刺眼,這些工作在設計之初進行充分調研是非常有必要的。如果光照很強,在設計上就要避免用和背景相同色系的顏色,適當提高顏色對比度,通過不斷調整色彩和布局提高界面的易讀性;相反在夜間,又要避免使用純度太高的顏色,文字的顏色也要考慮不使用純白或者純黑,適當的降低彩色明度有利于夜間行車。所以在界面設計的過程中需要設計師在充足光照的白天和照明微弱的夜間多次測試屏幕的顯示效果,提高界面的易讀性,必要的時候可以考慮通過增加主題換膚的模式緩解矛盾。如下如示例,在沒有硬件遮擋的強光照下,屏幕的顯示效果是非常差的,基本很難看清屏幕內容,這就需要設計師反復測試實現最佳的顯示效果。

強光下屏幕反光效果

3、直觀、易讀的信息布局

汽車界面設計與手機app在設計上有本質的區別,app的設計基本上以信息流為主,在設計布局上也基本上以列表、九宮格、瀑布流等形式表現。但是汽車界面主要以功能操作類為主,除了設置、信息展示需要用到列表等形式展現外,大部分的功能都需要快速完成操作,在內容的布局上相對自由,雖然沒有特定的布局樣式,但因為汽車的使用場景的特殊性,在頁面布局上要更考慮到以下幾個原則:

“內容優先”原則。要選擇更直觀、更易讀的設計樣式去表達功能,避免使用識別性差的圖表突出核心內容。可以從車內提取設計元素強調功能的展現,例如汽車控制功能,可以提煉“座椅”“方向盤”等實物細節,不僅有效的表達產品功能,還可更直觀的看到交互反饋。

”少即是多“原則。在界面布局上盡量不要使用與功能無關的設計元素,有時候為了刻意強調界面的炫酷的科技感,在界面中加了容易導致信息混淆的“額外”設計,很容易導致界面承載信息過多而失去重心。合理的運用文字大小、顏色來突出界面層次,避免過分使用過重的裝飾元素。

“減少層級”原則。盡管汽車系統類功能和手機趨同,但是避免直接套用手機的布局樣式,要牢記在汽車高速駕駛的環境下是沒有辦法將注意力集中在“找”這個行為上,列表式的布局樣式不可完全復制,為了用戶可以快速定位完成響應,要盡可能的減少交互層級。避免重點操作“藏”在第二甚至第三層級,把主交互功能放在一級頁面,更多操作可二級頁面完成,減少用戶一直點擊“下一頁”,結束任務后再一直“back”返回一級導航。

4、有效的點擊區域

汽車在高速行駛的環境下,如何判斷一個界面的好壞,最直觀的就是測量用戶在點擊完成一個事件所需要的時間,時間越短,表明界面的可視化和有效點擊率越高,界面的響應速度越快。用戶平均單個手指點擊區域為10~14mm之間,以1080p分辨率為例,單個手指觸摸屏幕的有效分辨率為45px~50px之間,這僅為手指在觸摸屏幕時的觸摸范圍,為了使高速駕駛環境下可以精準的點擊到目標,對單個手指點擊區域的范圍要增加padding值,目標區域相對應向外擴大一倍左右,至少單指觸摸區域增至80~100px為宜。這就對智能汽車界面的icon有了設計要求,在用戶需要點擊icon完成交互任務時,icon的可交互范圍要保持在100*100px左右,確保用戶在觸發icon邊緣時也同樣可以完成響應,大大降低了誤操作率。

icon有效的點擊區域

5、文字

在界面設計中文字包括:字號、字色、字重、字體、字間距等,有些公司有專門的branding部門設計個性化字體,好的字體設計會結合設計風格和品牌定位,對界面設計是錦上添花。但大部分互聯網車機還是使用常見的免費字庫,中文常用“思源黑體”,英文則使用“roboto”居多。準確使用字號和字色,有利于提高界面的易讀性,增加界面的層次重心。在手機等移動終端的設計中有個誤區,認為文字越小越精致,越大越笨拙,這個說法是片面不準確的。尤其在汽車高速駕駛的環境下,文字大小每增加2px,都可能意味著提高界面易讀性,降低駕駛風險。以1080*1920分辨率的界面為例,最小文字建議不低于30px,否則在屏幕上可識別率很低,增加誤讀的概率。界面中需要著重突出的內容,可以靈活使用字號字色表達,增加主次關系,具體可參考排版設計。在界面設計中,正文一般會使用“regular”這種常規字重,需要額外強調的文案可以酌情使用bold,但慎用,中文的粗體會導致文字糊在一起,不利于閱讀。適當的字間距對界面而言是畫龍點睛,適當的增加字間距,尤其是英文,可以使界面變得更柔和,更精致,設計師們不妨試試。

6、顏色

每個品牌都會有自己的品牌色,這個顏色和企業形象、產品特征有關,是系統設計的關鍵色。恰當的運用品牌色能讓用戶產生強記憶力,一看到這個顏色優先想到該品牌及產品,有利于品牌的推廣。例如微信綠、阿里橘、京東紅等等,每個品牌色都代表著公司的企業文化和產品氣質,品牌色往往應用在系統焦點和核心位置。同理智能車聯網的界面設計也需要提煉屬于該品牌形象的顏色,將被應用在系統logo、高亮色及核心內容、企業VI等,是家族化特征的延續。其次顏色有信息傳達的特質,紅色代表警示、綠色代表正常,特定屬性的顏色要用到特定的位置。有國際化背景的車聯網公司還應該注意銷售國家對顏色的偏好和忌諱,在系統設計中要著重注意顏色的使用。

知名公司品牌色在界面設計的運用

7、規范

建立詳細的設計規范體系,是構成界面完成性重要的步驟之一。包括文字、顏色、控件、對話框、列表、通用icon、布局等,一是規范設計師應用到每一個模塊每一個細節,提升一致性設計體驗;二是工程師編寫控件庫,所有模塊可以規范調用控件,降低反對溝通成本。在任務量大,項目時間緊的情況下,有一套完整的控件體系對于設計一個龐大的系統而言,可以減少大量的工作時間,避免每個設計師重復用力,更快更準確的制定規范是一個設計團隊的重要一環,也是鑒別一個設計團隊是否專業的判斷依據。當然,建立設計規范也不是越早越好,還需要設計內部反復修改和測試后再定義成體系。通常在確定設計風格后,根據設計經驗先擬定文字、顏色等比較基礎的規范,上機實測是否有利于點擊和觀看,達到設計內部統一;隨著設計的深入再完善控件、列表等細節規范;后續將控件匯總成一個可編輯的文檔,注明版本號、修改時間、修改人、目錄等,方便后續查找和修訂。創建優秀的控件體系,讓開發和設計共享一套規范系統,讓設計師實現自我價值的轉換,更專注在用戶體驗和產品創新上,對公司來說也是提升品牌價值的寶貴財富。

material design設計規范

在人工智能的大背景下,所有車企都希望通過AI、大數據、云計算、物聯網等技術讓車變得更聰明,更貼近用戶,打造完整的車聯網體系,讓車成為生活工作場景的延展。未來的汽車戰場,除了性能比拼,更多的將是用戶體驗的比拼!

本文是個人對互聯網車機產品的理解和認識,歡迎大家一起討論研究!(ps微信號:smilesh1030)

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,818評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,185評論 3 414
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,656評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,647評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,446評論 6 405
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 54,951評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,041評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,189評論 0 287
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,718評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,602評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,800評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,316評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,045評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,419評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,671評論 1 281
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,420評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,755評論 2 371

推薦閱讀更多精彩內容