车载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.数字媒体交互设计(初级)——Web产品交互设计方法与案例当当网图书频道在线销售正版《数字媒体交互设计(初级)——Web产品交互设计方法与案例》,作者:威凤教育,出版社:人民邮电出版社。最新《数字媒体交互设计(初级)——Web产品交互设计方法与案例》简介、书评、试读、价格、图片等相关信息,尽在DangDang.com,网购《数字http://product.dangdang.com/29222664.html
2.三个我最喜欢的交互设计案例案例一 “Dawn to Dusk”系列灯具 ——来自 英国设计工作室:Haberdashery 获得了2019红点产品设计大奖,如它梦幻般的名字一样,通过模仿日光从黎明到黄昏的自然变化过程,创造了感性的照明场景。 设计工作室Haberdashery专注于诗意的照明方式,从层次丰富的红色夕照,到明亮耀眼的白色晨光,在家中便能感受到大自然带来的丰富...https://www.jianshu.com/p/990e966fe382
3.交互设计汁源小站交互设计优秀资源共享站,主要向产品经理、交互设计师、UI设计师和平面设计师提供广大网友公开分享的网盘设计资源。发掘行业内优秀的交互设计资源,努力打造最懂设计师的资源分享网站。http://www.ilovemockup.club/
1.产品交互设计案例(精选10篇)篇2:产品交互设计案例 说到交互设计是时下比较热门的词汇,无论B/S还是C/S架构的产品交互设计元素总是充斥着任何一个角落,久而久之用户也欣喜的接受这样的变化,这对产品的研发人员来说也是新的挑战。产品人员最初在构建产品原型图时可以借助AXURE工具,在此我就不在做赘述,可以参考我先前的文章(交互不求人—Axure...https://www.360wenmi.com/f/fileax31l9tp.html
2.交互设计作品集案例(优秀的交互设计案例分析)交互设计留学作品集案例,留学交互设计专业养蛇少女获得Parsons在内5封带奖offer!优秀的交互设计案例分析,痴迷于美术、热衷于设计、跨越时间和距离准备交互设计作品集,前脚提交就收获了5枚美本offer,还有2所顶尖院校挥手就是一波奖学金。 交互设计作品集案例 https://www.psoneart.com/ysyx/3945.html
3.用一份大厂级的完整交互文档案例,帮你深入学习交互细节当我在网上搜寻交互文档规范时,可以搜到很多关于交互文档的结构搭建的文章,但始终没有一份较为完整的案例 Demo 展示,主要是因为大多数商业项目的交互文档是涉密的,无法进行分享。 如何输出一份专业优秀的交互文档? 在项目设计中,交互设计师与上游的产品经理,下游的视觉设计师,开发工程师和测试等岗位的工作密不可分...https://www.uisdc.com/interactive-document-cases/
4.创新案例乐高设计法:驾驭B端产品的交互设计挑战–Runwise.co无论是从市场上一些颇有见地的分析比较B端C端设计的文章来看, 还是从工作中实际遇到的问题来分析, 从B端体验设计的每个环节中, 都能强烈地感觉到B端体验设计遇到的挑战, 其中感受最深也最难跨越的, 当属同理心挑战。 挑战1:同理心挑战 C端产品中, 交互设计师的任务是发现用户需求,定义用户价值,解决用户在使...https://runwise.co/product-innovation/product-design/84821.html
5.一个视觉交互设计失败的案例一个视觉交互设计失败的案例 本文详细分析了一款秀场类APP在设计过程中遇到的问题,包括视觉与用户体验之间的矛盾,以及布局设计对用户浏览习惯的影响。通过对竞品的比较和深入研究,提出了在设计阶段考虑真实内容呈现的重要性,以及如何优化布局以提升用户满意度。https://blog.csdn.net/pmcaff2008/article/details/78121658
6.情感交互——移动应用产品交互趋势现阶段生理信号情感识别在移动应用产品设计中应用案例: Heart Fitness Heart Fitness利用iPhone背后的补光灯感应皮下毛细血管的跳动来测心率,同时也能感知用户此时的情绪,非常有意思。 5 文本信息中的情感 随着互联网的飞速发展,文本信息已经成为人们最常用的交互方法之一。自然语言是人特有的交流手段,其中包含了大量的情...https://mobile.51cto.com/news-380331.htm
7.10大互联网产品设计案例,多角度解析产品设计思路互联网产品设计涉及页面版式、服务内容、流程逻辑、配色、图标、按钮等方方面面,体现了界面设计和交互设计内核。而且,不同类型的产品设计理念不同,所想要达成的业务目标也不一样。本文就结合boardmix博思白板社区的案例资源,为大家分享10个不同类型互联网产品设计的思路和特点,快来了解一下吧! https://boardmix.cn/article/productdesigncases/
8.51design工业设计产品设计公司品牌工业设计51design-优秀设计师和高质量用户,甄选创新资源,精准匹配需求,提供以产品设计、品牌设计、交互设计及空间设计四链融合的整合性众创设计服务。http://51design.com/
9.实例解析「交互设计七大定律」在设计中的应用MySecretRainbow每个应用程序都具有其内在的、无法简化的复杂度。无论在产品开发环节还是在用户与产品的交互环节,这一固有的复杂度都无法依照我们的意愿去除,只能设法调整、平衡。这一观点主要被应用在交互设计领域。 案例一:比如遥控器的设计演变 使用过智能电视的同学都会发现一个问题,智能电视所配备遥控器界面按钮比普通的电视遥控器...http://www.mysecretrainbow.com/?p=4311
10.5个出色的Axure交互设计案例分享给你!Axure 是一个大家都比较熟悉的专业原型设计工具,有不少来自全球各地的设计师或产品经理用户,原型设计功能强大,设计师们可以在Axure实现从 0 到 1 搭建一个完整的原型设计作品。今天我们就给大家带来了5 个出色的 Axure 交互设计案例,全部来自于即时设计,分别是:电商购物类交互动效、音乐类交互动效、管理系统交互设计...https://js.design/special/article/axure-interaction-design-case.html
11.如何做好HMI交互设计?一个案例带你入门掌握好以上几个设计技巧相信对于你的人机交互界面的设计会有所帮助。以上Pixso提供的案例是可穿戴智能设备,与其他HMI产品区别比较大,如果你想了解更多关于HMI的信息,可以参阅Pixso官网的设计技巧专栏,上面集合了产品、UI设计、UX设计技巧和发展分析,定期更新,向用户分享经验与想法,是了解产品和设计资讯的不二之选。https://pixso.cn/designskills/hmirenji/
12.视觉设计师应该掌握的五类交互逻辑可以看到,无论交互还是视觉同学的提问,其实都是围绕「信息」表达的逻辑。视觉同学设计过程中,应该如何理解交互稿件,并进一步体现交互的层级逻辑?是否可以对交互稿的布局进行调整发挥?我们通过案例来一起看看。 目前,页面类设计一般分为运营型和平台型。 运营型 ...https://www.chengzhushuo.com/articlecontent.html?id=769
13.5款与“手”交互的产品丨设计分享在现代生活中,我们与各种手持设备的互动日益频繁,这使得人机交互的设计变得尤为关键。一个出色的手持设备不仅要具备卓越的功能和性能,还需要提供舒适、稳定且便捷的用户体验。接下来,我们将为您展示五款以手为交互中心的产品设计,希望能激发您的灵感和兴趣。 https://www.yoojia.com/ask/17-13797775137930232031.html