车载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.ZOC交互创意设计团队作品备案资讯ZOC交互创意设计团队作品 ZOC是由几公分创业的年轻人组成的团队,主要从事ui、界面和网页等交互设计领域的创意业务。 [Page: ] [Page: ] [Page: ] [Page: ] [Page: ] [Page: ] [Page: ] [Page: ]http://www.333cn.com/shejizixun/201139/43502_110685.html
2.交互设计网页设计网页设计师联盟·2014年移动界面设计新趋势你知道多少?[9-4] ·Google偷偷换了Logo,你注意到了[5-30] ·论色彩在网页中的应用[12-29] ·浅析:网页Banner构成与创意的设计[11-15] ·浅谈:用户界面设计中的“状态”和“动作”[11-15] ·UI设计中的用户研究、交互设计、界面设计[10-27] ...http://www.52design.com/channel/ui_index.shtml
3.UI中国灵感库查看全部热门榜单 大禧手写字集 29.3° 渠道营销管理app 29.3° 作品 文章 即刻 素材 源文件 设计师 团队 搜索 作品集AEui设计aigciconlogoapp 上传作品 上传经验 上传即刻 登录 您的意见是我们 UI 中国进步的动力! 点击立即反馈按钮,发表您的意见! http://idea.ui.cn/
4.浙江省创意设计协会的微博浙江省创意设计协会 11月8日 11:31 来自微博视频号 浙江精一新材料科技有限公司品牌总监——童建军,进行了《智透未来之窗项目》项目路演。智透未来之窗项目,展示了智能调光玻璃在未来城市与交通中的应用,为公共空间的采光提供了一种灵活的解决方案,建筑设计师可以轻松切换不同的调光模式,提升场所的互动体验,融合...http://e.weibo.com/zjcreative?type=0
5.交互必备!国外创意的界面设计和交互动画库国外创意的界面设计和交互动画库 交互设计师们都特别喜欢有一个交互动画案例库,能够给他们提供更多的灵感和启发。如今,Josh Davey 帮交互设计师们做了这件事情,他创办的网站——useyourinterface.com,收集了当前各种前沿的交互动画效果,而且每天都在不断增加中。https://www.cnblogs.com/lhb25/archive/2004/01/13/interactive-design-animations-library.html
1.创意交互设计网站页面设计网站交互设计中企高呈为您提供创意门户服务,门户网站是企业形象和企业实力的形象标志。创意门户的定义也不仅仅是单纯的信息展示,而是具有出色交互能力,贴合业务场景的业务窗口。https://www.cebest.com/service_con/service_c_cy.html
2.极好的交互设计19个创意网页设计欣赏不知道大家有没有看过《美工突然请假》这张图,之前在网络热传,营销效果不错,最后很多网店也跟风了,所以有时候推广不一定要花大钱到处去投放广告,其实我们可以用创意来展示你的产品,我觉得这是最好的推广方式。 网页设计师要营销自己也是一样,可以在自己的个人网页的花点创意。今天我们展示《极好的交互设计 19个创...https://m.jia.com/jcjm/article/559339.html
3.创意设计和交互设计有什么区别创意设计 2.9K -1% 交互设计 3.3K -31% 说明:创意设计和交互设计哪个就业前景好?创意设计2023年招聘职位量 2.9K,较2022年下降了 1%。交互设计2023年招聘职位量 3.3K,较2022年下降了 31%。统计依赖于各大平台发布的公开数据,系统稳定性会影响客观性,仅供参考。学历...https://m.jobui.com/gangwei/pk/chuangyisheji-jiaohusheji/
4.交互设计古田路9号古田路9号网站(www.gtn9.com),国内专业品牌创意平台,以品牌为核心,集创意作品分享、活动招聘发布、广告推广、正版字体素材下载等多元化的交流分享平台。会员交流涉及:艺术创作、广告创意、交互设计、时尚文化等诸多创意产业。http://www.ludianjie.gtn9.com/work_list.aspx?ID=8
5.交互产品设计创意,十款有趣的交互产品设计欣赏交互设计是产品设计中的一个重要的环节,一个好的交互设计可以向用户传达使用信息,让用户轻易上手,减少使用过程中的麻烦,从而提升用户体验。 与此同时,一些设计师还利用自己的奇思妙想,使得产品的交互变得有趣起来,增加了产品使用过程中的趣味性。 01Bolita ...http://www.ugainian.com/news/n-8081.html
6.什么是数字产品交互设计?创意互动触控内容设计公司黑科技数媒...交互设计是指设计师在数字产品中为用户提供一种可操作的体验,以实现用户与产品的互动和沟通。交互设计的目的是为了提高用户体验,使用户能够更加轻松、自然地与产品进行互动。 交互设计通常涉及到多个方面,包括用户界面设计、用户体验设计、信息架构设计等。在设计过程中,设计师需要考虑到用户需求、用户行为、用户心理等方...https://foshan0479153.11467.com/m/news/4931362.asp
7.交互设计学伦敦传媒学院的MA交互设计是一门创意课程,您将学习通过新形式的装置、对象、表演和基于屏幕的作品,以创新和面向未来的想法吸引观众。 3、皇家艺术学院 皇家艺术学院的IED专业教授的是前沿和具有挑战性的知识,学生不断地以研究为主导和自我批评的方式工作,从不满足于肤浅的反应或简单的答案。 https://www.eol.cn/liuxue/zhuanye/ysysj20240814555375.html
8.交互时代背景下的传统元素互动文化创意设计研究1罗昭;交互时代背景下的传统元素互动文化创意设计研究[D];深圳大学;年 2张徐;导向学生创造力培养的学校创客文化研究[D];华中师范大学;年 3于斯梦;交互时代背景下的传统元素互动文化创意设计研究[D];湘潭大学;年 4胡慧;大学生跨文化交际中文化移情能力的培养研究[D];东北林业大学;年 ...https://cdmd.cnki.com.cn/Article/CDMD-10394-1019141870.htm
9.互联网文化创意设计互联网文化创意设计 文化旅游 一步两步团队富于高度的文化思维和艺术理念,多年来关注文化互联网产品的设计与开发,总结出一套成熟的工作思路和方案。我们针对文化领域客户的特殊需求,充分分析其内涵和外衍,发挥脑洞和创意,打造了一大批极具思想性和交互感的文化互联网产品。https://www.1bu2bu.com/experiencedetails/id/18.html
10.体验设计实验室:AI与人类的创意协作空间交互设计需要根据服务设计的要求,设计出符合用户期望和需求的交互界面和流程。 交互设计的结果需要通过服务设计的视角进行评估,确保设计符合整体服务体验的要求。 总之,服务设计和交互设计是体验设计过程中不可或缺的两个方面,它们共同构成了体验设计的基础理论框架。 https://blog.csdn.net/universsky2015/article/details/143670703
11.25个创意的交互式图表设计欣赏自我介绍模板空间的技术博客枯燥繁杂的数据会让用户感到烦闷纠结,而设计师的巧妙设计能化腐朽为神奇,让数据以用户易于理解的方式呈现出来。那么下面整理25个创意的交互式图表设计案例,希望能给你带来灵感。enjoy! 你可能感兴趣的交ppt背景素材网站互网站案例: 《40个激发你的交互性设计案例欣赏》 ...https://blog.51cto.com/u_9998170/1731005
12.交互式包装设计本文介绍“交互式包装设计”,旨在帮助大家更好了解交互式包装设计和学到相应知识,并且能找到合适的合作伙伴,愿对您有用。 交互式包装设计:将创意与消费者互动融合的未来趋势 随着科技的不断发展和消费者对个性化产品的追求,交互式包装设计正逐渐成为包装行业的新趋势。交互式包装设计指的是通过创新的设计理念和技术手段...http://www.sz4a.cn/news/20231217154630.html
13.对话19th创意工作室:人人都想做爆款,但他们做到了每次都刷屏虽然节日热点是很好的传播点,但我们更擅长抓住用户痛点+没见过的创意,自己创造话题事件。 二、用体验思维做创意 Q:你们的交互设计经常能带来惊喜。能展开讲讲设计思路吗? 车前:传统的营销设计,多从视觉角度出发,吸引眼球。19th的项目则会把“体验思维”也加入进来,营造一种多维的体验场。 https://www.digitaling.com/articles/847769.html