三种形式的车机交互组件:抽屉、折叠面板和弹出窗

就像人体器官的功能使不同的细胞工作得更好一样，车辆界面的交互反馈组件也承担着类似的责任，以不同的承载形式更好地显示内容。

主要有三种形式的车机交互组件：抽屉、折叠面板和弹出窗。事实上，每种形式都有很多门道。

使用抽屉的习惯？

就像从主界面下拉出来的通知中心，从屏幕边缘向右拉出的侧栏，再加上手呼出的动态显示，它们的使用感觉和我们打开抽屉的感觉很像吗？

根据我们通常在抽屉里存放东西的习惯，放进去的东西通常是琐碎的、无关的、不紧急的，但必要时可以尽快得到，这些负屏幕的应用场景也是如此。其主要功能是补充和编辑方便的功能，以提高生活汽车场景的效率。

功能界面由需要用户主动唤起。上述集成的功能不能相关，功能属性也没有明确的限制。同时，用户也可以定制他们选择放什么和放多少。

蔚来ET5

此外，这些浮层面板上的功能允许存在两个层次，如相对较多的功能，相应的图标可以链接到较小层次的功能页面进行显示。

例如，如果将情景模式、音场调节、氛围灯等功能放在上面，用户需要点击二级菜单才能更准确地使用。

使用抽屉的好处是，我们可以停留在任何应用界面或主界面，打开并使用上述功能。当我们需要使用它时，我们可以快速找到它。

而且回收顺序一般是按照抽屉打开的顺序层层回收，操作过程不容易中断。

因此，判断浮层面板是否易于使用的标准也很明显，如唤起的动态显示、集成功能是否支持自定义、功能图标易于识别、界面和图标尺寸的统一等。

当然，“抽屉把手”——视觉引导也很重要。两个月后，同事们发现蔚来车主界面的侧栏几乎被我腐烂了。

简而言之，在进行相关的交互设计时，“视觉引导”和“操作引导”至少可以选择其中一个来确保其可发现性。

极狐阿尔法S HI版

为了保证功能的直观性和易用性，汽车企业也在努力简化层次。因此，座椅调节、空调等使用频率特别高的功能一般会单独提取，直接放在主界面上。

折叠面板有多重要？

为了保证主界面的简单画面效果，这些单独提取的功能将集成在几乎必要的卡栏或Dock栏上，实际上是折叠面板的一种类型。

理想L9

折叠面板是使界面干净整洁的手段之一，只保留显示最重要的信息，将隐藏的次要信息内容整合成新的二级页面。

其主要功能是对内容进行分类，更好地展示详细信息，同时提高用户的屏幕操作效率。

例如，音乐卡片栏一般只有当前的歌曲和操作按钮，导航卡片栏保留了搜索框和收藏地点的分类指导，用户可以直接使用，必要时点击查看所有功能界面。

也有一些车机玩了更多的花样，比如Flyme Auto的Smart Bar、鸿蒙OS空调无级调节和高合Hiphip Z OSMiniBar等。

Smart 在您打开应用程序回到主界面或打开多个应用程序后，Bar将使用上一个应用程序的关键信息对当前应用程序进行视觉提示。例如，打开音乐并打开导航，Smart Bar将呈现音乐功能的相关信息。

Flyme Auto

大家都熟悉鸿蒙OS主界面空调的无级调节，这也是很多车机效仿的对象。它的使用形式和高合Hiphi Z OSMiniBar的功能有些相似。

高合将Hiphi Bot解锁、空调、风量、音量的调节都是视觉引导边缘的形式，可以直接调节。所有场景都可以使用，屏幕面积很少。

另一种常见的折叠面板形式主要用于设置页面。它也可以有更多的层次，这取决于设计师的层次分类。将在第一层介绍下嵌入折叠面板。一般来说，新的折叠面板将默认收起。

当然，折叠面板的功能也需要用户主动唤起。从用户实际操作的角度来看，不建议在较小的层次菜单中重复嵌套折叠面板。毕竟，这在某种意义上增加了一个新的层次，不符合相关页面的布局属性。

给我留下深刻印象的是极狐阿尔法S车内的折叠面板，它在“设置”页面的相关设计上犯了两个错误。

极狐阿尔法S HI版

第一点基于其狭窄的长屏幕，操作逻辑应尽可能水平。事实上，它确实是这样设计的，但嵌套在设置界面第一行下的折叠面板尺寸相对较小，垂直浏览操作的形式不够方便。

第二点因为子面板上的内容也比屏幕长，所以它选择使用直瀑布浏览与整个大页面分离，这也有点违反了我们的视觉习惯。整个折叠面板和手流的视觉体验会更舒适。

因此，它在操作中也给了Plan B：点击屏幕底部的功能名称，它会自动跳出一行。但在这样一个狭长的屏幕上重复这个操作很容易让用户失去耐心。

不难看出，特殊的屏幕尺寸往往更难设计操作逻辑，折叠面板也是三种交互形式中最相关的一种，也是评价车辆使用方便性的关键标准之一。

弹窗的不可替代性？

接到OTA通知时，相关内容会直接弹出界面提醒用户。是的，这种类似对话框的交互形式是第三种常见的交互组件：弹出窗口。它的主要功能是补充内容，在警告等关键信息提示中起着不可替代的作用。

弹出窗口的交互场景相对较广，可以由系统触发，可以由用户主动唤起，也可以由用户间接触发。

系统触发的功能界面通常是关键任务类型，如上述OTA通知或车辆紧急故障提醒。它希望用户优先考虑紧急事务，但不想中断原来的操作过程，弹出窗口已经成为最合适的方式。它不仅可以吸引注意力，而且可以避免页面跳转。

理想L9

也有许多弹出窗口界面是由用户主动唤起的，但其中大部分是普通功能。例如，阿维塔车主页上的音量调节功能、理想L9上的模式切换功能、鸿蒙系统中较小的层次功能显示形式等。

问界M5

目前，用户使用功能间接触发来唤起弹出窗口的场景相对较少。频率较高的是，在座椅调整后，系统弹出窗口询问是否需要记住坐姿功能。大多数汽车都有，但不同汽车弹出窗口的位置会有一些差异 。

弹出窗作为普通功能的承载组件，需要尽量选择内容篇幅小、体积小的功能，更注重可识别性。

写在最后

这三种交互组件在某些维度上是相似的，但在某些场景中是不可替代的。它们也可以组合使用。不同的车辆和机器在逻辑上也会有自己对某些交互组件的偏好。

理想L9

比如理想、捷尼赛思、大众ID系列的车机更喜欢卡片栏的应用，保证了操作的直观性。

另一个例子是鸿蒙OS的特点非常鲜明，信息显示足够简单，只有一层抽屉，没有引入侧栏。

问界M5

它显然更喜欢折叠面板结合弹出窗口的形式，如车辆设置和主页右下角的音量调整界面。以音量调整为例，用户可以首先在折叠面板上调整当前音量，点击屏幕中央的小标记，以调整所有音量。

事实上，如果这三个交互组件符合用户场景、信息内容长度和优先级、屏幕形式和尺寸，至少在使用逻辑上不会出错。

但需要注意的是，同类功能界面的组件不能混淆不同组件的使用，以保持用户的惯性思维和交互反馈的一致性。

最近Flyme Auto的实车体验视频真的很受欢迎，但是网友们对这个车机系统也褒贬不一。我觉得关键原因就在这里。