3. 信息架构设计:功能模块划分、信息层级梳理、导航流程设计
信息架构,说白了就是给座舱里的所有功能找个「家」。
我刚开始做HMI时,总觉得把功能堆上去就行。结果呢?用户找个空调设置要翻三层菜单。嗯,那体验简直灾难。
这一章,我们就聊聊怎么把功能模块分清楚、把信息层级理干净、把导航流程画顺畅。
3.1 功能模块划分:先分堆,再细化
拿到需求文档,别急着画界面。我习惯先做一件事——功能聚类。
把所有功能列出来,按使用场景和频次分组。座舱里常见的模块,我总结下来就这几类:
| 模块 | 典型功能 | 使用频次 |
|---|---|---|
| 驾驶信息 | 车速、续航、里程、驾驶模式 | 高频(每次驾驶) |
| 导航 | 地图、路线规划、充电站搜索 | 中高频 |
| 媒体娱乐 | 音乐、电台、视频、游戏 | 中频 |
| 车辆控制 | 空调、座椅、门窗、灯光 | 中频 |
| 通讯 | 电话、消息、联系人 | 低频 |
| 设置 | 系统偏好、账户、更新 | 低频 |
我的习惯:先画一张「功能卡片墙」。每张卡片写一个功能,然后在地板上摆来摆去。物理移动比在软件里拖拽更直观。
分好大类后,再往下拆。比如「车辆控制」可以拆成:
- 空调:温度、风量、风向、分区控制
- 座椅:位置、加热、通风、按摩
- 门窗:车窗升降、门锁、儿童锁
- 灯光:车内氛围灯、阅读灯、迎宾灯
每个子功能再继续拆,直到拆到「一个操作就能完成」的粒度。比如「温度」就是调高调低,不需要再往下分了。
避坑指南:我曾经在一个项目中,把「座椅记忆」拆成了「记忆1」「记忆2」「记忆3」三个独立功能。结果用户反馈说「我记不住哪个是哪个」。后来改成了「驾驶员1」「驾驶员2」「访客」,清晰多了。命名要贴近用户认知,别用技术编号。
3.2 信息层级梳理:深还是浅?这是个问题
功能分好了,接下来要决定它们怎么「叠」起来。
信息层级,我一般分三层:
- 顶层(一级):主界面、快捷卡片、全局状态栏
- 中间层(二级):功能模块主页、列表页、概览页
- 底层(三级):详情页、设置页、编辑页
你想想看,用户从顶层到底层,最多点几次?
我个人有个「三击原则」:任何功能,最多点三下必须到达。超过三下,用户就会烦躁。
举个例子,调节空调温度:
- 好的设计:主界面 → 点击温度数字 → 滑动调节(2步)
- 差的设计:主界面 → 进入车辆控制 → 进入空调 → 进入温度设置 → 调节(4步)
为什么会这样?因为很多设计师把「功能完整」放在了「效率」前面。但座舱里,效率才是王道。
核心原则:
- 高频功能放浅层(1-2步可达)
- 低频功能放深层(3步以内)
- 紧急功能(如双闪、除雾)必须常驻顶层
我习惯用「信息架构树」来梳理层级。下面这张图,就是一个典型的座舱信息架构:
3.3 导航流程设计:让用户不迷路
层级定好了,接下来就是「怎么走」的问题。
导航流程,我把它分成三种模式:
| 导航模式 | 适用场景 | 例子 |
|---|---|---|
| 线性导航 | 设置向导、OTA升级流程 | 下一步 → 下一步 → 完成 |
| 星型导航 | 功能模块内部切换 | 空调 → 温度/风量/风向(平行切换) |
| 网状导航 | 跨模块跳转、全局搜索 | 导航中直接搜索充电站并设置 |
我建议,主流程用线性或星型,网状导航作为补充。为什么?因为网状导航虽然灵活,但用户容易「走丢」。你想想看,从一个功能跳到另一个功能,再跳回来,层级一乱,用户就不知道自己在哪了。
我的小技巧:每次设计导航流程,我都会画一张「用户旅程图」。把用户从「想做什么」到「做完离开」的每一步都画出来。然后问自己:这一步真的需要吗?能不能合并?能不能跳过?
举个例子,用户想「设置导航去充电站」:
- 用户点击导航模块(1步)
- 输入或选择充电站(2步)
- 确认路线(3步)
- 开始导航(4步)
嗯,4步,可以接受。但如果用户想「在听歌时设置导航」,怎么办?
这时候就需要全局搜索或语音助手了。用户直接说「导航去最近的充电站」,一步到位。网状导航的价值就在这里。
避坑指南:我曾经在一个项目中,给所有功能都加了全局搜索入口。结果用户反馈「搜索出来的东西太多,不知道哪个是哪个」。后来我们加了分类筛选和「最近使用」推荐,才解决问题。搜索不是万能的,要配合上下文。
3.4 信息架构的验证方法
架构设计完了,怎么知道好不好?我一般用三个方法验证:
- 卡片分类法:找5-8个用户,把功能卡片给他们,让他们自己分类。如果用户的分组和你设计的一致,说明架构合理。
- 任务走查法:设定几个典型任务(如「调低空调温度」「设置导航去公司」),让用户走一遍流程,记录步骤数和出错点。
- 树形测试:只给用户看文字层级,不展示界面。让用户找到某个功能,看他们点了几次、选对了没有。
记住:信息架构不是一次定稿的。我每个项目至少迭代3轮。第一轮自己画,第二轮团队评审,第三轮用户验证。三轮下来,基本就稳了。