2. HMI布局原则：Fitts定律、视觉层级、信息密度控制
各位好，我是老张。今天咱们聊聊HMI布局里最核心的三个原则。说实话，这三个原则我用了快十年，每次做新项目都会回头翻翻自己的笔记。它们就像车机设计的「交通规则」——不遵守，用户就会「撞车」。
2.1 Fitts定律：别让用户「够不着」
Fitts定律说白了就一句话：目标越大、距离越近，点击越快。但在车机上，这个定律有个特殊前提——驾驶员的注意力是稀缺资源。
我习惯把屏幕分成三个区域：
- 近区（方向盘侧）：放高频操作，比如音量、切歌、接电话。距离驾驶员手部20cm以内，按钮直径至少12mm。
- 中区（中控屏中央）：放次高频操作，比如导航目的地输入、空调调节。按钮直径建议14mm以上。
- 远区（副驾侧）：放低频操作，比如设置、车辆信息。或者干脆留给副驾用。
避坑指南：我曾经在一个项目中，把「紧急双闪」按钮放在了屏幕右上角。结果测试时驾驶员需要伸长手臂才能按到，差点追尾。后来我强制要求：所有安全相关按钮，必须放在方向盘两侧物理按键上，或者屏幕左下角（距离驾驶员最近的位置）。
嗯，这里要注意：Fitts定律不是让你把所有东西都做大。而是让你把最重要的东西做大。举个例子，导航的「回家」按钮，我建议做成40x40px以上，放在屏幕左下角。而「设置」里的二级菜单，小一点没关系。
2.2 视觉层级：让眼睛「自动导航」
视觉层级是什么？说白了就是用户第一眼看到什么，第二眼看到什么。在车机上，这个顺序决定了驾驶安全。
我常用的方法有三个：
- 大小对比：主信息字号至少比次要信息大2-3级。比如车速数字用48px，续航里程用24px。
- 颜色权重：红色=警告，蓝色=信息，灰色=不可用。别乱用，否则用户会混淆。
- 空间分组：相关功能放在一起，用留白隔开。比如所有驾驶辅助功能放一组，所有娱乐功能放一组。
| 层级 | 内容示例 | 视觉权重 |
|---|---|---|
| 第一层 | 车速、导航箭头、警告灯 | 最大字号、高对比度 |
| 第二层 | 续航、音乐封面、空调温度 | 中等字号、常规对比 |
| 第三层 | 设置菜单、车辆信息、应用列表 | 小字号、低对比度 |
个人经验：我记得有一次做仪表盘设计，客户要求把所有信息都显示出来。结果测试时驾驶员根本找不到车速在哪。后来我强制把车速放大到其他信息的3倍，问题立刻解决了。你想想看，开车时最需要的是什么？是速度感，不是续航焦虑。
2.3 信息密度控制：少即是多
信息密度控制，是我认为最容易被忽视的原则。很多设计师喜欢把屏幕塞得满满当当，觉得这样「功能丰富」。但车机不是手机——驾驶员不能盯着看超过2秒。
我给自己定了个规矩：任何页面，驾驶员在1.5秒内必须找到目标信息。怎么做到？
- 默认隐藏次要信息：比如导航时，默认只显示路线和下一个路口。其他POI信息，等红灯时再展开。
- 使用渐进式披露：先显示核心功能，用户需要时再点击展开更多。比如空调界面，默认只显示温度和风量，高级设置放二级菜单。
- 控制文字数量：按钮文字不超过4个字，提示文字不超过15个字。超过的，用图标代替。
我曾经踩过的坑：有一次做音乐界面，我把歌词、专辑封面、歌手信息、播放列表全部放在一屏。结果测试时驾驶员为了切歌，盯着屏幕看了4秒——差点撞上前车。后来我改成：播放界面只显示封面和歌名，歌词和列表都折叠起来。安全多了。
信息密度控制还有一个技巧：利用驾驶场景动态调整。比如车辆行驶时，隐藏所有需要精细操作的功能（比如输入地址、设置EQ）。停车时再显示。这个逻辑我建议写在HMI规范的第一页。
2.4 三个原则的协同工作
这三个原则不是孤立的。我举个例子你就明白了：
假设你要设计一个「导航目的地输入」界面：
- Fitts定律：把「回家」和「公司」两个常用按钮放在屏幕左下角，做大（40x40px）。
- 视觉层级：搜索框用高对比度背景，搜索结果列表用灰色文字。让用户第一眼看到搜索框，第二眼看到常用目的地。
- 信息密度控制：默认只显示5个最近目的地。更多结果需要手动滚动。避免一屏显示20个选项让驾驶员眼花。
你看，三个原则一起用，效果比单独用任何一个都好。我个人习惯在做完布局后，自己模拟驾驶场景测试一遍——手放在方向盘上，眼睛只看屏幕1秒，能不能完成核心操作？不能就改。
总结一下：Fitts定律管「够不够得着」，视觉层级管「看不看得清」，信息密度控制管「记不记得住」。三个原则缺一不可。下次你做HMI布局时，不妨先画三个圈，把每个功能放进去看看——是不是都在正确的位置上？
好了，这一章就到这里。下一章我们聊聊「色彩与对比度在车机中的安全应用」。嗯，那个话题更有意思，因为颜色用错了真的会出事故。