2. HMI设计基础:用户体验(UX)与用户界面(UI)核心概念

各位同学,欢迎来到《智能座舱HMI交互设计实战》的第二章。这一章,我们聊聊HMI设计的根基——用户体验和用户界面。说白了,就是搞清楚「车机为什么这么设计」以及「屏幕上这些元素该怎么摆」。

我见过不少刚入行的设计师,上来就画图标、调颜色,结果做出来的界面看着挺炫,一上路就发现驾驶员根本没法用。嗯,这就是典型的「重UI轻UX」的毛病。咱们这一章,就把这两个概念掰开揉碎了讲清楚。

2.1 UX与UI:一对「连体婴」

先问大家一个问题:UX和UI到底是不是一回事?

我的答案是:不是,但它们谁也离不开谁。

维度 用户体验(UX) 用户界面(UI)
核心关注 「用起来怎么样」 「看起来怎么样」
设计对象 流程、逻辑、反馈、情感 布局、色彩、图标、动效
衡量标准 效率、满意度、学习成本 一致性、美观度、可识别性
举个座舱例子 调节空调温度需要几步? 温度旋钮放在屏幕哪个位置?

我的经验:在座舱HMI里,UX是骨架,UI是皮肉。骨架歪了,皮肉再好看也白搭。我曾经参与过一个项目,UI团队花了两周做了一套超炫的3D空调界面,结果用户测试时发现,调个温度要点击4次——驾驶员直接骂街。

2.2 以用户为中心的设计流程(UCD)

那怎么保证骨架不歪?答案是:把用户请到设计流程的正中间。这就是「以用户为中心的设计」(User-Centered Design, UCD)。

我个人习惯把UCD拆成四个阶段,每个阶段都绕不开「用户」这两个字:

  1. 理解用户场景——谁在开车?什么时候用?副驾在干嘛?
  2. 定义需求——用户真正需要什么功能?优先级怎么排?
  3. 设计原型——画线框图、做交互流程、出高保真。
  4. 测试验证——让真实用户上手,看他们会不会用、用着爽不爽。

你想想看,这四个阶段不是走一遍就完事了。它是一个循环,测完发现问题,回到第一步重新理解。我管这叫「螺旋上升式迭代」。

避坑指南:我曾经犯过一个错——在「理解用户场景」阶段只找了公司内部的同事做访谈。结果呢?同事都是年轻人,对科技产品很熟悉,但我们的目标用户其实是40岁以上的家庭用户。后来实车测试,那些叔叔阿姨连手势导航都找不到。从那以后,我坚持「用户画像必须来自真实目标人群」。

2.3 HMI设计中的认知心理学基础

好,现在问题来了:用户拿到一个界面,他们的大脑是怎么处理信息的?

这就涉及到认知心理学了。别怕,我不讲那些晦涩的理论,咱们只聊跟座舱HMI直接相关的几个原则。

2.3.1 认知负荷:别让驾驶员「烧脑」

驾驶本身就是高认知负荷任务。你想想,看路况、踩刹车、打转向灯,这些已经占用了大量脑力。如果车机再让驾驶员去思考「这个图标是什么意思」「这个菜单藏在哪里」,那就危险了。

所以,座舱HMI的第一原则是:降低认知负荷。

  • 减少记忆负担:常用功能(导航、音乐、空调)必须放在一眼能看到的位置。
  • 利用习惯:「红表示危险/停止」「绿表示安全/通行」——别反着来。
  • 提供清晰反馈:按了按钮,要有视觉或触觉反馈,让用户知道「系统收到了」。

注意:千万不要在驾驶过程中弹出需要阅读大量文字的对话框。我曾经见过一个车机,导航提示弹窗里写了三行字,驾驶员为了看清内容,低头看了两秒——这两秒,车已经跑出去几十米了。

2.3.2 费茨定律:目标越大越近,点击越快

这个定律在HMI里特别实用。简单说:手指要移动的距离越短,目标越大,操作速度就越快。

应用到座舱里:

  • 主驾侧的常用按钮(比如音量、空调开关)要放在方向盘附近或屏幕左侧。
  • 按钮的点击区域要足够大,至少44x44像素(苹果推荐标准)。
  • 边缘和角落的按钮(比如屏幕左上角的返回键)其实更容易点击,因为手指会自动被边框「卡住」。

2.3.3 希克定律:选项越多,决策越慢

「选择越多,越难选」——这个道理在座舱里尤其明显。驾驶员在开车时,没有时间也没有精力去比较七八个选项。

我的建议是:把选择控制在3-5个以内。比如音乐播放模式,不要搞「随机播放」「顺序播放」「单曲循环」「智能推荐」「心情歌单」五个按钮并列。可以默认只显示「随机」和「顺序」,把其他选项收进二级菜单。

2.4 本章知识体系总览

下面这张图,把咱们这一章的核心知识点串起来了。你可以把它当作一个「思维导图」来用。

HMI设计基础:UX/UI与认知心理学知识体系 HMI设计基础 UX与UI核心概念 以用户为中心设计 认知心理学基础 UX:流程与体验 UI:视觉与布局 理解用户场景 定义需求 设计原型 认知负荷 费茨定律 希克定律 核心原则:降低认知负荷 + 减少操作步骤 + 符合用户习惯 所有设计决策都应围绕「让驾驶员少想、少动、少分心」

2.5 小结:把理论变成设计习惯

这一章的内容,说白了就是三句话:

  • UX是灵魂,UI是身体。先想清楚用户要什么,再动手画界面。
  • UCD不是流程,是信仰。每个阶段都要问自己:用户真的需要这个吗?
  • 认知心理学是座舱HMI的「交通法规」。违反它,用户就会「出事故」——要么操作失误,要么干脆不用。