第四章:信息架构——内容组织与分类、导航系统设计、搜索与过滤机制
各位同学,今天我们来聊聊信息架构。说实话,这是智能座舱设计里最容易被低估的一环。我见过太多团队,UI画得漂漂亮亮,交互动效炫酷无比,结果用户一上车就懵了——找不到空调在哪,音乐切不了歌,导航目的地输不进去。
为什么会这样?因为信息架构没做好。你想想看,座舱里的功能越来越多,从导航、音乐、电话,到座椅按摩、氛围灯、驾驶模式,如果不好好组织,用户就像走进一个没有货架的超市——东西堆了一地,谁也找不到想要的。
核心观点:信息架构不是画个菜单树就完事了。它决定了用户能不能在3秒内完成一个操作。3秒,这是我在多个项目中验证过的黄金时间。
4.1 内容组织与分类:给功能找个家
内容组织,说白了就是把所有功能分门别类放好。我个人的习惯是,先做卡片分类法——把每个功能写在一张卡片上,然后让真实用户去归类。别自己拍脑袋想,你猜用户会把“方向盘加热”放在哪里?空调菜单里?车辆设置里?还是舒适模式里?
我在项目中遇到过一件事。某款车型的“后视镜折叠”功能,工程师放在了“车辆设置-车身附件”下面。结果用户反馈说找了半天找不到。后来我们做了用户测试,发现90%的人第一反应是去“驾驶辅助”里找。为什么?因为用户觉得后视镜折叠跟停车、倒车有关。你看,这就是典型的分类逻辑错位。
分类有几个基本原则:
- 互斥性:一个功能只能属于一个类别。别让“座椅通风”既出现在“空调”里,又出现在“座椅”里。
- 完整性:所有功能都要有归属。别漏掉那些“其他”里的孤儿功能。
- 用户心智模型:按用户的理解方式分类,而不是按技术实现方式。用户不关心“这个功能是CAN总线控制的还是LIN总线控制的”。
我建议你做一个功能清单表格,像这样:
| 一级分类 | 二级分类 | 功能项 | 用户预期位置 |
|---|---|---|---|
| 驾驶 | 驾驶模式 | 经济/舒适/运动模式切换 | 主界面快捷卡片 |
| 驾驶 | 辅助驾驶 | 自适应巡航、车道保持 | 方向盘按键或快捷菜单 |
| 舒适 | 座椅 | 加热、通风、按摩 | 空调界面或座椅侧边按键 |
| 舒适 | 空调 | 温度、风量、风向 | 主界面常驻区域 |
| 娱乐 | 音乐 | 音源切换、播放控制 | 主界面或方向盘按键 |
小技巧:分类层级不要超过3层。超过3层,用户就记不住了。我一般控制在2层,最多3层。比如“设置-显示-亮度”,这已经是极限了。
4.2 导航系统设计:别让用户迷路
导航系统,就是用户在座舱里“走路”的路径。好的导航,用户不用想就知道怎么走。坏的导航,用户每点一下都要犹豫。
我记得有一次做用户测试,一个50多岁的用户想关掉导航语音。他先点了一下地图,没找到。又去设置里翻,翻了两页,没找到。最后他放弃了,直接把音量调到0。你看,这就是导航设计失败——用户找不到目标,只能用笨办法。
导航系统设计有几个关键点:
- 全局导航:主界面、空调、音乐、导航、设置这五大模块,必须常驻在底部或侧边。用户随时可以跳转。
- 局部导航:在一个模块内部,比如设置页面,要有清晰的层级指示。用户知道自己在哪里,怎么回去。
- 面包屑导航:我个人强烈建议在设置类页面加面包屑。比如“设置 > 显示 > 亮度”,用户一看就知道自己在哪一层。
- 快捷入口:常用功能要放在表面。比如空调温度、音量调节、导航回家,这些用户每天都要用的,别藏起来。
避坑指南:我曾经在一个项目中,把“驾驶模式切换”放在了二级菜单里。结果用户反馈说,每次想切运动模式都要点3下。后来我们改成了主界面快捷卡片,用户满意度直接提升了20%。记住:高频操作,路径要短。
导航的交互方式也要考虑。触屏导航、语音导航、实体按键导航,三种方式要互补。比如:
- 触屏:适合浏览和发现新功能
- 语音:适合直达目标(“打开座椅加热”)
- 实体按键:适合盲操作(音量旋钮、空调开关)
4.3 搜索与过滤机制:让用户快速找到目标
当功能越来越多,导航再怎么做也装不下的时候,搜索就成了救命稻草。我见过一些座舱,功能列表长达几十项,用户翻都翻不完。这时候,一个好的搜索功能比什么都管用。
搜索设计有几个要点:
- 全局搜索:用户在任何界面都能呼出搜索。我习惯在顶部加一个搜索图标,或者用语音唤醒。
- 模糊匹配:用户可能记不全功能名称。比如搜“座椅加热”,用户可能只记得“加热”或者“热”。搜索要能匹配到。
- 结果排序:最相关的放在最前面。比如搜“空调”,空调开关、温度调节、风量调节应该排在前三位。
- 语音搜索:驾驶场景下,语音搜索比打字安全得多。我建议语音搜索支持自然语言,比如“我有点冷”能触发空调温度调高。
过滤机制呢?主要用于列表类内容,比如音乐列表、联系人列表、设置项列表。过滤的方式有:
- 字母索引:联系人列表按字母排序,右侧有字母索引条。
- 分类过滤:音乐可以按歌手、专辑、风格过滤。
- 状态过滤:设置项可以按“已开启/已关闭”过滤。
一个实用的搜索设计示例:
// 搜索逻辑伪代码
function search(query) {
// 1. 模糊匹配功能名称
let results = allFunctions.filter(func =>
func.name.includes(query) ||
func.alias.includes(query) ||
func.tags.includes(query)
);
// 2. 按相关性排序
results.sort((a, b) => b.relevance - a.relevance);
// 3. 限制显示数量,最多10个
return results.slice(0, 10);
}
嗯,这里要注意一点:搜索结果的展示方式。我建议用卡片形式展示,每个卡片包含功能图标、名称、所属分类。用户一看就知道这个功能是干什么的,在哪里能找到。
最后,我想说一个容易被忽略的点——搜索的容错性。用户可能打错字,比如“座椅”打成“做椅”。好的搜索要能自动纠错。我在一个项目中加入了拼音模糊匹配,用户满意度又提升了一截。
个人经验:搜索功能上线后,一定要看搜索日志。用户搜了什么没找到?哪些功能被搜得最多?这些数据能告诉你信息架构哪里有问题。比如,如果很多人搜“座椅按摩”,但它在三级菜单里,那就说明它应该被提升到二级甚至一级。
好了,信息架构这部分就讲到这里。总结一下:内容分类要符合用户心智,导航要清晰直达,搜索要快速容错。这三者配合好了,用户才能在座舱里如鱼得水。下一章我们聊聊交互设计的具体细节,到时候见。