3. 信息分类与优先级：将导航信息分为关键、次要、辅助三级

好，咱们接着聊。上一章我们把导航界面里的信息都扒拉了一遍，列了个清单。现在问题来了——这么多信息，全堆在屏幕上，司机看得过来吗？

肯定不行。我见过不少早期的车机方案，恨不得把导航变成一张Excel表格。结果呢？用户开车时扫一眼，啥也没抓住。

所以，这一章的核心任务就一个：给信息排座次。分成关键、次要、辅助三级。说白了，就是决定哪些信息必须一眼看到，哪些可以藏起来，哪些干脆不要。

3.1 为什么非要分三级？

你想想看，开车时驾驶员的注意力是极度稀缺的资源。时速60公里，一秒钟车就跑出去16米。这时候如果导航界面还在玩「信息大杂烩」，那跟谋杀有什么区别？

我个人习惯，把导航信息分成三级，其实对应的是驾驶员的三种视觉行为：

• 一级（关键）：瞥一眼就得知道。比如「下一个路口往哪转」。
• 二级（次要）：扫一眼能获取。比如「还有多远到」。
• 三级（辅助）：需要时再看。比如「沿途加油站」。

我在项目中遇到过一位产品经理，非要把「当前车速」和「限速信息」都放在一级区域。我说不行，这两个信息虽然重要，但它们是「监控类」的，不是「操作类」的。驾驶员不需要在转弯前看车速，他需要的是车道引导。后来我们做了个A/B测试，果然，把车速放小后，导航任务的完成效率提升了12%。

3.2 三级分类的具体标准

嗯，这里要注意，分类不是拍脑袋。我总结了一套判断标准，你可以直接拿去用：

级别	定义	判断标准	典型信息
关键级	驾驶决策必须依赖的信息	缺少它，驾驶员会在3秒内做出错误操作	转向箭头、车道引导、下一路口距离、当前道路名称
次要级	辅助决策，但非紧急	缺少它，驾驶员会感到不便，但不会立即出错	剩余里程、预计到达时间、实时路况概览
辅助级	提供额外信息或娱乐	缺少它，不影响导航任务完成	沿途POI、天气、音乐控制、充电站详情

3.3 实战：如何给信息定级？

光说理论没用，咱们拿一个实际场景来练练手。假设你在设计一个高速导航界面，前方2公里有个服务区，你需要决定以下信息的优先级：

1. 「前方2公里服务区」的提示 —— 关键级。因为驾驶员需要提前决定是否进入。
2. 服务区是否有充电桩 —— 次要级。对电车用户重要，但油车用户不关心。
3. 服务区餐厅评分 —— 辅助级。纯属锦上添花，开车时没必要看。
4. 当前车道是左转还是直行 —— 关键级。错过这个提示，可能就开过了。

你看，同一个服务区信息，不同维度分到了不同级别。这就是信息分类的精细之处。

3.4 避坑指南：我曾经踩过的坑

我曾经在一个项目中，把「剩余电量」放到了关键级。理由是电车用户很焦虑电量。结果测试时发现，驾驶员在高速上频繁低头看电量，反而忽略了导航提示。后来我才明白：焦虑类信息不等于关键信息。关键信息是「下一步该做什么」，而不是「我还有多少资源」。

还有一个坑：不要把所有「重要」信息都放关键级。重要和关键不是一回事。比如「前方有测速摄像头」很重要，但它不是导航操作的一部分。我建议把它放在次要级，用颜色或图标提示即可，不需要占据主视觉区域。

3.5 落地：用代码实现信息层级

理论讲完了，咱们看看代码里怎么体现。以下是一个简单的信息层级组件示例：

// 导航信息层级定义
const InfoLevel = {
  CRITICAL: 'critical',   // 关键级
  SECONDARY: 'secondary', // 次要级
  AUXILIARY: 'auxiliary'  // 辅助级
};

// 信息项配置
const navigationInfo = [
  { id: 'turn_arrow', level: InfoLevel.CRITICAL, content: '右转箭头' },
  { id: 'lane_guide', level: InfoLevel.CRITICAL, content: '车道引导' },
  { id: 'next_dist', level: InfoLevel.CRITICAL, content: '下一路口距离' },
  { id: 'remain_dist', level: InfoLevel.SECONDARY, content: '剩余里程' },
  { id: 'eta', level: InfoLevel.SECONDARY, content: '预计到达时间' },
  { id: 'weather', level: InfoLevel.AUXILIARY, content: '天气信息' },
  { id: 'poi_nearby', level: InfoLevel.AUXILIARY, content: '沿途POI' }
];

// 渲染时根据层级决定位置和大小
function renderNavigationInfo(infoList) {
  infoList.forEach(info => {
    switch(info.level) {
      case InfoLevel.CRITICAL:
        // 放在HUD或仪表盘中央，字体最大
        renderInCenter(info.content, { fontSize: 24, fontWeight: 'bold' });
        break;
      case InfoLevel.SECONDARY:
        // 放在中控屏上半部分，字体中等
        renderInTopArea(info.content, { fontSize: 18 });
        break;
      case InfoLevel.AUXILIARY:
        // 放在边缘或折叠菜单，字体最小
        renderInSidebar(info.content, { fontSize: 14, opacity: 0.7 });
        break;
    }
  });
}

这段代码的核心思想是：信息的位置和视觉权重，由它的层级决定。关键级信息永远占据视觉中心，次要级靠边站，辅助级能省则省。

3.6 小结

这一章我们聊了信息分类的「三级法」。说白了，就是给导航信息排个优先级，让驾驶员在最短时间内抓住最重要的东西。

记住三个要点：

• 关键级：驾驶决策的命根子，必须一眼看到。
• 次要级：辅助决策，可以扫一眼获取。
• 辅助级：锦上添花，需要时再看。

下一章，我们会聊聊这些信息在屏幕上的「物理位置」——也就是布局设计。你会发现，信息层级和布局位置是强相关的。嗯，到时候咱们再细聊。