第四章 信息架构设计:功能模块划分、导航结构设计、内容优先级排序

好,咱们进入第四章。信息架构,说白了就是给座舱里的所有功能找个「家」。你想想看,一个智能座舱里有多少东西?导航、音乐、空调、车辆设置、座椅按摩、驾驶模式……如果这些功能乱糟糟地堆在一起,用户一上车就懵了。

我参与过好几个量产项目,最深的体会就是:信息架构没做好,后面UI画得再漂亮也是白搭。用户找不到功能,就会觉得你这系统「不好用」。嗯,今天咱们就把这块掰开揉碎了讲。

4.1 功能模块划分:先给功能分堆

功能模块划分,就是做「分类」。我个人习惯用「卡片分类法」来起步。找几张便签纸,把座舱里所有功能写下来,然后开始分组。

举个例子,一个典型的智能座舱功能清单:

  • 导航、路况、充电站搜索
  • 音乐、电台、蓝牙电话
  • 空调温度、风量、座椅加热
  • 车辆设置、驾驶模式、灯光
  • 行车记录仪、360影像
  • 个人中心、账号、消息

这些功能怎么分?我一般会遵循一个原则:用户使用场景优先,技术归属其次。什么意思?

核心原则:把用户「经常一起用」的功能放在同一个模块里。比如「导航」和「路况」肯定在一起,「空调」和「座椅加热」也在一起。

我在项目中遇到过一种情况:工程师把「座椅记忆」放在了「车辆设置」里,但用户每次上车都想调座椅,结果得点三层菜单才能找到。后来我们把它挪到了「快捷控制」区域,用户满意度直接上来了。你看,这就是模块划分没做对。

常见的模块划分方式,我整理了一个表格:

模块名称 包含功能 用户场景
驾驶信息 仪表盘、导航、路况、ADAS 开车时最需要看的信息
娱乐媒体 音乐、电台、视频、蓝牙 停车或副驾使用时
舒适控制 空调、座椅、氛围灯、香氛 调节车内环境
车辆设置 驾驶模式、灯光、门锁、充电 偶尔调整车辆参数
个人中心 账号、消息、应用管理 个性化设置

注意,这个表格不是死的。不同车型、不同用户群体,模块划分会有差异。比如运动型车,可能要把「驾驶模式」单独拎出来放在首页。

4.2 导航结构设计:让用户知道自己在哪

模块分好了,接下来就是导航结构。说白了,就是用户怎么从一个功能跳到另一个功能。

座舱HMI的导航结构,我总结下来主要有三种:

  1. 标签式导航:底部或侧边固定几个主标签,点击切换。比如「首页」「车辆」「设置」。
  2. 层级式导航:从首页进入二级页面,再进入三级页面。比如「设置」→「显示」→「亮度」。
  3. 混合式导航:标签式 + 层级式结合。这是目前最主流的做法。

我个人比较推荐混合式。为什么?因为座舱里有些功能需要快速切换(比如音乐和导航),有些功能则不需要频繁访问(比如系统更新)。

小技巧:导航层级不要超过3层。用户点3次还找不到想要的功能,就会烦躁。我曾经见过一个项目,车辆设置里藏了5层菜单,用户想调个氛围灯颜色得点6次……后来被用户吐槽惨了。

导航结构设计时,有几个坑要避开:

  • 不要把所有功能都放在首页。首页应该是「高频功能」的集合,不是功能大全。
  • 保持导航一致性。比如「返回」按钮的位置,在整个系统中应该统一。
  • 考虑驾驶安全。驾驶中的操作,导航路径要尽量短,最好一步到位。

嗯,这里要注意:导航结构设计完,一定要做「走查测试」。找几个同事,让他们完成一些任务,比如「打开座椅加热并调到3档」。看他们需要点几次、走多少弯路。这个测试能帮你发现很多问题。

4.3 内容优先级排序:什么该放C位

内容优先级排序,就是决定「什么信息最重要、最应该被用户第一眼看到」。

我常用的方法是「用户任务分析法」。把用户上车后可能做的任务列出来,然后按频率和重要性打分。

举个例子:

用户任务 使用频率 重要性 优先级
查看续航里程 每次上车 P0(最高)
调节空调温度 每天多次 P0
切换音乐 每天多次 P1
设置充电时间 每周1-2次 P2
查看用户手册 极少 P3

P0级别的功能,必须放在首页或者一级菜单里。P3级别的,可以藏在二级甚至三级页面里。

警告:不要把所有功能都标成P0。我见过有些产品经理,每个功能都说「这个很重要」,结果首页塞了十几个入口,用户反而找不到重点。记住:优先级排序的本质是「做减法」

内容优先级排序还有一个维度:驾驶场景 vs 停车场景。驾驶中,导航、车速、续航这些信息优先级最高;停车时,娱乐、设置、个人中心优先级可以提升。好的信息架构,应该能感知场景并动态调整内容的展示优先级。

我曾经参与过一个项目,我们把「续航里程」和「附近充电站」放在了首页最显眼的位置。结果用户反馈说「一上车就看到续航焦虑」。后来我们改成了「默认显示导航信息,续航低于20%时才自动弹出充电建议」。你看,优先级不是死的,得结合用户心理来调整。

4.4 实战:信息架构的输出物

信息架构设计完,要输出什么?我一般会交付三样东西:

  1. 功能模块清单:每个模块包含哪些功能,用表格列清楚。
  2. 导航结构图:用树状图画出从首页到每个功能的路径。
  3. 内容优先级矩阵:用2x2矩阵(频率×重要性)标出每个功能的位置。

举个例子,导航结构图大概长这样:

首页
├── 驾驶信息
│   ├── 导航
│   ├── 路况
│   └── 续航
├── 娱乐媒体
│   ├── 音乐
│   ├── 电台
│   └── 蓝牙电话
├── 舒适控制
│   ├── 空调
│   ├── 座椅
│   └── 氛围灯
└── 车辆设置
    ├── 驾驶模式
    ├── 灯光
    └── 系统设置

这个图看起来简单,但做起来很考验功力。每个分支的深度、每个功能的归属,都需要反复推敲。

我的习惯:信息架构设计阶段,我会用Axure或Figma画一个「线框图级别的原型」,只展示结构和内容位置,不纠结视觉细节。这样能快速验证架构是否合理。等架构定下来,再开始做高保真设计。

好,第四章的内容就到这里。信息架构是座舱HMI的骨架,骨架歪了,后面再怎么装修也救不回来。下一章咱们聊「交互流程设计」,到时候会讲到手势操作、反馈机制这些更细的东西。

记住一句话:好的信息架构,用户感觉不到它的存在;不好的信息架构,用户每时每刻都在骂它