傳統(tǒng)汽車的駕駛功能已經(jīng)遠(yuǎn)遠(yuǎn)滿足不了大眾對智能化的渴望和需求,云計(jì)算、大數(shù)據(jù)分析、人工智能、自動駕駛等技術(shù)不斷發(fā)展,為傳統(tǒng)汽車的變革提供了很好的基礎(chǔ)。汽車已經(jīng)越來越智能,它會為你推薦喜歡的歌曲,高效的回復(fù)每一封郵件,提前為你避讓道路故障、躲避擁堵,在下班的途中推薦你心水很久的美食,寒冷的冬天提前打開家中的暖風(fēng).....一切都是根據(jù)用戶行為習(xí)慣,在車內(nèi)無縫的和任何一個場景聯(lián)通,駕駛變的更從容和美好。
搭載了互聯(lián)網(wǎng)服務(wù)的汽車操作系統(tǒng)將是用戶連接未來一切可能性的窗口,未來地球的每一寸土地都會被計(jì)算能力所覆蓋,而智能汽車正是一個有無窮想象力的通往未來的入口!在數(shù)字化時代下,智能汽車的操作系統(tǒng)該具備哪些特質(zhì)呢?
學(xué)習(xí)和預(yù)測人類行為
未來在人工智能時代下,智能汽車的操作不再是單一的指向性功能,不僅需要滿足用戶的基本需求,更重要的是在用戶還沒有充分表達(dá)需求的基礎(chǔ)上為用戶先一步考慮問題,知道用戶下一步會做什么,提前應(yīng)對?;谏疃葘W(xué)習(xí)用戶習(xí)慣、研究用戶的行為、大量收集用戶范本并做深度分析,為每一個用戶深度定制需求,提出個性化的解決方案,讓汽車的用戶體驗(yàn)不再千篇一律。
汽車在特殊的駕駛環(huán)境下通過深度學(xué)習(xí)能力為用戶帶來場景化解決方案,將汽車變?yōu)橘N身的私人管家,通過識別用戶身份,它知道你今天送孩子上學(xué)的途中會喝一杯美式咖啡,去公司的路上有一個重要的視頻會議,晚上要和家人聚餐等,汽車會根據(jù)你的需求自動同步日歷信息,安排最優(yōu)的導(dǎo)航路線,提前預(yù)定一杯咖啡,推薦一家適合家庭聚會的餐廳......

自然的語言、肢體交互
汽車復(fù)雜的駕駛場景決定了汽車的操作系統(tǒng)有別于其他移動設(shè)備,它對安全性和高效反饋有著極高的要求。用戶與系統(tǒng)在交互中,所有的操作都意味著駕駛員的視線離開軌道,系統(tǒng)交互的重要性就是要幫助駕駛者能夠穩(wěn)定的行駛而不發(fā)生交通問題,這對人與車的交互方式和界面設(shè)計(jì)產(chǎn)生了極高的要求,用觸摸、手勢、語音還是眼球追蹤,都是設(shè)計(jì)賦予安全駕駛的意義。語言和肢體是人類最自然的交流方式,用最直接的身體姿態(tài)與汽車溝通,深度研發(fā)汽車的自然語言能力,并識別面部表情和肢體動態(tài),將人類最舒適的交流方式轉(zhuǎn)化為操作指令。
語音識別涉及到生活的方方面面,如智能家居、家電、運(yùn)動、醫(yī)療、生活服務(wù)等,目前國內(nèi)外都在深度研究AI下的語音人機(jī)交互,國外蘋果siri、亞馬遜Alexa、谷歌Assistent,國內(nèi)騰訊、阿里等都在研發(fā)語音交互技術(shù)。機(jī)器會學(xué)習(xí)人類的說話語調(diào)、情感表達(dá),通過大數(shù)據(jù)將搜索結(jié)果用自然的語言輸出給用戶。自然的語音交互大大降低了人車交互的學(xué)習(xí)成本,讓冰冷的汽車變成最懂你的朋友,通過交流不僅可以完成指令,還會識別語義、語調(diào)感知用戶情緒,做到個性化服務(wù),將人和汽車的交互方式帶入到新的數(shù)字化時代。

人、車、生活萬物互聯(lián)
智能化時代,用戶對汽車的需求轉(zhuǎn)變?yōu)槿f物互聯(lián)、智慧出行,汽車不僅可以滿足功能需求,更是一個連接萬物的入口,通過車實(shí)現(xiàn)家車場景下互聯(lián)互通。坐在家中可以通過智能音箱控制車輛,反之在車內(nèi)也可以關(guān)閉窗簾、打開暖風(fēng)等智能控制家居;還可以通過手機(jī)、可穿戴設(shè)備對汽車完成解鎖、授權(quán)、分享,不再需要鑰匙解鎖汽車,與朋友共享汽車只需遠(yuǎn)程授權(quán),還有快遞到車服務(wù)等;以及車與車之間,可以無縫信息共享、實(shí)時社交,車主與車主之間建立興趣小組,共享POI,道路救援等;車與各終端互相聯(lián)動、資源共享,實(shí)現(xiàn)人、車、生活的萬物互聯(lián)。
通過人工智能,在以車為中心的物聯(lián)網(wǎng)還將有更多的想象空間,汽車會學(xué)習(xí)更多人類的行為習(xí)慣,更智能、自然的連接萬物,更多維度的遠(yuǎn)程控制。未來的汽車,會讓生活變得更簡單,萬物互聯(lián)的魅力會讓用戶騰出更多的時間享受駕駛樂趣。

智能汽車的出現(xiàn)會讓用戶有更高的駕駛愉悅感,汽車會充當(dāng)你的司機(jī),而系統(tǒng)就變成了你的貼心管家,優(yōu)秀的系統(tǒng)界面設(shè)計(jì)不僅可以提升汽車的品牌價值,創(chuàng)造全新的用戶體驗(yàn),還可以讓汽車成為生活的一部分,它學(xué)習(xí)人類的生活習(xí)慣和環(huán)境,可以賦予汽車新的靈魂,讓汽車品牌變的與眾不同。
汽車界面(HMI)設(shè)計(jì)是由多個設(shè)計(jì)部件組合而成,包括尺寸、分辨率、文字、顏色、圖標(biāo)、控件、用戶體驗(yàn)等,外部因素對界面設(shè)計(jì)的影響也至關(guān)重要,包括屏幕擺放方式、位置、角度、光照等。只有充分考量外部因素,合理有效的組合設(shè)計(jì)零部件,才能確保內(nèi)容優(yōu)先、良好的易讀性、精準(zhǔn)點(diǎn)擊、快速響應(yīng)以及優(yōu)秀的用戶體驗(yàn)。以下是通用的汽車界面設(shè)計(jì)原則,以標(biāo)準(zhǔn)化的數(shù)據(jù)加上創(chuàng)新的設(shè)計(jì)元素,以確保駕駛安全性的同時發(fā)揮與眾不同的視覺感受。
1、屏幕交互熱區(qū)
大屏操作系統(tǒng)越來越受到車企青睞,更多的功能被聚合在操作系統(tǒng)上,位于駕駛員右側(cè)的大屏在駕駛環(huán)境下,手指可觸及的區(qū)域十分有限。對于設(shè)計(jì)大屏系統(tǒng),要充分考慮用戶操作舒適度和最優(yōu)操作范圍(如下圖所示),本文以常見的屏幕比例(16:9)來分析屏幕交互熱區(qū)的范圍??拷{駛員的屏幕右下方是最容易交互到的區(qū)域,適合可交互可點(diǎn)擊的功能性內(nèi)容、需要快捷操作的button、盲操作就可以完成的交互,都可以放置在右及右下方區(qū)域(綠色區(qū)域);屏幕越靠上,意味著手臂懸停的時間要更長,要完成選擇或點(diǎn)擊類的操作的時間相對長,適合不常進(jìn)行互動和交互的內(nèi)容,優(yōu)先考慮顯示類信息(藍(lán)色區(qū)域);屏幕右上角的區(qū)域基本是操作盲區(qū),在此位置放置顯示類狀態(tài)信息更為適宜,避免將重要的操作button放置在交互盲區(qū)(紅色區(qū)域)。以特斯拉為例,將使用頻率最高的空調(diào)面板常駐在底部最容易觸及到的區(qū)域,可以快速調(diào)節(jié)與溫度相關(guān)的功能;頂部交互盲區(qū)是狀態(tài)欄一類顯示信息,不經(jīng)常點(diǎn)擊的功能則安排在右上角區(qū)域;中間區(qū)域是用戶點(diǎn)擊屏幕的舒適區(qū),特斯拉將中間區(qū)域劃分為等分的兩部分,上下半屏各顯示不同模塊,在設(shè)計(jì)布局上將更頻繁操作的button放在屏幕靠左側(cè)位置更易交互。(如下如所示)

2、屏幕角度和位置
車機(jī)屏幕的擺放方式?jīng)Q定了在白天強(qiáng)光下是否可以清晰的看到屏幕上的文字和內(nèi)容,在夜間屏幕是否過亮導(dǎo)致刺眼,這些工作在設(shè)計(jì)之初進(jìn)行充分調(diào)研是非常有必要的。如果光照很強(qiáng),在設(shè)計(jì)上就要避免用和背景相同色系的顏色,適當(dāng)提高顏色對比度,通過不斷調(diào)整色彩和布局提高界面的易讀性;相反在夜間,又要避免使用純度太高的顏色,文字的顏色也要考慮不使用純白或者純黑,適當(dāng)?shù)慕档筒噬鞫扔欣谝归g行車。所以在界面設(shè)計(jì)的過程中需要設(shè)計(jì)師在充足光照的白天和照明微弱的夜間多次測試屏幕的顯示效果,提高界面的易讀性,必要的時候可以考慮通過增加主題換膚的模式緩解矛盾。如下如示例,在沒有硬件遮擋的強(qiáng)光照下,屏幕的顯示效果是非常差的,基本很難看清屏幕內(nèi)容,這就需要設(shè)計(jì)師反復(fù)測試實(shí)現(xiàn)最佳的顯示效果。

3、直觀、易讀的信息布局
汽車界面設(shè)計(jì)與手機(jī)app在設(shè)計(jì)上有本質(zhì)的區(qū)別,app的設(shè)計(jì)基本上以信息流為主,在設(shè)計(jì)布局上也基本上以列表、九宮格、瀑布流等形式表現(xiàn)。但是汽車界面主要以功能操作類為主,除了設(shè)置、信息展示需要用到列表等形式展現(xiàn)外,大部分的功能都需要快速完成操作,在內(nèi)容的布局上相對自由,雖然沒有特定的布局樣式,但因?yàn)槠嚨氖褂脠鼍暗奶厥庑?,在頁面布局上要更考慮到以下幾個原則:
“內(nèi)容優(yōu)先”原則。要選擇更直觀、更易讀的設(shè)計(jì)樣式去表達(dá)功能,避免使用識別性差的圖表突出核心內(nèi)容。可以從車內(nèi)提取設(shè)計(jì)元素強(qiáng)調(diào)功能的展現(xiàn),例如汽車控制功能,可以提煉“座椅”“方向盤”等實(shí)物細(xì)節(jié),不僅有效的表達(dá)產(chǎn)品功能,還可更直觀的看到交互反饋。
”少即是多“原則。在界面布局上盡量不要使用與功能無關(guān)的設(shè)計(jì)元素,有時候?yàn)榱丝桃鈴?qiáng)調(diào)界面的炫酷的科技感,在界面中加了容易導(dǎo)致信息混淆的“額外”設(shè)計(jì),很容易導(dǎo)致界面承載信息過多而失去重心。合理的運(yùn)用文字大小、顏色來突出界面層次,避免過分使用過重的裝飾元素。
“減少層級”原則。盡管汽車系統(tǒng)類功能和手機(jī)趨同,但是避免直接套用手機(jī)的布局樣式,要牢記在汽車高速駕駛的環(huán)境下是沒有辦法將注意力集中在“找”這個行為上,列表式的布局樣式不可完全復(fù)制,為了用戶可以快速定位完成響應(yīng),要盡可能的減少交互層級。避免重點(diǎn)操作“藏”在第二甚至第三層級,把主交互功能放在一級頁面,更多操作可二級頁面完成,減少用戶一直點(diǎn)擊“下一頁”,結(jié)束任務(wù)后再一直“back”返回一級導(dǎo)航。
4、有效的點(diǎn)擊區(qū)域
汽車在高速行駛的環(huán)境下,如何判斷一個界面的好壞,最直觀的就是測量用戶在點(diǎn)擊完成一個事件所需要的時間,時間越短,表明界面的可視化和有效點(diǎn)擊率越高,界面的響應(yīng)速度越快。用戶平均單個手指點(diǎn)擊區(qū)域?yàn)?0~14mm之間,以1080p分辨率為例,單個手指觸摸屏幕的有效分辨率為45px~50px之間,這僅為手指在觸摸屏幕時的觸摸范圍,為了使高速駕駛環(huán)境下可以精準(zhǔn)的點(diǎn)擊到目標(biāo),對單個手指點(diǎn)擊區(qū)域的范圍要增加padding值,目標(biāo)區(qū)域相對應(yīng)向外擴(kuò)大一倍左右,至少單指觸摸區(qū)域增至80~100px為宜。這就對智能汽車界面的icon有了設(shè)計(jì)要求,在用戶需要點(diǎn)擊icon完成交互任務(wù)時,icon的可交互范圍要保持在100*100px左右,確保用戶在觸發(fā)icon邊緣時也同樣可以完成響應(yīng),大大降低了誤操作率。

5、文字
在界面設(shè)計(jì)中文字包括:字號、字色、字重、字體、字間距等,有些公司有專門的branding部門設(shè)計(jì)個性化字體,好的字體設(shè)計(jì)會結(jié)合設(shè)計(jì)風(fēng)格和品牌定位,對界面設(shè)計(jì)是錦上添花。但大部分互聯(lián)網(wǎng)車機(jī)還是使用常見的免費(fèi)字庫,中文常用“思源黑體”,英文則使用“roboto”居多。準(zhǔn)確使用字號和字色,有利于提高界面的易讀性,增加界面的層次重心。在手機(jī)等移動終端的設(shè)計(jì)中有個誤區(qū),認(rèn)為文字越小越精致,越大越笨拙,這個說法是片面不準(zhǔn)確的。尤其在汽車高速駕駛的環(huán)境下,文字大小每增加2px,都可能意味著提高界面易讀性,降低駕駛風(fēng)險(xiǎn)。以1080*1920分辨率的界面為例,最小文字建議不低于30px,否則在屏幕上可識別率很低,增加誤讀的概率。界面中需要著重突出的內(nèi)容,可以靈活使用字號字色表達(dá),增加主次關(guān)系,具體可參考排版設(shè)計(jì)。在界面設(shè)計(jì)中,正文一般會使用“regular”這種常規(guī)字重,需要額外強(qiáng)調(diào)的文案可以酌情使用bold,但慎用,中文的粗體會導(dǎo)致文字糊在一起,不利于閱讀。適當(dāng)?shù)淖珠g距對界面而言是畫龍點(diǎn)睛,適當(dāng)?shù)脑黾幼珠g距,尤其是英文,可以使界面變得更柔和,更精致,設(shè)計(jì)師們不妨試試。
6、顏色
每個品牌都會有自己的品牌色,這個顏色和企業(yè)形象、產(chǎn)品特征有關(guān),是系統(tǒng)設(shè)計(jì)的關(guān)鍵色。恰當(dāng)?shù)倪\(yùn)用品牌色能讓用戶產(chǎn)生強(qiáng)記憶力,一看到這個顏色優(yōu)先想到該品牌及產(chǎn)品,有利于品牌的推廣。例如微信綠、阿里橘、京東紅等等,每個品牌色都代表著公司的企業(yè)文化和產(chǎn)品氣質(zhì),品牌色往往應(yīng)用在系統(tǒng)焦點(diǎn)和核心位置。同理智能車聯(lián)網(wǎng)的界面設(shè)計(jì)也需要提煉屬于該品牌形象的顏色,將被應(yīng)用在系統(tǒng)logo、高亮色及核心內(nèi)容、企業(yè)VI等,是家族化特征的延續(xù)。其次顏色有信息傳達(dá)的特質(zhì),紅色代表警示、綠色代表正常,特定屬性的顏色要用到特定的位置。有國際化背景的車聯(lián)網(wǎng)公司還應(yīng)該注意銷售國家對顏色的偏好和忌諱,在系統(tǒng)設(shè)計(jì)中要著重注意顏色的使用。

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

在人工智能的大背景下,所有車企都希望通過AI、大數(shù)據(jù)、云計(jì)算、物聯(lián)網(wǎng)等技術(shù)讓車變得更聰明,更貼近用戶,打造完整的車聯(lián)網(wǎng)體系,讓車成為生活工作場景的延展。未來的汽車戰(zhàn)場,除了性能比拼,更多的將是用戶體驗(yàn)的比拼!
本文是個人對互聯(lián)網(wǎng)車機(jī)產(chǎn)品的理解和認(rèn)識,歡迎大家一起討論研究!(ps微信號:smilesh1030)