车载HMI设计指南(基础篇)hmi人机交互仪表盘汽车车机

其中我们通常所说的“人机交互界面”是指用户可见的部分。通过人机交互界面与系统交流并进行操作。小如收音机的播放按键,大至飞机上的仪表板、或是发电厂的控制室。因此,人机交互界面的设计要包含用户对系统的理解(即心智模型),这是为了系统的可用性或者用户友好性。

而汽车的人机交互主要分为车内娱乐系统的人机交互、车内驾乘人家交互、车外远程人机交互,各车企均在这大交互系统里面寻找用户体验的突破并进行了充分的试验和尝试。

二、汽车座舱的进化1.2000年以前:机械时代

单一的机械仪表,简单的音频播放设备,物理操作按键,无中控显示屏幕,集成度、安全度较低,智能化程度无。

所以即便是售价上千万的帕加尼,仍然保留着原始的机械指针,满满的工业朋克感,机械仪表的指针攀爬带来的视觉冲击却是液晶仪表不能比拟的。

2.2000-2015年:电子时代

汽车电子时代的标志之一是液晶仪表盘的大量使用,液晶仪表相对机械仪表有以下3大优势:

2.1炫酷的科技感

机械仪表只有转速、车速、水温、油量等功能显示,充其量是中间有小块单色屏显示车门开关、行驶里程以及档位信息,简简单单功能性很单一。而液晶仪表盘可以显示的内容非常多,除了基础的仪表信息以外可以显示车辆运行工况状态、导航、车距、主动刹车距离等多样内容,科技感十足更像现代化的产品。

2.2绚丽的视觉效果

传统机械仪表盘多为一种颜色或几种颜色的组合,色彩单调容易造成视觉疲劳,而且单一的色彩也无法随内饰颜色的变化而改变,所以机械仪表盘也一定程度的限制了对内饰色彩改装的想象力。而液晶仪表盘本质就是个造型特殊的平板电脑,只要系统生态足够丰富,色彩可以呈现出多种多样的效果,内饰配色也可以随心所欲一些。

2.3能够承载更多的功能

其次有些智能化程度足够高的仪表盘可以可以与手机互联读取行驶中需要的信息,通过语音交互系统利用智能设备可以在不动手的前提下实现更多功能,这点是机械仪表盘远远不能企及的高度。

3.2015年至今:智能时代

4.未来:高度智能时代

三、车载生态系统1.内置智能系统

目前主机厂,都会根据车型定位、自身技术来定制开发自己的车载系统,这样不仅能够实现多媒体的深度集成,还能够让技术更好的与汽车兼容,当然大部分传统的车企在一些技术上并不是那么的成熟和强大,还会找一些细分领域的合作商来为自己提供技术支持,比如:语音技术、HMI设计……

2.平台解决方案

目前国内外的互联网科技巨头都在为新时代的车企提供驾驶解决方案,比如:

国外的苹果、谷歌、亚马逊;国内的阿里巴巴、百度、华为、腾讯都争先创建了自己的平台操作系统,目的是在未来万物互联的时代能够抢占下一个互联网的载体,国内可见科技巨头和车企的合作,通过技术+制造能力的加持,让车机体验大步向前,比如:吉利和百度推出了集度;上汽集团、阿里巴巴与浦东新区三方联合打造全新用户型汽车科创公司“智己汽车;北汽和华为推出了极狐阿尔法,赛力斯和华为推出的问界系列车型……

3.软件应用程序

为了满足汽车的驾驶场景,大型的互联网公司一般都会开发自己的汽车应用程序来优化汽车的驾驶体验,这种方式相对于平台化的解决方案和内置智能系统来说更加的轻量,一般用户会在传统燃油车机上辅助使用这些功能相对完善的软件程序,目前软件程序应用的方式一般是通过数据线完成手机屏幕的映射,和我们将手机端的内容投屏到电视上是类似的原理,但这种方式是不能完成对车辆控制的,比如空调、温度……

我们常用的百度Carlife、苹果Carplay、华为Hicar……

4.外置屏幕显示设备

目前外置屏幕显示主要有2种,一种是外接显示设备,一般使用在没有液晶显示设备的汽车上,比如华为最近推出的车载智慧屏,它搭载了汽车出行、汽车服务、影音娱乐、语音搜索等丰富的应用;另外一种是HUD显示设备,HUD显示设备可以将导航信息、速度、车辆信息显示在一块玻璃上,作为副屏的补充,同时也让司机避免低头,抬头就能够看到最重要的信息,让驾驶更安全。

四、设计趋势1.场景化

前面提到未来的汽车是人们的第三智能生活空间(娱乐空间、办公空间、生活空间)未来车内的交互场景将逐渐由驾驶舱舱内的驾驶行为主导的人机交互,转变为基于日常生活中多场景的交互,基于不同的场景,我们的设计应该也有所不同。

1.1座舱娱乐场景模式

目前各大厂商在汽车娱乐场景化上可谓是下足了功夫,各种场景模式层出不穷,比如音乐模式、影院模式、游戏模式、汽车驾驶模式(运动、节能、雪地、越野、标准)等等,这种模式我们可以通过人的四感:视觉、听觉、嗅觉、触觉去加强场景化的氛围。

1.2多种用车场景

不仅仅是这些娱乐场景模式,场景化的功能模块更多是可以通过发散使用场景来让操作系统中的功能更加满足用户的需求,对于不同的使用场景,用户想要看到的信息是不同的。这一点既可以在整体的信息层级上进行优化,同时也可以带入每一个细节、深入每一个场景。

2.智能化

2.1L4、L5级别的自动驾驶

基于激光雷达主导:视觉辅导,采用高精地图和人工智能进行自动驾驶,目前主流的传统主机厂通用、奔驰大部分采用的就是这种方式,但由于需要记录地图并使用激光雷达设备制造车辆,因此需要付出了更高的成本

基于车联网主导:多种传感器融合的人工智能自动驾驶,车联网的自动驾驶需要庞大基础设施的支持,通过投资更智能的道路,可以减少对汽车本身自动驾驶的要求,比如高速公路、码头、工厂这类简单场景比较容易实现。

2.2HUD技术的升级

HUD的技术在很多新能源车上都可以选配了,已经不是什么新鲜的技术了,它最先出现在军用战斗机里面除了能够带来更加科技的感受之外,HUD的加持,可以把信息映射在玻璃上面,驾驶员不用低头就能看到重要的信息,提升驾驶的安全性,目前HUD主要有以下四种形式:

C-HUD:是一种将信息镜像到透明面板(称为Combiner)上而不是挡风玻璃上的HUD。大众帕萨特、马自达3和宝马2系等采用了这种技术。目前,由于C-HUD的成本比W-HUD更低。W-HUD:WHUD是直接投影在汽车的挡风玻璃上,显示效果更为一体化,也有助于造型布置。但由于挡风玻璃一般为曲面玻璃,因此WHUD一定要根据挡风玻璃的尺寸和曲率去适配高精度非球面反射镜,这也直接导致了WHUD成本的升高。高成本在一定程度上限制了WHUD的市场占有率。ARHUD:AR技术让导航信息和实际的路面信息合为一体,导航的时候可以直接将信息显示到HUD上,并融合实际的路况场景进行显示,左转右转一目了然。更能结合ADAS功能,及时预告路况和行人信息,在AR-HUD机交互界中,通过动效的式来,增强三维空间感,加强视觉引导。3D-ARHUD:3D-AR-HUD输出的信息不仅仅在前挡风玻璃上进行展示,更多与车外环境进行合成,它的绝大部分图形是实时动态生成,将信息投射到三维世界,所以它的显示面积更大,不仅仅在前挡风玻璃,还包括车外空间。3.自动化

未来智能座舱与各电子设备之间联系更加紧密,可以实现服务场景的无缝流转,即使身处远方,也能做到用手机远程控制车灯、空调、车门、车窗。

3.2多种交互形式

未来的人机交互将运用指纹识别、手势识别、人脸识别、虹膜识别、唇语识别等多种生物识别技术,实现对车辆的控制,比如faceID不同的人上车的时候,车会自动识别出这个人的用车使用习惯、氛围灯、座椅角度、后视镜距离、驾驶模式等等。

2021年面市的福特EVOS上的手势交互

4.人性化

4.1降低视觉负荷,满足驾驶安全性需求

汽车最基础的需求就是安全,而HMI设计要做的就是在驾驶场景下尽量少得干扰驾驶者,在视觉的设计上应该降低视觉的负荷,让驾驶者一眼就能够找到当前最想要的信息,避免因为分心而导致安全事故的发生。

4.2多通道交互配合,满足产品易用性需求

多通道融合交互技术将人的多个感官有机的融合在一起,与汽车形成多种交互行为(体感、手势、视觉、触控、按键、语音…),全面提升用户的驾驶体验,比如在驾驶员疲惫的情况下,车机会语音提示你休息,并且车机会释放清新的气味,为你提神醒脑。

目前在用户驾驶汽车的时候,视觉仍占了信息接收的五分之四,视觉通道技术仍然是未来智能汽车人机交互设计的基础,再加之语音交互等技术,形成了未来多通道融合交互的发展趋势。

4.2智能情感交互,提升驾驶乐趣

智能汽车人机交互设计未来的发展趋势将汽车从高智能的执行机器向高智商的情感机器人方向发展。随着智能技术的发展,利用机器学习以及深度学习等技术,未来的智能汽车将通过研究车主的行为方式来与车主进行交流,成为车主情感上的伙伴。除此之外,还会利用车联网技术、智能交通系统等,与周边环境、车辆等进行实时互动,达到智能情感的交互。

开门的时候会有迎宾语投射

智能语音助手的情感化关怀

汽车造型更拟人化

5.个性化

个性化需求与定制一直都是各行各业用户所追求的趋势,千人千面,打造最懂你的智能汽车已然成为各大车企最为认可的基础开发逻辑。目前不少企业都推出了生物识别技术来为用户所服务,如语音识别、面部识别、指纹解锁等技术。

所以基于生物识别技术、感知技术的智能汽车人机交互方式仍然是未来智能汽车人机交互设计的发展方向之一。

5.1针对不同用户群的差异化设计

目前汽车品牌众多,不仅仅是汽车设计、营销要考虑不同用户人群的差异,HMI的设计同样要挖掘不同用户的特征、消费观念、地域差异、行为习惯等,为智能座舱提供更多差异化、个性化的选择。

5.2个性化的操作模式

对于不同的家庭成员使用车辆的时候,智能座舱能够记忆形成适合当前驾驶员的交互操作模式及界面,满足不同家庭成员的体验需求和驾驶行为习惯。

5.3品牌文化的延续

目前看国内大部分的新势力造车品牌,车机的设计都基本上是延续了互联网app的设计方式(卡片式、扁平化),但是车机并不应该就是如此,HMI不仅仅是设计一块屏,而是在补充整个品牌的生态,形成一致的品牌调性和设计语言。

大部分汽车在车型设计前期就对目标用户做了研究,在设计造型的时候也基本上会形成自身的品牌特征,而我们在设计HMI的时候要充分考虑品牌文化,从而去强化人们对于品牌的印象。

特斯拉HMI极致的简约

科技感的HMI,呈现未来、科技的产品定位

TeslaCybertruckHMI延续了极具车机的硬朗风格

5.43D车模的广泛应用

随着3D立体化设计的不断渗透,3D车模技术也在逐渐受到厂商和消费者的青睐,成为了未来发展的一种趋势,3D车模能够让扁平化的界面变的更加的生动和具有空间感。

6.娱乐化

6.1更多功能应用

6.2多屏幕联动

智能汽车车载显示将会朝着大尺寸、高分辨率、创新的外形设计、多方位布局等方向发展,将不再仅仅局限于中央仪表盘等位置,而是朝着多方位、多维度方向发展。多维度、多显示设备的系统架构将成为未来汽车人机交互设计的重要发展方向。

五、HMI和UI设计的不同1.商业模式的不同UI设计:大部分的数字端的产品商业目标是变现,更注重用户的增长、用户的留存、付费、活跃度等等,有较强的商业企图HMI:首先排在第一位的是安全性、产品体验、视觉体验等,HMI像是手机操作系统,它的体验直接是影响用户购买汽车的决策,目前主机厂的操作系统还未完全形成生态,要想通过HMI的服务来盈利还有很长一段路要走2.用户场景的不同UI设计:手机、pc系统在室内外都能够使用,单人使用HMI设计:智能座舱更像是第三生活空间、可能涉及到单人、多人的协作,对于主驾来说安全性,盲操作的要求比较高,而对于副驾驶来说娱乐是主要需求,相信未来如果完全自动驾驶,HMI可能就是手放大版的手机操作系统,手机能做的,汽车HMI也能做3.界面载体的不同UI设计:主要包含pc端、移动端、智能设备、ATM取款机HMI设计:主要包含中控屏、仪表盘、副驾驶屏、智能后视镜、后排娱乐屏4.设计原则的不同

一般UI产品和用户的接触距离比较近,距离屏幕的距离大约在15~50cm之间,而汽车HMI距离距离基本在50cm以上,而且大多数情况下是驾驶员斜视观看的,这必然就要求视觉和交互逻辑上和手机的不同。

5.用户体验的不同UI设计:基本遵循用户体验五要素:战略层、范围层、结构层、框架层、表现层HMI设计:注重用户体验,体验、舒适、效率、安全,四大维度六、体验设计原则1.降低视觉负荷

用户在屏幕中上的识别和寻找信息的过程都属于视觉负荷。特别是驾驶员在经常会在开车的时候使用HMI,用户的注意力管理对减少由注意力分散导致的交通事故十分必要,所以快速识别和找到用户想要的内容尤为重要,降低操作负荷我们可以遵循一下几个原则。

驾驶员在开车的时候,应尽量操作路径短,如果操作太繁琐步骤太多,也有可能会中途放弃,这就是动作负荷带来的影响。

用户在处理任务时,由于某些原因产生的心理压力,就是心理负荷。心理负荷会阻碍用户顺利完成任务,所以减少心理负荷可以提高任务完成

减少用户焦虑:手机端常见的缓解焦虑的方法有,加载的进度反馈、排队人数…在驾驶场景中,比如当用户行车出现问题或者事故大发生,系统应该是给与鼓励和解决方案,缓解用户的焦

七、HMI视觉设计流程

1)需求分析阶段

主要聚焦对需求、用户、车型、品牌的理解,形成统一一致的目标

2)创意设计阶段

根据设计目标,完成创意概念的发散,确定交互&视觉的概念方向,并完成详细的设计

3)验证评估阶段

在HMI进入实车之前进行关键功能的测试,包括软硬件的协调,产品体验(交互、视觉)等

4)工程开发阶段

以真实的实车为测试环境,对HMI的各种使用场景、功能、视觉进行测试,并最终封版交付上实车

八、优秀的HMI商业设计案例1.红旗H9看HMI设计中的东方美学

2.东风-启辰星智能座舱多模态HMI设计

3.岚图座舱体验设计–HMI

4.百度Interflow智能驾舱

5.蔚来汽车HMI设计

九、HMI设计灵感资源1.HMI设计灵感资源库

2.国内外车机对比

3.HMI设计咨询公司

1)哈曼Harman(harman.com)

4.垂直类自媒体平台

HMI前瞻设计、facecar、HMI趋势、HMI设计、InsightHMI、HMI前线、未来出行实验、designpark

参考文献

本文由@飞凡实验室原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自Unsplash,基于CC0协议。

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

THE END
1.设计理论深度解析尼尔森十大交互设计原则今天我将结合实际案例来深入解析尼尔森十大交互设计原则,希望对大家有所帮助。 本文共3929字,需要阅读时间约10分钟~ Jakob Nielsen(雅各布·尼尔森)是毕业于哥本哈根的丹麦技术大学的人机交互博士,他拥有79项美国专利,主要涉及让互联网更容易使用的方法。他于1995年提出了“十大可用性原则”。这些原则对于设计师是非常重要...https://www.jianshu.com/p/22c8e81d5572
2.36个非常有趣的互动网站设计作品范例梦想天空(山边小溪)今天这篇文章就向大家分享从网上收集的36个非常有趣交互网站设计作品,一起欣赏。 梦想天空博客关注前端开发,展示最新HTML5和CSS3应用,推荐优秀网页设计案例。 英文来源:36 Interactive and Interesting Samples 编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源...https://www.cnblogs.com/lhb25/archive/2011/12/30/36-interactive-and-interesting-samples.html
3.一名交互设计师是否优秀,需要具备哪些核心专业能力?设计创新 具有设计创新能力,不被现存市面上的设计方案所束缚。有些设计师拿到需求后,脑子里面没有任何方案,都是先看竞品,然后参考竞品,做出类似的方案,整个设计过程缺乏创造力。 而一名优秀的交互设计师,拿到需求后,脑子里至少有三个以上的方案,然后分析每个方案的优缺点,找到最适合的方案。甚至还能想出更多创新的方...https://www.niaogebiji.com/article-66267-1.html
4.沉浸式展览丨国际知名沉浸式展览案例与设计思路分析六· 沉浸式展览的设计策略 (一)数字赋能下的感官体验 伴随着科技的高速发展,新型视听、人工智能、5G、AR、VR等新媒体技术在沉浸式体验中得到了充分的应用和发展。科技与传统文化的巧妙结合发展成为一种高品质的体验形式,艺术展览通过光影与交互技术、装置艺术、AR、VR等新媒体技术,为参观者创造一种具有文化内涵、充...http://sanyamuseum.com/a/chenliexuanjiao/2023/1115/4399.html
1.优秀的交互设计案例分享优秀的交互设计案例分享 当用户打开网站或应用时,他们首先会注意到明显的设计元素:logo,颜色,图标,插图和图像。 虽然这些元素确实有助于整体用户体验,但实际上它们都是交互设计的一部分。这个概念对于最终用户来说可能比华丽的新主页更敏感,不过,重要的还是创建引人入胜的直观数字体验。https://www.25xt.com/ucdchina/23294.html
2.交互设计作品集案例(优秀的交互设计案例分析)交互设计留学作品集案例,留学交互设计专业养蛇少女获得Parsons在内5封带奖offer!优秀的交互设计案例分析,痴迷于美术、热衷于设计、跨越时间和距离准备交互设计作品集,前脚提交就收获了5枚美本offer,还有2所顶尖院校挥手就是一波奖学金。 交互设计作品集案例 https://www.psoneart.com/ysyx/3945.html
3.17个优秀设计案例,帮你快速了解情感化设计优设网接下来,我们就从案例中分析,作为设计师该如何在这三个层次中做好情感化设计。 一、本能层 —— 感官刺激 对于本能层,设计师可以在符合功能需求的前提下,尽力给用户带来听觉、视觉、触觉的感官刺激,促成用户与产品的 “一见钟情”。 作为一款国民级应用,支付宝出行功能下的每个 icon 都做得很用心,小动画让交互更...https://www.uisdc.com/emotional-design-2
4.siteinspire致力于分享推荐优秀网页及交互设计案例A showcase of the world's finest web design.https://www.siteinspire.com/
5.5个出色的Axure交互设计案例分享给你!今天介绍的 5 个 Axure 交互设计案例涵盖的类型都比较全面,适用于大部分的交互设计场景,可以充分满足设计师朋友们对 Axure 交互设计案例的需求,如果还是觉得不够,可以到即时设计的资源广场看看,点击注册!那里还有更多出色的 Axure 交互设计案例等你去探索。希望今天的内容能对你寻找到出色、优秀的 Axure 交互设计案例...https://js.design/special/article/axure-interaction-design-case.html
6.@所有人春风送岗:有一种心安一一家门口就业澎湃号·政务4、熟悉交互设计理论,能够将优秀的交互设计落地到产品中; 5、关注前端前沿技术,具备较强的学习能力。 6、需要前后端分离相关VUE开发经验 职位描述 1、负责前端研发工作,主要包括前端客户端方向,覆盖后台web应用、智能建站、数据可视化等方向; 2、参与并主导团队前端工程化体系建设,逐步提升研发效率、研发质量, ...https://www.thepaper.cn/newsDetail_forward_11203752
7.如何设计一款赏心悦目的后台系统界面?该设计由多个优秀的设计团队共同设计完成,在设计过程中充分考虑了不同使用者的用户需求,尽可能完整地保留了相关功能。简洁的页面呈现方式和流畅的交互效果可以带给使用者很好的用户体验,值得各位设计师小伙伴们共同学习。 以上就是本期小摹为大家分享的20款后台系统优秀设计案例,希望能给大家带来不一样的灵感。接下来...https://maimai.cn/article/detail?fid=1419833975&efid=stPQ4BJdAuw0H6_WaBptww
8.6款交互设计用的软件,设计行业佼佼者!协作和共享:Adobe XD 支持团队协作和共享,设计师可以与其他设计师和利益相关者一起在同一项目上工作。设计师可以共享设计稿和原型链接,收集反馈和意见,并进行实时的协作。 2.2 使用案例 Adobe XD 是一款专业的交互设计用的软件,广泛应用于用户界面设计和原型制作。以下是一些使用 Adobe XD 的案例: ...https://pixso.cn/designskills/software-for-interaction-design/
9.视觉设计师应该掌握的五类交互逻辑一个优秀的平台视觉设计师,应当是通过好的视觉表达,按照交互信息层级关系,将信息内容传递给用户。这里视觉同学要避免两个误区:完全按照交互框架和排布,只是纯粹填色;从「好看」的角度重新布局,忽略交互层级关系。 案例 下图是美妆频道的一次改版,通过观察交互稿和视觉稿可以看到,这位视觉设计师在交互稿的基础上,采用了...https://www.chengzhushuo.com/articlecontent.html?id=769
10.好设计和坏设计:五个我们值得学习的案例设计的威严很多时候,我们设计师都会被新颖的交互风格或操作所吸引,但是当你的设计可能会增加用户操作的阻力时,一定要保持谨慎。大多数时候,经历了多次测试的交互惯例(例如,简单的点击或滑动)会更加有效。 好的设计:iOS中的弹性滚动 有趣的是,有意地增加用户操作中的阻力也能产生优秀的设计。苹果公司在其移动操作系统iOS中最受...https://www.shangyexinzhi.com/article/details/id-352751/
11.51design工业设计产品设计公司品牌工业设计51design-优秀设计师和高质量用户,甄选创新资源,精准匹配需求,提供以产品设计、品牌设计、交互设计及空间设计四链融合的整合性众创设计服务。http://51design.com/