汽車產(chǎn)業(yè)鏈正在進(jìn)行一場自內(nèi)而外的革新運(yùn)動罐农。隨著自動駕駛技術(shù)的逐步成熟,汽車也正在從機(jī)械的1.0時代和電子的2.0時代催什,步入智能化的3.0時代啃匿。
過去人與汽車的關(guān)系是【人適應(yīng)汽車】,現(xiàn)在變成【汽車服務(wù)于人】蛆楞,用戶從【駕】車演變成【玩】車溯乒,汽車與互聯(lián)網(wǎng)的結(jié)合,正在變?yōu)檩d著“最強(qiáng)大腦”的巨型智能硬件豹爹,四個輪子+一部超強(qiáng)運(yùn)算計算機(jī)裆悄,變革了用戶的駕駛體驗(yàn);互聯(lián)網(wǎng)與汽車制造業(yè)的結(jié)合臂聋,更是加速了工業(yè)產(chǎn)品數(shù)字化轉(zhuǎn)型和落地的可能性光稼,改變了汽車產(chǎn)業(yè)的各個方面。
在3.0智能汽車時代孩等,智能化的汽車操作系統(tǒng)作為決定用戶體驗(yàn)的核心因素艾君,各大主機(jī)廠也紛紛投入精力自研操作系統(tǒng),押注于軟件帶來的升級服務(wù)成為新的盈利點(diǎn)肄方,希望將對汽車的控制權(quán)冰垄、用戶的數(shù)據(jù)掌握在自己手中。身處于車聯(lián)網(wǎng)行業(yè)权她,我談?wù)剛€人對車聯(lián)網(wǎng)操作系統(tǒng)設(shè)計趨勢的見解虹茶。
一逝薪、快
在行車場景下,面對復(fù)雜的路況蝴罪,用戶的注意力和視線必須聚焦在前方路面董济,如何更快速的在碩大的屏幕上快速找到想要的功能,與汽車進(jìn)行更自然的互動要门,系統(tǒng)能更高效虏肾、更快速的做出反饋,這對操作系統(tǒng)的人機(jī)交互布局提出了很高的要求:
1.1欢搜、功能分類排序询微,最常用應(yīng)用放置在最醒目、最易觸達(dá)的區(qū)域狂巢;相同類型的功能整合撑毛;突出地圖、多媒體的控制和顯示唧领;
車載系統(tǒng)中藻雌,用戶最頻繁使用的應(yīng)用為導(dǎo)航、多媒體斩个、車輛胯杭、語音、通訊受啥、更多應(yīng)用等做个,在交互布局上應(yīng)將此類功能放置在視線核心區(qū),并將其排列優(yōu)先級滚局。地圖作為用戶駕車場景下最頻繁使用的應(yīng)用居暖,在頁面布局中應(yīng)最大程度展示,進(jìn)入其他應(yīng)用時藤肢,也建議以小窗口顯示地圖的導(dǎo)航信息太闺,并可以點(diǎn)擊放大。多媒體也是行車場景下最易使用的應(yīng)用之一嘁圈,在交互布局上也應(yīng)有快速控制播放器的入口省骂,便于用戶暫停播放或者切換音源。圖1為三家新能源車企的車載智能系統(tǒng)最住,均將地圖導(dǎo)航置于人機(jī)交互的核心區(qū)钞澳,并且最大程度顯示地圖信息;多媒體涨缚、通訊轧粟、車輛等作為次一級常用功能,整合歸類于同一容器,通常以圖標(biāo)導(dǎo)航欄或者widget部件窗口展示逃延±姥可以看出雖然三家車企的頁面結(jié)構(gòu)不同轧拄,但是都是遵循一個思路:功能分類揽祥、頁面分區(qū)(視覺重心和人機(jī)工程學(xué))、地圖最大化檩电、重點(diǎn)功能整合這幾個重要步驟拄丰。
1.2、減少層級關(guān)系俐末,頁面流轉(zhuǎn)順暢有秩序料按;
駕駛的特殊場景下,車載系統(tǒng)需盡可能在主界面就完成大部分操作需求卓箫,需要進(jìn)一步設(shè)置時载矿,再跳轉(zhuǎn)二級頁面。二級頁面的框架定義要清晰明了烹卒,簡化操作流程闷盔,避免出現(xiàn)大量需要用戶設(shè)置的選項(xiàng);在頁面之間切換時旅急,避免將入口定義太深逢勾,需要用戶不斷重復(fù)【下一步】,返回時還要重復(fù)【返回】才能回到主頁面藐吮。每一個應(yīng)用都需要遵循通用的二級頁面框架溺拱,在定義框架時要盡可能滿足每一個預(yù)裝應(yīng)用以及第三方應(yīng)用的需求。頁面間的跳轉(zhuǎn)也要講究一致性谣辞,是轉(zhuǎn)屏迫摔、還是浮窗,需要全盤考慮泥从。
圖中列舉的三家新勢力造車的車載系統(tǒng)攒菠,均使用了浮窗的形式進(jìn)入二級頁面,浮窗的特點(diǎn)在于更輕量歉闰,即用即走辖众,關(guān)閉即可退出二級,不需要逐層返回和敬;但也會出現(xiàn)浮窗疊彈窗的情況凹炸,會產(chǎn)生界面的錯亂感,以及對第三方的適配性會差一些昼弟。不能單純的評判浮窗的形式彈出應(yīng)用二級啤它,還是頁面跳轉(zhuǎn)進(jìn)入應(yīng)用二級孰好孰壞,需根據(jù)整體交互框架的定義和產(chǎn)品需求去全局性定義各個應(yīng)用的彈出方式,只要保持一致性和秩序感就好变骡。
1.3离赫、凡事有交代,件件有著落塌碌,事事有回音渊胸;
汽車操作系統(tǒng)作為決定整車體驗(yàn)的核心,是駕駛者的貼心助理台妆,對于用戶的任何形式互動翎猛,都要做到事事有回音。一是在頁面布局上接剩,避免有“無價值”的【展示信息】切厘,一個頁面中,很多地方只可看懊缺,不可點(diǎn)疫稿,或者點(diǎn)擊無響應(yīng),對于行駛中的用戶是非常不友好的鹃两;二是在界面設(shè)計時遗座,任何可交互可點(diǎn)擊的區(qū)域,都要有設(shè)計反饋怔毛,包括圖標(biāo)的設(shè)計必須符合人機(jī)工程學(xué)员萍,人的手臂長度大約為90厘米,手指平均寬度為1.5-2.0厘米(45像素)拣度,大拇指能達(dá)到72px碎绎,圖標(biāo)的大小不要小于單個手指觸控范圍。在點(diǎn)擊樣式上抗果,也要有明顯的反饋筋帖,比如放大、彈跳冤馏、變色或者加背景等形式日麸;三是事件反饋上,通過細(xì)膩的動效給用戶以成功失敗逮光、正確錯誤代箭、完成取消的反饋,增加頁面的設(shè)計細(xì)節(jié)和體驗(yàn)涕刚。
1.4 UI可視化程度高嗡综;
車載系統(tǒng)的UI風(fēng)格定義和手機(jī)app不同,APP可以根據(jù)品牌和服務(wù)杜漠,設(shè)計充滿多樣性极景、個性化的視覺風(fēng)格察净。但車載系統(tǒng)的設(shè)計風(fēng)格,需要考慮通用性和集成性盼樟,還有駕駛場景的特殊性氢卡,在風(fēng)格的設(shè)計上,以可視化作為視覺風(fēng)格的標(biāo)準(zhǔn)晨缴,在增加品牌獨(dú)特化译秦,追求視覺炫酷效果的同時,需要考慮用戶特殊場景下的界面識別度喜庞,在展示產(chǎn)品功能的基礎(chǔ)上诀浪,化繁為簡棋返,不過多展示裝飾化元素延都。那車載系統(tǒng)如何設(shè)計出又精美、又個性睛竣、識別度又高的界面風(fēng)格呢晰房?設(shè)計細(xì)節(jié)決定頁面的精致感,字體射沟、配色殊者、圖標(biāo)、圖形化验夯、控件猖吴、動效均能體現(xiàn)高品質(zhì)的設(shè)計感。無論是扁平化挥转,還是質(zhì)感化海蔽,都可以體現(xiàn)細(xì)膩的界面設(shè)計。最重要的還是設(shè)計元素的一致性绑谣,圓潤還是硬朗党窜,需要貫穿于整個設(shè)計細(xì)節(jié),避免有些樣式使用大圓角借宵,有些使用直角幌衣,這就容易造成整體風(fēng)格不統(tǒng)一;避免圖標(biāo)設(shè)計樣式不統(tǒng)一壤玫,有些是實(shí)心icon豁护,有些是描邊icon,同一大小的圖標(biāo)線寬粗細(xì)也需要統(tǒng)一欲间。圖中是在進(jìn)行界面設(shè)計之初Mood Baord情緒版創(chuàng)意收集楚里,在其中尋找設(shè)計靈感并提煉關(guān)鍵界面元素, 不斷優(yōu)化設(shè)計細(xì)節(jié)括改,產(chǎn)生精美腻豌、可視程度化高的車載系統(tǒng)HMI界面家坎,這里暫不具體展開描述了。
二吝梅、多
用戶在使用車聯(lián)網(wǎng)系統(tǒng)時虱疏,除了關(guān)注系統(tǒng)的執(zhí)行速度【快】之外,車載系統(tǒng)給用戶帶來的還有很【多】苏携。出行場景下做瞪,車內(nèi)不僅僅有駕駛員,還會有副駕右冻、后排成員装蓬,不同身份的用戶對于車機(jī)大屏的需求也不一樣。車載系統(tǒng)需要移植用戶對于手機(jī)的使用需求和習(xí)慣纱扭,在車內(nèi)使用車機(jī)完成手機(jī)能完成的所有任務(wù)牍帚,并給予更多的服務(wù)和價值。
1.1乳蛾、多應(yīng)用暗赶;
為了不斷滿足用戶的需求,車載系統(tǒng)需要集成更多更豐富的應(yīng)用和小程序肃叶。不僅要求APP更好適配車機(jī)蹂随,還要在未來自動駕駛的趨勢下,研發(fā)更多的車載應(yīng)用因惭,為車輛網(wǎng)賦能岳锁。這考驗(yàn)了龐大的互聯(lián)網(wǎng)生態(tài)網(wǎng)絡(luò),車輛開放越多的數(shù)據(jù)蹦魔,車聯(lián)網(wǎng)越能提供更全面的服務(wù)激率,不僅是車輛的維修保養(yǎng),還包括出行服務(wù)版姑、支付場景柱搜,本地生活、移動社交剥险、游戲等聪蘸。
車載系統(tǒng)是用戶在封閉的場景下沉浸式的駕車體驗(yàn),駕駛員會更專注的聚焦于某個功能并快速的觸達(dá)表制,希望每一個應(yīng)用的進(jìn)入健爬、返回保持同樣的操作邏輯,并有著一致的界面風(fēng)格呈現(xiàn)么介。所以在多應(yīng)用的趨勢下娜遵,車載系統(tǒng)的設(shè)計需要秉承完整、一體化的使用流程和用戶體驗(yàn)壤短,在信息架構(gòu)设拟、導(dǎo)航方式慨仿、視覺界面上,需有一套詳細(xì)完整的設(shè)計規(guī)范纳胧,讓第三方應(yīng)用更好的適配車機(jī)系統(tǒng)镰吆,保持體驗(yàn)的一致性。除了基礎(chǔ)的色彩跑慕、文本万皿、圖標(biāo)、動效核行、框架等硬性規(guī)范外牢硅,還應(yīng)該有排版、圖形芝雪、留白减余、層級、結(jié)構(gòu)绵脯、窗口等規(guī)范的定義佳励。這里提出模組化控件的概念休里,車載系統(tǒng)定義一套強(qiáng)大且完整的組件庫蛆挫,一套針對于設(shè)計師,一套針對于研發(fā)妙黍,第三方應(yīng)用像搭積木一樣快速搭建界面悴侵,并實(shí)時預(yù)覽效果,既能快速自查拭嫁,又能降低研發(fā)成本可免,最終保證整個系統(tǒng)使用的一致性。未來車載系統(tǒng)的設(shè)計規(guī)范做粤,也會像IOS和Android一樣浇借,通用性、擴(kuò)展性怕品、一致性更強(qiáng)妇垢。下圖為Uber的UI元素設(shè)計規(guī)范,感興趣的可以詳細(xì)了解細(xì)節(jié):https://brand.uber.com/肉康。
1.2闯估、多主題,場景化吼和;
汽車的內(nèi)飾結(jié)構(gòu)決定了操作大屏的擺放位置和角度涨薪,受日間光照的影響,屏幕會出現(xiàn)不同程度的反光炫乓,導(dǎo)致信息閱讀性降低刚夺,不利于用戶視覺的聚焦和快速點(diǎn)擊献丑。為了有更好的視覺體驗(yàn),車載系統(tǒng)定義了淺色模式侠姑、深色模式的主題切換阳距,分別用于黑白天界面的顯示,用戶可以自定義主題切換结借,也可以根據(jù)日落時間自動切換主題筐摘。除了屏幕自身人機(jī)工程的因素決定了車機(jī)系統(tǒng)推出深淺色模式外,個性化設(shè)置也是提升用戶體驗(yàn)的必要條件船老,隨著智能汽車操作系統(tǒng)的普及咖熟,消費(fèi)者對于定制的需求越來越強(qiáng)烈,車作為大號的電子產(chǎn)品柳畔,除了環(huán)境因素外馍管,更要充滿個性化,除了更換系統(tǒng)色彩外薪韩,車機(jī)系統(tǒng)還可以結(jié)合場景化提供不同的內(nèi)容和個性化推薦确沸,比如結(jié)合生活服務(wù)場景,分析用戶的偏好俘陷,在功能入口顯示不同的內(nèi)容罗捎;或者在用戶生日或者紀(jì)念日時,在系統(tǒng)界面以對應(yīng)的祝福主題展示拉盾。盡管有很多自定義主題的需求桨菜,以及界面多樣化的展現(xiàn)形式,但必須注意的是捉偏,汽車駕駛的特殊場景下倒得,必須保證內(nèi)容第一的原則,所有主題的設(shè)計不能干擾車載信息的展示夭禽,克制化的增加主題設(shè)計霞掺,一旦過于開放個性化,會嚴(yán)重影響用戶體驗(yàn)及界面的美觀性讹躯,預(yù)留幾處可修改菩彬,可運(yùn)營的入口即可,還是以用戶在高速駕駛的情景下安全高效的使用系統(tǒng)為一切個性化的基礎(chǔ)蜀撑。目前特斯拉挤巡,小鵬、蔚來酷麦,包括車聯(lián)網(wǎng)平臺Android Auto以及Carplay矿卑,都使用了深淺色主題,相信未來會有更多個性化的主題出現(xiàn)沃饶,提升車機(jī)系統(tǒng)的用戶體驗(yàn)母廷。
汽車智能座艙的操作系統(tǒng)還有很多可以挖掘的設(shè)計細(xì)節(jié)轻黑,未來也會像手機(jī)OS一樣,形成一套非常完整的設(shè)計體系和規(guī)范琴昆,踐行者特斯拉在不斷的迭代和優(yōu)化著車載系統(tǒng)的用戶體驗(yàn)氓鄙,還會有更多的顛覆者創(chuàng)造智能化,讓汽車更懂人性业舍。未來可期抖拦,智能化的操作系統(tǒng)勢必會成為所有主機(jī)廠在百年汽車的發(fā)展長河中,最具競爭力的“武器”舷暮,期望未來每一個用戶都能享受智能網(wǎng)聯(lián)化在汽車行業(yè)的顛覆帶來的個性化服務(wù)态罪。