汽車產(chǎn)業(yè)鏈正在進(jìn)行一場自內(nèi)而外的革新運動。隨著自動駕駛技術(shù)的逐步成熟，汽車也正在從機械的1.0時代和電子的2.0時代，步入智能化的3.0時代。
過去人與汽車的關(guān)系是【人適應(yīng)汽車】，現(xiàn)在變成【汽車服務(wù)于人】，用戶從【駕】車演變成【玩】車，汽車與互聯(lián)網(wǎng)的結(jié)合，正在變?yōu)檩d著“最強大腦”的巨型智能硬件，四個輪子+一部超強運算計算機，變革了用戶的駕駛體驗；互聯(lián)網(wǎng)與汽車制造業(yè)的結(jié)合，更是加速了工業(yè)產(chǎn)品數(shù)字化轉(zhuǎn)型和落地的可能性，改變了汽車產(chǎn)業(yè)的各個方面。
在3.0智能汽車時代，智能化的汽車操作系統(tǒng)作為決定用戶體驗的核心因素，各大主機廠也紛紛投入精力自研操作系統(tǒng)，押注于軟件帶來的升級服務(wù)成為新的盈利點，希望將對汽車的控制權(quán)、用戶的數(shù)據(jù)掌握在自己手中。身處于車聯(lián)網(wǎng)行業(yè)，我談?wù)剛€人對車聯(lián)網(wǎng)操作系統(tǒng)設(shè)計趨勢的見解。
一、快
在行車場景下，面對復(fù)雜的路況，用戶的注意力和視線必須聚焦在前方路面，如何更快速的在碩大的屏幕上快速找到想要的功能，與汽車進(jìn)行更自然的互動，系統(tǒng)能更高效、更快速的做出反饋，這對操作系統(tǒng)的人機交互布局提出了很高的要求：
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)航信息，并可以點擊放大。多媒體也是行車場景下最易使用的應(yīng)用之一，在交互布局上也應(yīng)有快速控制播放器的入口，便于用戶暫停播放或者切換音源。圖1為三家新能源車企的車載智能系統(tǒng)，均將地圖導(dǎo)航置于人機交互的核心區(qū)，并且最大程度顯示地圖信息；多媒體、通訊、車輛等作為次一級常用功能，整合歸類于同一容器，通常以圖標(biāo)導(dǎo)航欄或者widget部件窗口展示?？梢钥闯鲭m然三家車企的頁面結(jié)構(gòu)不同，但是都是遵循一個思路：功能分類、頁面分區(qū)（視覺重心和人機工程學(xué)）、地圖最大化、重點功能整合這幾個重要步驟。
1.2、減少層級關(guān)系，頁面流轉(zhuǎn)順暢有秩序；
駕駛的特殊場景下，車載系統(tǒng)需盡可能在主界面就完成大部分操作需求，需要進(jìn)一步設(shè)置時，再跳轉(zhuǎn)二級頁面。二級頁面的框架定義要清晰明了，簡化操作流程，避免出現(xiàn)大量需要用戶設(shè)置的選項；在頁面之間切換時，避免將入口定義太深，需要用戶不斷重復(fù)【下一步】，返回時還要重復(fù)【返回】才能回到主頁面。每一個應(yīng)用都需要遵循通用的二級頁面框架，在定義框架時要盡可能滿足每一個預(yù)裝應(yīng)用以及第三方應(yīng)用的需求。頁面間的跳轉(zhuǎn)也要講究一致性，是轉(zhuǎn)屏、還是浮窗，需要全盤考慮。
圖中列舉的三家新勢力造車的車載系統(tǒng)，均使用了浮窗的形式進(jì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īng)，對于行駛中的用戶是非常不友好的；二是在界面設(shè)計時，任何可交互可點擊的區(qū)域，都要有設(shè)計反饋，包括圖標(biāo)的設(shè)計必須符合人機工程學(xué)，人的手臂長度大約為90厘米，手指平均寬度為1.5-2.0厘米（45像素），大拇指能達(dá)到72px，圖標(biāo)的大小不要小于單個手指觸控范圍。在點擊樣式上，也要有明顯的反饋，比如放大、彈跳、變色或者加背景等形式；三是事件反饋上，通過細(xì)膩的動效給用戶以成功失敗、正確錯誤、完成取消的反饋，增加頁面的設(shè)計細(xì)節(jié)和體驗。
1.4 UI可視化程度高；
車載系統(tǒng)的UI風(fēng)格定義和手機app不同，APP可以根據(jù)品牌和服務(wù)，設(shè)計充滿多樣性、個性化的視覺風(fēng)格。但車載系統(tǒng)的設(shè)計風(fēng)格，需要考慮通用性和集成性，還有駕駛場景的特殊性，在風(fēng)格的設(shè)計上，以可視化作為視覺風(fēng)格的標(biāo)準(zhǔn)，在增加品牌獨特化，追求視覺炫酷效果的同時，需要考慮用戶特殊場景下的界面識別度，在展示產(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)一，有些是實心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)不僅僅有駕駛員，還會有副駕、后排成員，不同身份的用戶對于車機大屏的需求也不一樣。車載系統(tǒng)需要移植用戶對于手機的使用需求和習(xí)慣，在車內(nèi)使用車機完成手機能完成的所有任務(wù)，并給予更多的服務(wù)和價值。
1.1、多應(yīng)用；
為了不斷滿足用戶的需求，車載系統(tǒng)需要集成更多更豐富的應(yīng)用和小程序。不僅要求APP更好適配車機，還要在未來自動駕駛的趨勢下，研發(fā)更多的車載應(yīng)用，為車輛網(wǎng)賦能。這考驗了龐大的互聯(lián)網(wǎng)生態(tài)網(wǎng)絡(luò)，車輛開放越多的數(shù)據(jù)，車聯(lián)網(wǎng)越能提供更全面的服務(wù)，不僅是車輛的維修保養(yǎng)，還包括出行服務(wù)、支付場景，本地生活、移動社交、游戲等。
車載系統(tǒng)是用戶在封閉的場景下沉浸式的駕車體驗，駕駛員會更專注的聚焦于某個功能并快速的觸達(dá)，希望每一個應(yīng)用的進(jìn)入、返回保持同樣的操作邏輯，并有著一致的界面風(fēng)格呈現(xiàn)。所以在多應(yīng)用的趨勢下，車載系統(tǒng)的設(shè)計需要秉承完整、一體化的使用流程和用戶體驗，在信息架構(gòu)、導(dǎo)航方式、視覺界面上，需有一套詳細(xì)完整的設(shè)計規(guī)范，讓第三方應(yīng)用更好的適配車機系統(tǒng)，保持體驗的一致性。除了基礎(chǔ)的色彩、文本、圖標(biāo)、動效、框架等硬性規(guī)范外，還應(yīng)該有排版、圖形、留白、層級、結(jié)構(gòu)、窗口等規(guī)范的定義。這里提出模組化控件的概念，車載系統(tǒng)定義一套強大且完整的組件庫，一套針對于設(shè)計師，一套針對于研發(fā)，第三方應(yīng)用像搭積木一樣快速搭建界面，并實時預(yù)覽效果，既能快速自查，又能降低研發(fā)成本，最終保證整個系統(tǒng)使用的一致性。未來車載系統(tǒng)的設(shè)計規(guī)范，也會像IOS和Android一樣，通用性、擴(kuò)展性、一致性更強。下圖為Uber的UI元素設(shè)計規(guī)范，感興趣的可以詳細(xì)了解細(xì)節(jié)：https://brand.uber.com/。
1.2、多主題，場景化；
汽車的內(nèi)飾結(jié)構(gòu)決定了操作大屏的擺放位置和角度，受日間光照的影響，屏幕會出現(xiàn)不同程度的反光，導(dǎo)致信息閱讀性降低，不利于用戶視覺的聚焦和快速點擊。為了有更好的視覺體驗，車載系統(tǒng)定義了淺色模式、深色模式的主題切換，分別用于黑白天界面的顯示，用戶可以自定義主題切換，也可以根據(jù)日落時間自動切換主題。除了屏幕自身人機工程的因素決定了車機系統(tǒng)推出深淺色模式外，個性化設(shè)置也是提升用戶體驗的必要條件，隨著智能汽車操作系統(tǒng)的普及，消費者對于定制的需求越來越強烈，車作為大號的電子產(chǎn)品，除了環(huán)境因素外，更要充滿個性化，除了更換系統(tǒng)色彩外，車機系統(tǒng)還可以結(jié)合場景化提供不同的內(nèi)容和個性化推薦，比如結(jié)合生活服務(wù)場景，分析用戶的偏好，在功能入口顯示不同的內(nèi)容；或者在用戶生日或者紀(jì)念日時，在系統(tǒng)界面以對應(yīng)的祝福主題展示。盡管有很多自定義主題的需求，以及界面多樣化的展現(xiàn)形式，但必須注意的是，汽車駕駛的特殊場景下，必須保證內(nèi)容第一的原則，所有主題的設(shè)計不能干擾車載信息的展示，克制化的增加主題設(shè)計，一旦過于開放個性化，會嚴(yán)重影響用戶體驗及界面的美觀性，預(yù)留幾處可修改，可運營的入口即可，還是以用戶在高速駕駛的情景下安全高效的使用系統(tǒng)為一切個性化的基礎(chǔ)。目前特斯拉，小鵬、蔚來，包括車聯(lián)網(wǎng)平臺Android Auto以及Carplay，都使用了深淺色主題，相信未來會有更多個性化的主題出現(xiàn)，提升車機系統(tǒng)的用戶體驗。
汽車智能座艙的操作系統(tǒng)還有很多可以挖掘的設(shè)計細(xì)節(jié)，未來也會像手機OS一樣，形成一套非常完整的設(shè)計體系和規(guī)范，踐行者特斯拉在不斷的迭代和優(yōu)化著車載系統(tǒng)的用戶體驗，還會有更多的顛覆者創(chuàng)造智能化，讓汽車更懂人性。未來可期，智能化的操作系統(tǒng)勢必會成為所有主機廠在百年汽車的發(fā)展長河中，最具競爭力的“武器”，期望未來每一個用戶都能享受智能網(wǎng)聯(lián)化在汽車行業(yè)的顛覆帶來的個性化服務(wù)。
