肩負(fù)著 2022 年理想汽車 L 系旗艦使命的 L9 已經(jīng)交付半年有余。23 年，理想也迎來 L 系 7/8/9 車型全面開花的局面，以五屏多維交互為賣點(diǎn)和噱頭的新一代智能座艙系統(tǒng)也正在經(jīng)歷著市場和用戶的驗(yàn)證。

理想的車機(jī)一直就帶有著易用/美觀/流暢的標(biāo)簽，從 ONE 上面的儀表/中控/副駕三聯(lián)屏+空調(diào)控制屏，到 L9 上的中控/副駕雙聯(lián)屏+后排娛樂屏，車機(jī)的信息結(jié)構(gòu)和界面布局都發(fā)生了極大變化，隨之帶來的是交互操作和視覺感官上也有了新的體驗(yàn)。這種新，是延續(xù)了理想 ONE 的易用性？還是隨著屏幕增大帶來了一定的設(shè)計(jì)困擾？讓我們來跟你細(xì)細(xì)聊一聊。

更多HMI設(shè)計(jì)干貨：

首先拋出我們的觀點(diǎn)，理想 L9 的座艙車機(jī)體驗(yàn)在 2022 年發(fā)布的車型里，無論是信息羅列交互邏輯還是視覺 UI 動畫效果以及流暢度，依然是處于第一梯隊(duì)。但由于屏幕的可視面積增大，信息和功能如何在這塊大屏幕中更高效率的呈現(xiàn)和使用，有一定的提升空間，UI 的精致和美觀度，也還可以再精細(xì)化的打磨。

在理想 L 系的車機(jī)系統(tǒng)里，我們使用頻率最高的應(yīng)該是主界面的卡片，導(dǎo)航及音樂，還有空調(diào)系統(tǒng)的控制。在主界面上，我認(rèn)為現(xiàn)有的 L 型功能分布是合理的，但在 UI 的視覺呈現(xiàn)上，稍微顯得有一些復(fù)雜，或許設(shè)計(jì)師的初衷是讓這部分的功能分區(qū)更明顯，按鈕的可點(diǎn)擊感和視覺指引更突出，但我覺得還可以做一些層級的簡化和歸類，減少模塊之間因?yàn)榉謪^(qū)的間距帶來的割裂感。

因此在全局的操作框架上，在保留現(xiàn)有的功能分區(qū)和操作邏輯的前提下，我重新做了視覺層級的梳理和歸類，讓功能區(qū)的 UI 視覺盡可能的簡潔，同時(shí)保證原有的視覺指向清晰。

這里我是這么設(shè)計(jì)的，首先弱化視覺上的區(qū)塊感；用圖標(biāo)高亮來顯示當(dāng)前狀態(tài)；收窄左側(cè)面欄寬度，提升右側(cè)內(nèi)容區(qū)顯示面積。除了導(dǎo)航/音樂/攝像頭之外，還可以擴(kuò)展一個(gè)常用功能至左側(cè)菜單。這里留了一個(gè)可以討論的地方，那就是下面三個(gè)全局入口保持固定不變外，上面的一級入口是否可以讓用戶自定義？這樣的話可以把一些用戶自己常用的功能提到這個(gè)入口來，相當(dāng)于新增了一個(gè)應(yīng)用快捷方式入口。

底部的操作欄，我把功能分區(qū)用間距和豎線來區(qū)隔，減少底部信息由于“模塊化”帶來的割裂感，同時(shí)新增一個(gè)秘密模式入口，駕駛模式切換在方向盤屏幕操作的便利性比在這里要便捷很多，因此從這里拿掉了。

這就是關(guān)于常駐操作區(qū)域我的優(yōu)化方案，是不是“看起來”干凈整齊多啦？

接下來我們聊聊右側(cè)的卡片。記得在春節(jié)期間 @賀磊 提到過：“ 導(dǎo)航不需要霸屏，可以留一個(gè)區(qū)域顯示音樂，并且下半部分顯示歌詞，副駕也可以跟著哼幾句，導(dǎo)航+HUD 也可以兼顧開車不走錯(cuò)，如果卡片可以自定義拖拉寬度就更妙了。 ”作為每天顯示頻率最高的主界面，我也確實(shí)覺得目前卡片的信息利用率太低了。走訪了幾位車友，大家的一致感受有幾個(gè)點(diǎn)：

1. 天氣界面可以不需要那么大，有一個(gè)區(qū)域顯示當(dāng)前時(shí)間和天氣狀況就可以了；
2. 車輛的狀態(tài)和行駛信息默認(rèn)在第二屏，即便是拖動到第一屏來展示后，由于尺寸的原因要么看不了EID界面要么音樂控制和天氣卡片就會被擠到第二屏去，操作和顯示都不太方便。

于是我重構(gòu)了右側(cè)的卡片柵格，在現(xiàn)有的卡片尺寸基礎(chǔ)上拓展出一個(gè) mini 卡片，在有限的空間內(nèi)效率更高的展示更多用戶想要的內(nèi)容。

這里的 mini 卡片，也可以有更多的想象空間。行駛里程 / 小計(jì)里程統(tǒng)計(jì) / 胎壓 / 水溫 / 海拔高度 / 當(dāng)前車內(nèi)溫度，其實(shí)都可以在這個(gè)小空間內(nèi)輪播展示。畢竟中控屏幕就那么一塊，在 13 寸的屏幕上如何合理的寸土寸金利用好，我相信理想的設(shè)計(jì)師們也在考慮。

除了 mini 卡片，首頁還可以設(shè)置導(dǎo)航或者 EID 界面變成大卡片模式，這樣在不需要進(jìn)入導(dǎo)航或 EID 界面，就能在首頁進(jìn)行一些基礎(chǔ)的功能操作，實(shí)現(xiàn)真正的 0 層級交互。

好了，如上就是我優(yōu)化后的主頁界面。當(dāng)然如果不需要大的導(dǎo)航界面，也可以切換回現(xiàn)有的展示方式，不沖突。全局對比看下來，我個(gè)人覺得界面里模塊之間的間距變少了，信息整合度更高了。這個(gè)優(yōu)化在淺色界面可能更容易出效果，可我只有深色界面 JPG，所以就先這樣吧。

before

除了主界面之外，現(xiàn)在的 L 系車主在全屏幕使用導(dǎo)航的時(shí)候不知道有沒有這樣的一個(gè)痛點(diǎn)。想看當(dāng)前播放的音樂，或者車輛里程行駛信息，或者 EID 界面的時(shí)候，都需要從當(dāng)前導(dǎo)航界面跳轉(zhuǎn)出去，在另一個(gè)界面完成信息的獲取和操作。那有沒有可能有一個(gè)小比例的副窗口，多任務(wù)處理信息呢？用過折疊屏手機(jī)和 Pad 的同學(xué)都知道，分屏功能很實(shí)用，在一部分的橫屏車機(jī)上也有這樣的交互功能，我也給咱們 L 車主做了一個(gè)，一起來看看。

我來做一下設(shè)計(jì)說明哈。當(dāng)進(jìn)入全屏應(yīng)用后，點(diǎn)擊右下角的“分屏”按鈕，即可進(jìn)入分屏模式。默認(rèn)可能是音樂或者 EID 界面，拖動可以進(jìn)行左右界面順序的切換（按照咱們 8155 的算力，如果能進(jìn)行雙卡片的任意拖動和尺寸自定義就更牛了）。副窗口可以顯示音樂/EID/車輛信息等等，由于尺寸與主界面卡片一致，因此信息可以完全復(fù)用，不會增加研發(fā)和 UI 成本；右滑或者左滑卡片，就將副窗口劃出界面就可以返回到全屏模式，這個(gè)交互操作跟 iPad 和折疊屏手機(jī)可以定義成一模一樣，減少用戶的學(xué)習(xí)成本。

以上，即是我對現(xiàn)有車機(jī)界面自己理解后做出的一些小小優(yōu)化，僅作為我自己的解題思路，也算拋轉(zhuǎn)引玉，希望車機(jī)越來越順手，越來越好用。當(dāng)然，這份方案里也還有很多交互和視覺層面的細(xì)節(jié)還沒有考慮周全，也希望和大家一起切磋討論。2023 年，關(guān)于車機(jī)我還有更多可以聊，一起期待一下吧！