信息架构基础:定义、五要素与汽车HMI中的应用

各位同学,今天我们来聊聊信息架构。说实话,很多刚入行的设计师觉得信息架构就是画个菜单树,其实远不止如此。我做了这么多年HMI,踩过最大的坑,就是信息架构没想清楚,结果后期改来改去,开发兄弟差点跟我翻脸。

一、信息架构的定义与五要素

信息架构,说白了就是把复杂的信息组织起来,让用户能快速找到想要的东西。在汽车HMI里,这个定义尤其重要——你想想看,驾驶员在高速上找导航目的地,多花一秒钟都可能出危险。

信息架构有五要素,我习惯用它们来检验每个设计方案的合理性:

要素 定义 汽车HMI中的例子
组织系统 信息如何分类和分组 车辆设置按「驾驶」「舒适」「安全」分组
标签系统 每个信息项叫什么名字 「能量回收」还是「动能回收」?
导航系统 用户如何在信息间移动 从空调界面跳转到座椅加热
搜索系统 用户如何查找特定信息 语音搜索「最近的充电站」
内容 实际展示的信息本身 续航里程、胎压数值、导航路线

我的经验:五要素中,最容易出问题的是「标签系统」。我曾经在一个项目中,工程师把「驾驶模式」写成了「行驶模式」,结果用户反馈找不到。嗯,一个词的区别,用户就是不认。

二、汽车HMI中的信息分类模型

汽车里的信息量其实很大。仪表盘、中控屏、HUD、后排娱乐……每个屏幕都有自己的信息。怎么分类?我一般用三层模型:

1. 按优先级分类

  • 一级信息:驾驶安全相关。车速、续航、故障报警。这些必须一眼看到。
  • 二级信息:驾驶辅助相关。导航提示、音乐播放、空调状态。可以稍作交互。
  • 三级信息:娱乐与设置。车辆设置、应用商店、用户手册。可以藏在深层菜单。

2. 按使用频率分类

  • 高频:空调温度、音量调节、导航目的地。放在首页或快捷栏。
  • 中频:座椅记忆、驾驶模式切换。放在二级菜单。
  • 低频:系统更新、恢复出厂设置。放在设置深处。

3. 按信息类型分类

  • 车辆状态:胎压、油量、里程
  • 导航信息:路线、路况、POI
  • 娱乐内容:音乐、视频、电台
  • 通讯信息:电话、消息、日程

避坑指南:我曾经把「车辆状态」和「导航信息」混在一起,结果用户想查胎压,翻了三页才找到。后来我强制自己:每个信息只属于一个分类,不要交叉

三、用户心智模型与信息架构的关系

心智模型,就是用户心里认为这个系统应该怎么工作。举个例子,用户觉得「空调温度」应该在「空调」下面,而不是在「车辆设置」里。你非要反着来,用户就会觉得这车「反人类」。

我总结了几条经验:

  1. 用户的心智模型来自日常经验。比如手机上的「设置」图标是个齿轮,汽车上也用齿轮,用户就秒懂。
  2. 不要挑战用户的习惯。用户习惯了「左减右加」调音量,你非要做成「上滑增加」,用户会骂娘。
  3. 如果必须创新,给用户学习路径。比如特斯拉的触控换挡,虽然颠覆,但给了清晰的引导动画。

我的一个教训:有一次我设计了一个「智能推荐」功能,把空调、座椅、音乐打包成一个场景。我觉得很酷,但用户完全找不到入口。为什么?因为用户的心智模型里,空调就是空调,座椅就是座椅,他们不会想到去一个叫「场景」的地方找。后来我改成了在空调界面加一个「推荐场景」按钮,用户才接受。

四、如何将心智模型映射到信息架构

具体怎么做?我一般分三步:

第一步:用户研究

找真实用户,让他们描述「你觉得这个功能应该在哪里」。别问「你觉得信息架构怎么设计」,用户听不懂。直接问「你想调座椅加热,你会先点哪里」。

第二步:卡片分类

把功能写在卡片上,让用户自己分组。你会发现,用户的分组方式和你想象的完全不一样。我做过一次,用户把「导航」和「音乐」放在一起,理由是「开车时最常用」。嗯,有道理。

第三步:原型测试

画个低保真原型,让用户走一遍任务。看他们会不会迷路。如果三个用户都在同一个地方卡住,那就是信息架构有问题。

注意:不要完全照搬手机的信息架构。汽车是驾驶环境,用户注意力有限。手机可以藏三级菜单,汽车最好两级以内搞定。我曾经把手机上的「九宫格」直接搬到车机上,结果被测试用户骂「开车时根本点不准」。

五、总结一下

信息架构不是画个树状图就完事了。它要回答三个问题:

  • 用户要找什么?
  • 用户觉得它在哪里?
  • 用户怎么最快找到它?

我个人习惯,每次设计前先画一张「信息架构草图」,贴在工位上。然后每天问自己一遍:如果我是用户,我能三秒内找到空调开关吗?如果答案是否定的,那就重来。

下一节课,我们会讲具体的导航设计模式。到时候我会分享一些实际项目的代码示例,嗯,保证干货满满。

课后小练习:找一辆你熟悉的车,打开它的中控屏,把每个功能按「优先级」「频率」「类型」三个维度分类。看看它的信息架构有没有问题。如果有,你会怎么改?