4. 信息架构设计:功能模块划分、导航结构设计
信息架构,说白了就是给座舱系统搭骨架。你想想看,用户坐进车里,面对一堆功能,怎么找到想要的?这全靠信息架构来兜底。我做了这么多年座舱项目,见过太多「功能堆砌型」的 HMI——每个功能都做得不错,但放在一起就是找不到。嗯,这就是架构没想清楚。
这一章,我们聊聊怎么把功能模块划清楚、导航结构怎么选、标签怎么起名、搜索怎么做。这些事看起来基础,但落地时坑特别多。
4.1 功能模块划分:从用户任务出发
模块划分,不是按技术归属来分的。我见过有人把「空调」和「座椅」放在不同层级,理由是它们属于不同 ECU。这不对。用户不会管你背后是哪个控制器,他只关心「我热了,想调温度」。
我个人习惯,先列用户任务清单。比如:
- 调节驾驶模式
- 设置导航目的地
- 播放音乐
- 接听电话
- 查看车辆状态
然后把这些任务归并成模块。常用的归并原则就三条:
| 原则 | 说明 | 例子 |
|---|---|---|
| 任务相关性 | 完成同一任务的功能放一起 | 导航设置 + 路线偏好 + 实时路况 |
| 使用频率 | 高频功能放浅层,低频放深层 | 音量调节在首页,均衡器在设置 |
| 心智模型 | 符合用户对「汽车」的认知 | 「车辆设置」包含灯光、门锁、驾驶辅助 |
4.2 导航结构设计:扁平、层级、混合
导航结构,决定了用户怎么在模块之间跳转。座舱里常用的就三种:扁平、层级、混合。我一个个说。
4.2.1 扁平导航
所有核心模块都在同一层,用户左右滑动或点击标签就能切换。适合功能少(5-7 个以内)的场景。
- 优点: 路径短,一步到位
- 缺点: 功能多了就乱,屏幕装不下
- 适用: 仪表盘、快捷控制中心
4.2.2 层级导航
功能按父子关系组织,用户需要逐层进入。比如「设置 → 显示 → 亮度」。
- 优点: 结构清晰,扩展性好
- 缺点: 路径长,用户容易迷路
- 适用: 系统设置、车辆详细配置
4.2.3 混合导航
这是座舱里最常用的方案。核心功能用扁平,次级功能用层级。比如首页放导航、音乐、空调三个大卡片,点进去再展开详细设置。
我的建议: 座舱项目,90% 的情况用混合导航就够了。扁平保证高频操作快,层级保证功能不溢出。别为了「简洁」硬上纯扁平,也别为了「规整」全做成层级。
下面这张图,是我常用的混合导航结构参考:
4.3 内容组织与标签系统
内容组织,就是决定每个页面里放什么、怎么放。标签系统,就是给这些内容起名字。这两件事做不好,用户就找不到东西。
4.3.1 内容组织的三个原则
- 渐进呈现: 先给概览,再给细节。比如音乐列表先显示歌名和歌手,点进去才显示专辑信息和歌词。
- 一致性: 同类内容用同样的布局。所有设置项都用「图标 + 名称 + 开关/箭头」的样式,别今天用卡片明天用列表。
- 就近原则: 相关联的内容放在一起。空调温度调节和风量调节,别隔开三屏。
4.3.2 标签系统的避坑指南
标签命名,我吃过不少亏。给你几个实际教训:
我曾经犯过的错: 把「驾驶辅助」写成「ADAS 设置」。结果用户根本不知道 ADAS 是什么,后来改成「辅助驾驶」,点击率直接翻倍。
标签命名的几条铁律:
| 原则 | 错误示例 | 正确示例 |
|---|---|---|
| 用用户语言 | HVAC 控制 | 空调 |
| 避免缩写 | ESP 设置 | 车身稳定控制 |
| 动词优先 | 导航目的地 | 去这里 |
| 长度控制 | 车辆外部灯光及信号控制 | 车灯设置 |
4.4 搜索与过滤机制
座舱里的搜索,和手机搜索不一样。用户开车时手眼都受限,搜索必须快、准、少操作。
4.4.1 搜索的三种模式
- 全局搜索: 从首页或固定入口进入,搜所有功能。适合功能多的系统(30+ 功能)。
- 局部搜索: 在某个模块内搜索。比如在音乐列表里搜歌名。
- 语音搜索: 座舱里最推荐的方式。用户说「调低空调温度」,系统直接执行。
我的经验: 全局搜索的入口一定要明显。我见过一个项目,把搜索图标放在设置页的第三级菜单里,结果根本没人用。后来挪到首页 Dock 栏,搜索使用率从 2% 涨到 18%。
4.4.2 过滤机制的设计要点
过滤,就是帮用户缩小范围。座舱里常见的过滤场景:
- 音乐列表: 按歌手、专辑、风格过滤
- 联系人: 按首字母、最近通话过滤
- 车辆设置: 按类别(安全、舒适、驾驶)过滤
过滤的交互方式,我建议用「标签式」而不是「下拉菜单」。为什么?因为开车时点标签比点下拉菜单容易得多,手指移动距离短,误触率低。
注意: 过滤条件不要超过 5 个。超过 5 个,用户就记不住当前选了什么。如果确实需要多条件,用「已选条件」的标签展示在顶部,让用户一目了然。
4.4.3 搜索结果的呈现
搜索结果怎么展示,也有讲究。我常用的规则:
| 结果数量 | 展示方式 | 例子 |
|---|---|---|
| 1-3 条 | 直接展示,高亮关键词 | 搜「空调」,显示空调控制面板 |
| 4-10 条 | 列表展示,带分类标签 | 搜「设置」,显示「显示设置」「声音设置」 |
| 10 条以上 | 分组展示,默认折叠 | 搜「音乐」,按歌手分组 |
嗯,信息架构这块,说到底就是让用户「不思考」就能找到东西。模块划清楚、导航选对型、标签起对名、搜索做顺手——这四件事做好了,座舱的体验就稳了八成。