就和人體內(nèi)的器官各司其職能讓不同的細(xì)胞更好地工作一樣，車機(jī)界面的交互反饋組件也承擔(dān)著類似的責(zé)任，以不同的承載形式確保內(nèi)容更好地展現(xiàn)。

現(xiàn)在的車機(jī)用的比較多的交互組件形式主要有三種：抽屜、折疊面板和彈窗。其實(shí)每一種形式都大有門道。

抽屜的使用習(xí)慣？

像主界面下拉出來的通知中心，從屏幕邊向右拉出的側(cè)邊欄，再加上跟手呼出的動(dòng)效展示，它們的使用感受是不是和我們拉開抽屜的感覺很像？

按照我們平時(shí)在抽屜里收納東西的習(xí)慣，放進(jìn)去的東西一般都是比較瑣碎、無關(guān)聯(lián)、不緊急但有需要時(shí)又能以最快速度拿到的，這些負(fù)一屏的應(yīng)用場(chǎng)景也是如此。主要作用是補(bǔ)充、可編輯便捷功能，提高生活用車場(chǎng)景效率。

功能界面由需要用戶主動(dòng)喚起，上面集成的功能可以沒有關(guān)聯(lián)性，功能屬性也沒有明確的約束，同時(shí)用戶也可以自定義選擇放哪些、放多少。

蔚來ET5

另外，這些浮層面板上的功能容許兩個(gè)層級(jí)的存在，比如涉及到呈現(xiàn)內(nèi)容相對(duì)較多的功能，對(duì)應(yīng)的圖標(biāo)可以鏈接到更小層級(jí)的功能頁(yè)面進(jìn)行展示。

比如情景模式、音場(chǎng)調(diào)節(jié)、氛圍燈等功能如果放在上面，需要點(diǎn)進(jìn)二級(jí)菜單用戶才可以更精確地進(jìn)行使用。

使用抽屜的好處在于我們可以停留在任意應(yīng)用界面或者主界面打開并使用上面的功能，需要使用時(shí)劃拉一下就能快速找到。

并且收回順序一般也是按照抽屜打開的順序?qū)訉邮栈?，操作流程不容易出現(xiàn)中斷。

因此，評(píng)判浮層面板是否好用的標(biāo)準(zhǔn)也顯而易見，比如喚起的動(dòng)效展示、集成的功能是否支持自定義，功能圖標(biāo)的易識(shí)別性，界面以及圖標(biāo)尺寸的統(tǒng)一性等。

當(dāng)然，“抽屜把手”——視覺引導(dǎo)也很重要，關(guān)于同事過了兩個(gè)月才發(fā)現(xiàn)蔚來車機(jī)主界面的側(cè)邊欄這個(gè)例子都快被我用爛了。

總之，在進(jìn)行相關(guān)的交互設(shè)計(jì)時(shí)，“視覺引導(dǎo)”和“操作引導(dǎo)”至少擇其一才能保證它的可發(fā)現(xiàn)性。

極狐阿爾法S HI版

為了保證功能的直觀性和易用性，目前車企們也都在不約而同地努力簡(jiǎn)化層級(jí)，所以像座椅調(diào)節(jié)、空調(diào)等使用頻率特別高的功能一般都會(huì)被單獨(dú)拎出來直接放在主界面上。

折疊面板多重要？

而為了保證主界面簡(jiǎn)潔的畫面效果，這些被單獨(dú)拎出來的功能就會(huì)被集成在現(xiàn)在車機(jī)幾乎必備的卡片欄或是Dock欄上，它們其實(shí)是折疊面板的一種類型。

理想L9

折疊面板是讓界面干凈整潔的手段之一，只保留最重要的信息進(jìn)行展示，隱藏的次要信息內(nèi)容會(huì)整合成一個(gè)新的二級(jí)頁(yè)面。

它的主要作用是給內(nèi)容做歸類劃分，更好地展示詳細(xì)信息，同時(shí)提高用戶的屏幕操作效率。

比如音樂的卡片欄第一眼看上去一般只有當(dāng)前歌曲以及操作按鍵，導(dǎo)航卡片欄保留搜索框和收藏地點(diǎn)的分類引導(dǎo)，用戶可以直接使用，必要時(shí)點(diǎn)開就可以看到全部的功能界面。

也有一些車機(jī)玩出了更多花樣，比如Flyme Auto的Smart Bar、鴻蒙OS的空調(diào)無級(jí)調(diào)節(jié)和高合Hiphi Z OS的MiniBar等等。

Smart Bar會(huì)在你打開應(yīng)用回到主界面或是打開多個(gè)應(yīng)用后，用上個(gè)應(yīng)用的關(guān)鍵信息對(duì)當(dāng)前正在使用的應(yīng)用進(jìn)行視覺提示。比如你打開音樂后又打開導(dǎo)航，Smart Bar會(huì)呈現(xiàn)音樂功能的相關(guān)信息。

Flyme Auto

鴻蒙OS主界面空調(diào)的無級(jí)調(diào)節(jié)大家也都很熟悉了，這也是現(xiàn)在很多車機(jī)效仿的對(duì)象，它的使用形式和高合Hiphi Z OS的MiniBar的功能是有些相似性的。

高合將Hiphi Bot解鎖、空調(diào)、風(fēng)量以及音量的調(diào)節(jié)都做成了視覺引導(dǎo)邊邊的形式，可以直接上手調(diào)節(jié)，所有場(chǎng)景可用，同時(shí)也幾乎沒有占屏面積。

另外一種常見的折疊面板形式主要應(yīng)用于設(shè)置頁(yè)面，它也容許存在更多層級(jí)，由設(shè)計(jì)師的層級(jí)分類來決定，會(huì)有在第一層級(jí)介紹的下方再嵌套一個(gè)折疊面板的情況。在一般情況下新的折疊面板會(huì)默認(rèn)收起。

當(dāng)然，折疊面板的功能也是需要用戶主動(dòng)喚起的。從用戶實(shí)際操作的角度來看，在比較小的層級(jí)菜單里也不建議重復(fù)嵌套折疊面板，畢竟這在某種意義上增加了新的層級(jí)，也不太符合相關(guān)頁(yè)面的排布屬性。

令我印象比較深刻的就是極狐阿爾法S車機(jī)里的折疊面板了，它在“設(shè)置”頁(yè)面的相關(guān)設(shè)計(jì)上犯了2個(gè)錯(cuò)誤點(diǎn)。

極狐阿爾法S HI版

第一點(diǎn)是基于它本身高度比較窄的長(zhǎng)屏，操作邏輯應(yīng)該盡量以橫向?yàn)橹?，事?shí)上它也確實(shí)是這樣設(shè)計(jì)的，但在設(shè)置界面的第一行層級(jí)下嵌套的折疊面板尺寸比較小，采用豎向?yàn)g覽操作的形式是不夠方便的。

第二點(diǎn)在于，由于子面板上的內(nèi)容也比較多導(dǎo)致面板高度比屏幕還長(zhǎng)，這時(shí)它選擇采用直瀑式瀏覽的形式與整個(gè)大頁(yè)面是分離出來的，這與我們的視覺習(xí)慣也是有點(diǎn)違和的。整個(gè)折疊面板跟手流動(dòng)的的視覺體驗(yàn)會(huì)更舒適一些。

因此它也在操作上給了Plan B：點(diǎn)擊屏幕最下面的功能名稱，它會(huì)自動(dòng)向上跳出一行。但在這樣長(zhǎng)窄的屏幕上重復(fù)如此操作也會(huì)容易使用戶失去耐心。

不難看出特殊的屏幕尺寸對(duì)于操作邏輯的設(shè)計(jì)往往是更難的，折疊面板也是三種交互形式中與其關(guān)聯(lián)度最高的一種，它也成為評(píng)價(jià)車機(jī)好用程度的關(guān)鍵標(biāo)準(zhǔn)之一。

彈窗的不可替代性？

當(dāng)車機(jī)接收到OTA通知的時(shí)候，相關(guān)內(nèi)容會(huì)直接在界面彈出提醒用戶。沒錯(cuò)，這種類似對(duì)話框的交互形式就是第三種常用交互組件：彈窗。它的主要作用也是給內(nèi)容作補(bǔ)充說明，同時(shí)在警告之類的關(guān)鍵信息提示方面具有不可替代的作用。

彈窗的交互場(chǎng)景就比較廣了，可以是系統(tǒng)觸發(fā)，可以由用戶主動(dòng)喚起，也可以由用戶間接觸發(fā)。

由系統(tǒng)觸發(fā)的功能界面往往是比較關(guān)鍵的任務(wù)類型，例如前面提到的OTA通知，或者車輛突發(fā)故障提醒，它希望用戶優(yōu)先處理緊急事務(wù)，但又不想中斷原本的操作流程時(shí)，彈窗就成了最合適的方式。既能引起注意，又能避免頁(yè)面的跳轉(zhuǎn)。

理想L9

由用戶主動(dòng)喚起的彈窗界面也有很多，但多數(shù)為普通功能。比如阿維塔車機(jī)主頁(yè)上的音量調(diào)節(jié)功能、理想L9上的模式切換功能、鴻蒙系統(tǒng)中更小的層級(jí)功能顯示形式等。

問界M5

由用戶使用功能間接觸發(fā)喚起彈窗的場(chǎng)景目前是比較少的。發(fā)生頻率比較高的是座椅調(diào)節(jié)后系統(tǒng)彈窗詢問是否需要記憶坐姿的功能，多數(shù)車都有，但不同車機(jī)彈窗的位置會(huì)有一些差別 。

將彈窗作為普通功能的承載組件時(shí)，需要盡量選擇內(nèi)容篇幅少、體量小的功能，更注重可識(shí)別性。

寫在最后

這三種交互組件在某些維度具有相似性，但在某些場(chǎng)景都有各自的不可替代性，兩兩之間也可以進(jìn)行搭配組合使用，不同車機(jī)在使用邏輯上也會(huì)有自己對(duì)于某種交互組件的偏愛。

理想L9

比如理想、捷尼賽思、大眾ID系列的車機(jī)就比較偏愛對(duì)于卡片欄的應(yīng)用，保證了操作的直觀性。

再比如鴻蒙OS的特點(diǎn)就很鮮明，信息展示夠簡(jiǎn)潔，只有一層抽屜，沒有引入側(cè)邊欄。

問界M5

它在層級(jí)的分類展示上明顯偏愛折疊面板結(jié)合彈窗的形式，比如車輛設(shè)置和主頁(yè)右下角的音量調(diào)節(jié)界面。拿音量調(diào)節(jié)來說，用戶可以先在折疊面板調(diào)節(jié)當(dāng)前音量，點(diǎn)擊旁邊的小標(biāo)會(huì)在屏幕中央出現(xiàn)彈窗，可以進(jìn)行所有的音量調(diào)節(jié)。

其實(shí)如果按照用戶場(chǎng)景、信息內(nèi)容篇幅和優(yōu)先級(jí)、屏幕形式和尺寸等關(guān)鍵要素對(duì)這三種交互組件進(jìn)行匹配，至少在車機(jī)的使用邏輯上是不會(huì)出錯(cuò)的。

不過需要注意的是，車機(jī)同類型功能界面的組件不可以混淆使用不同組件，要保持用戶的慣性思維和交互反饋的一致性。

最近Flyme Auto的實(shí)車體驗(yàn)視頻實(shí)實(shí)在在火了，但網(wǎng)友們也對(duì)這套車機(jī)系統(tǒng)褒貶不一，我想關(guān)鍵原因也是出在了這里吧。

返回第一電動(dòng)網(wǎng)首頁(yè) >