车载HMI设计指南(进阶篇)汽车交互设计hmi操控

一、HMI交互设计基础1.HMI交互设计及其发展概述

2012年以前,汽车行业最开始没有HMI设计这样的概念,OEM商称之为“flowchat”即流程图,2012年以后,汽车HMI随着互联网大潮的推动,特别是汽车四化-电动化、网联化、智能化、共享化的发展趋势,HMI交互设计才真正意义上有了更加专业的定位,不同时期对应的是汽车HMI主流交互方式的变化。

2006年以前的主流交互方式:物理按键;2008-2012年的主流交互方式:物理按键+触控;2012-2018年的主流交互方式:触控+手势+物理按键+语音识别;2018-2020年的主流交互方式:语音识别+触控+手势+物理按键;2020年后主流交互方式:多模态交互方式(视、触、听、味、嗅)。

2.HMI交互设计的基础认知

1)安全至上

和玩APP和iPad不同的是场景,驾驶员经常是在驾驶的场景下开车,非常容易因为注意力不集中而导致事故的发生,所以设计的时候要避免过多的让驾驶员的注意力分配到车机上,而应该更加聚集于驾驶本身。

即使现在有的车搭载了自动驾驶技术,但是还是时长能够看到因为驾驶员过度让AI接管驾驶而导致事故发生的新闻,期待有一天自动驾驶技术的成熟,车成为移动的第三空间,驾驶员可以做其他的事情,这时候或许我们不用再考虑HMI对驾驶安全的影响。

2)汽车数字座舱&显示屏

首先我们要明确的一点是汽车数字座舱,并不仅仅指是几块屏幕那么简单,而是座舱电子的全面提升,由车载娱乐系统、流媒体中央后视镜、抬头显示HUD、全液晶仪表、车联网模块、360度环视、辅助安全驾驶、副驾及其后座娱乐系统等组成的一套完成的体系。

3)常见功能使用频率

4)对基本的触控的认知

我们在考虑功能布局的时候,要很清楚对驾驶场景有很清晰的认知,特别是对于出行过程中信息获取的直观性以及触控的便捷度要重点考量,需要对全局的功能布局,交互结构进行合理的编排。

在驾驶员位置的时候,中控界面的最左侧的区域是容易触控区,它是距离驾驶员最近的地方,也是信息获取最清晰,操作最便捷的区域;中间部分的区域是可触控区域,它相对来说说触控也是比较方便的。

最右侧的区域是较难触控区,驾驶员要将手伸的很长才能够触碰到,这块区域尽量是避免设置重要的功能入口。

5)多模态交互

“多模态交互”是融合了人的视觉、听觉、触觉等多种感官,计算机利用多种通信通道响应输入,并充分模拟人与人之间的交互方式。

随着汽车的不断智能化,操作方式从传统的机械按键到现在的触控操作、语音操控、手势操控,人车之间的交互途径增加并且更加多样化,汽车的开发者们也开始思考驾驶场景中的交互逻辑,如何实现高效、安全、易用的人机交互。

6)自动驾驶级别定义&ADAS

说到ADAS,可能很多人听过,但是没有全方位地了解过,ADAS是AdvancedDrivingAssistanceSystem的简称。中文名叫做高级驾驶辅助系统。

按照SAE(美国汽车工程师学会)的标准,自动驾驶汽车视智能化、自动化程度水平分为6个等级:无自动化(L0)、驾驶支援(L1)、部分自动化(L2)、有条件自动驾驶(L3)、高度自动驾驶(L4)和完全自动驾驶(L5)。

7)视觉在上,操作在下

避开方向盘:

方向盘的遮挡也是我们在设计时需要注意的地方,一般左下角的位置是距离方向盘最近的地方,也是最容易被方向盘视线遮挡的地方,还有仪表盘的四个角落的位置。

8)3s原则

3秒原则:用户的注意力管理对减少由注意力分散导致的交通事故十分必要,开车过程中,必要操作需要遵循3秒原则,用户必须在第1秒内找到应用场景的重点信息与功能入口,然后第2秒进行交互动作,最后第3秒得到想要的信息结果。

9)常见的汽车交互场景

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

10)全触控并不一定好

有些车为了主打科技的产品理念,将车内的操控都变成了触控、电子化,但是全面的电子化并不定都是最佳的体验,比如开门的按键,触控的方式就不如按键更加直接,还有些触控的按键在强光下识别性会变得非常的弱。

二、HMI交互设计需求分析的要点1.需求分析-了解自身,通过设计放大特点

HMI的设计和其他数字产品一样,在设计开始前,我们都要对当前的产品、市场、用户、品牌有着清晰的认知,HMI设计的目的也是放大产品的特点,以下是我们要了解的内容举例:汽车性能要求、造型姿态、功能、内饰效果、汽车设计理念、操控、人性化、品牌传承、目标用户。

2.竞品分析-制定差异化的产品策略

对竞品分析目的是的明确当前的市场定位,发掘对方的优缺点,帮助我们自身的产品制定差异化的竞争策略,也是取长补短虚心学习的过程,比如我们可以看到蔚来的产品定位是一二线时尚且有一定消费能力的人群,年龄层次在30-40岁左右,和特斯拉的人群有着一些重合,所以我们能够看到蔚来汽车的内饰、线下店、HMI配色都是比较柔和的,更像是一个时尚温馨的家庭空间。

3.受众分析-吸引目标消费者购买

做产品永远绕不开的用户,HMI的设计同样,我们要对用户进行调研,了解用户的消费意向和和核心考量的因素,并为他们的需求找到合理化的解决方案。

三、HMI创新的交互形式1.沉浸式

通过多角度的方式去为用户塑造沉浸感,结合智能表面和车窗屏幕技术的发展,为车内打造了个性化的场景体验。比如,我们在车窗屏幕上购物;在天窗和前挡风玻璃上看电影;轻点扶手区,在中控区感受大海的浪漫,再结合环绕式音响技术来体验自然等。

2.本土化设计

不同的国家有着不同的文化积淀,用好经过历史长河遗留下来的文化隗宝也能够让我们的设计充满文化气息,带来更多名族自豪感和认同感。比如:结合中国文化,红旗以“尚·致·意”为核心设计理念,通过HMI界面中的山河意境,来致敬华夏数千年的大好河山,从视觉和操作上,打造极致的驾驶体验,真正体现东方骨架,现代解构。

3.制造惊喜

在用户的不经意间创造惊喜,维持高质量的车载体验,比如:节日氛围、生日的祝福……

4.主动交互

未来的汽车更像是一个懂你的朋友,他能够知晓你下一步的动作,主动和你交互,而不是被动的等待你发出指令去执行,主动交互主要可以分为功能性、情感性、安全性这几个类别。

1)功能性

比如当我们走向车辆时,车辆会自动打开车门并通过灯光投射出迎宾语。

2)娱乐性

比如当我们再情绪低落的时候,车载机器人会主动过来和人类进行交流,当我们累了的时候会主动提供按摩服务,播放舒缓的音乐。

3)安全性

比如驾驶员疲劳驾驶是,通过释放气味和音乐来唤醒驾驶员,晚上汽车灯光自动识别行人,主动降低灯光亮度,避免直射行人眼睛。

四、HMI视觉设计1.HMI视觉设计的特点分析

我们基本上对于HMI视觉设计特点可以分为3种类型:潮流化,个性化,品牌化。

1)潮流化

潮流化指的紧跟目前主流的设计趋势,比如我们可以看到各大主机厂用烂了的卡片化设计,蔚来、小鹏、理想的HMI都是沿用了互联网的主流设计方式-卡片式设计、扁平化。

扁平化设计:扁平化的设计虽然是趋势,但是也是能够设计出不一样的产品个性来,并不是大家说的要加各种光效、纹理、材质。卡片式设计:国内汽车品牌绝大多数都在使用卡片式的设计,当然有时是出于信息区分和适配的角度考虑,但是卡片式的设计却很容易限制创意和个性的产生。

2)个性化

个性化指的是能够凸显产品的个性特点,能够根据车型的特点进行个性化的设计,强化产品的设计特点,从在产品咨询公司接触过的HMI设计项目来说,一般主机厂还是希望能够突出自己的个性,打破固化的设计思维,比如特斯拉cybertruckHMI未来、硬朗的设计风格,强化了皮卡硬朗的设计特点,白天让那个HMI去掉代办的卡片式设计,运用不规则的排版、多边形的设计塑造产品的个性。

3)品牌化

品牌化指的是品牌定位、产品家族、HMI风格能够形成高度的统一,比如蔚来塑造的未来的第三生活空间,从内饰、门店、HMI、品牌理念都给人温馨、惬意的未来生活空间的感受,也算是国内品牌化做的比较好的汽车品牌。

2.HMI的设计原则&理念

3.HMI视觉设计的方法

1)仪表的造型设计方法

当我们设计仪表的时候要考虑的几个点分别是:

空间透视;仪表的表头形态;不同模式仪表的形态变化。

区别于扁平化的设计,仪表的设计经常会采用空间纵深感比较强的设计方式,它能够和我们的驾驶空间透视场景保持统一,同时也能构让界面层次更加富有变化。

大部分的汽车都会设置运动模式、舒适模式、经济模式,当不同的模式我们可以考虑设计仪表不同形态变化,让用户更容易感知模式的变化。

仪表的功能一般要体现车速、转速、减速、用电功耗、档位、油量变化等功能,在造型设计上,我们主要可以从3个方式去寻找设计灵感。

通过契合产品特点的工业、建筑造型设计来寻找设计的灵感;通过汽车造型的设计语言(车头前脸、尾灯、内饰、车身线条)来寻找设计的方向;从品牌调性来探索HMI的设计灵感。

2)IVI(中控屏)设计的难点

IVI(In-VehicleInfotainment)是车载信息娱乐系统,也就是我们说的中控屏,中控屏的视觉设计首先要重点考虑的是如何与仪表盘的设计风格上保持一致,并在一体化的构图下,仪表和中控能形成一个整体,其次要考虑的点是如何在基本常用功能一致的情况下,在视觉上能够和其他产品拉开比较大的差距。

4.HMI如何设计的不一样

当我们不管看国内主机厂设计的车机界面,还是看国内设计平台设计师发布的HMI设计方案,发现大部分的设计逃不过卡片式设计,基本在布局、设计理念上并没有太多的创新,那么对于我们设计师来说应该如何去打破这种固定的设计方式呢?或许从优秀的设计中我们能找寻到这个问题的答案。

1)打造无边界设计

无边界的设计指的是突破卡片的限制,让设计更加的一体化,在构图和页面布局上也更加的大胆,比如,我们可以看到拜腾汽车和特斯拉cybertruckHMI概念设计都尝试创造无边界的设计。

2)塑造空间立体感

我们经常在设计中听到“你的设计太平了”,这其实就是说我们的设计没有没有立体空间感、没有层次变化,HMI的设计也是同样的道理,塑造空间感能够让我们的画面层次更加分明,画面更加具有想象空间。

3)特殊的质感

在界面中应用好质感也是能够让设计变的更加精致,质感可以增加视觉层次,让画面更加耐看。简单地说,质感就是物体呈现出的物质真实感,这体现在很多方面,例如光影、色泽、质地等。想想苹果iOS7.0之后的系统界面,毛玻璃效果的磨砂质感让画面看起来精致优雅,轻轻松松达到简约的高级美感。

4)独特的造型

独特的造型是突出产品个性最直观的表达方式,前面提到的无边界设计、质感、立体感是能够提升设计的品质感和差异化,但也是比较难的,他们是设计的隐喻表达,这些就像是人的内在性格,要多去接触才能够感受到,但是独特的造型是设计最直观的表达,它就像是一个人和大多数的圆脸不一样,突然长了一个多边形脸,你看一眼就基本能够记住他了。

5)独特的设计理念

当我们的设计表达有了设计理念和故事,就变得有了灵魂。

全新BMWiDrive采用了斜切角设计和独特的光影效果,视觉语言要传达的是有性格、有棱角的态度。斜切角的设计不仅出现在仪表盘上,还有抬头显示的速度托盘、中央扶手旋钮区域的木质托盘、中控屏主菜单的卡片单元背景,以及在内饰、外饰很多细节处。做这些设计要达成的效果就是打造高辨识度和豪华感。

6)炫酷的动效

五、总结

我们来简单回顾下车载HMI设计指南(基础篇)&(进阶篇)所讲述的内容。

在基础篇中和大家讲解了HMI设计的一些基本知识,带大家了解了HMI设计这个神秘有趣的行业;在进阶篇和大家主要讲解了HMI设计落地过程中交互&视觉我们需要注意的点和基本一些方法。

参考文献:

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

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

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

THE END
1.汽车造型设计师招聘汽车造型设计师招聘招聘猎聘汽车造型设计师招聘招聘频道为您提供大量的汽车造型设计师招聘招聘信息,有超过10000多汽车造型设计师招聘招聘信息任你选寻,招聘汽车造型设计师招聘人才就来猎聘汽车造型设计师招聘招聘!求职找工作就用猎聘聊。https://www.liepin.com/s/e84a6698cc62f6a581557f802a4ad173/
1.有史以来10款造型奇特的汽车,汽车还能这么设计?大开眼界!莲花Europa简单、轻便,是当时可以买到的操控性最好的汽车之一。它的造型也有点……奇特。 3.普利茅斯英勇队 第二代 Valiant 通常是您的最佳选择,但如果您真的想在人群中脱颖而出,您可以选择第一代汽车。 2.雷诺高山 GTA 当雷诺 Alpine GTA 推出时,您还可以买到更实用的保时捷 944。但是,当雷诺正在销售由塑料...https://www.yoojia.com/article/9445322056653094558.html
2.车身造型自1886年德国工程师卡尔·奔驰发明第一辆汽车以来,随着汽车技术的不断进步,以及人们审美观和欣赏能力的不断提高,汽车造型由最初的厢型向多种多样的流线型演变。在这个历史的发展过程中,设计师不断地协调着材料、结构、工艺、技术与造型美及形式之间的矛盾关系,使设计出来的汽车既符合功能要求,又符合人的审美要求。https://cadtc.tsinghua.edu.cn/courseware/chinese/image/carbody/p_style.htm
3.汽车造型设计车辆造型设计意大利设计公司 Italdesign 的汽车造型师是设计功能性诉求的诠释者,打造适合量产的造型与体量。汽车造型设计方案是内在的技术和设计解决方案,旨在设计出可以大规模量产的汽车。https://www.italdesign.cn/services-styling-and-creativity/
4.汽车造型前期造型工作流程汽车设计与制造资讯汽车造型前期造型工作流程 来源: 一、汽车动力性评价指标 汽车动力性是汽车在行驶中能达到的最高车速、最大加速能力和最大爬坡能力,是汽车的基本使用性能。汽车属高效率的运输工具,运输效率的高低在很大程度上取决于汽车的动力性。这是因为汽车行驶的平均技术速度越高,汽车的运输生产率就越高。而影响平均技术速度的...https://www.zaoche168.com/detail/_01-ABC00000000000114696.shtml
5.汽车造型设计软件常见的汽车造型设计软件有哪些汽车造型设计...汽车工业常用的汽车造型设计软件有:Autodesk Alias Automotive软件,photoshop图片处理软件,SketchBook自然画图软件。也就是汽车内饰或汽车外饰设计效果图、汽车创意设计,汽车创意阶段会用到的软件,不同的汽车设计师会有自己的强项软件,但是,基本上都要会用到,都要会。 https://www.maigoo.com/goomai/209164.html
6.汽车造型设计网址大全Automotive Design Studios 国际汽车设计公司 Alfa Romeo Design Italy Arup Vehicle Design UK Bertone Italy Chrysler Design USA Cliff Design & Development Sweden Concept Group UK Design A Storz Austria Design Q England Designworks California USA Drive England DSN Italy Epsilon Perspectives Design Sweden ...https://www.douban.com/group/topic/19939666/
7.汽车设计:A面的设计建模及评价方法仿真与模拟汽车造型特征是汽车整车造型的基本元素,而造型特征又是通过主造型特征线来表达,它们组成了整车造型风格的基本框架,如,侧围的腰线特征决定了侧围型面的饱满度及腰线的走势;前、后风窗的轮廓线决定了前、后风窗的形状和侧围立柱的形状;前、后组合大灯的轮廓线决定了前、后车灯的外型及与周围部件的配合关系等。造型...https://www.auto-testing.net/news/show-96830.html
8.《变形金刚4》汽车形态造型照大黄蜂华丽蜕变(5)《变形金刚4》“汽车人”汽车造型 角色:未知 阵营:汽车人(Autobot) 车型:布加迪威航(Bugatti Grand Sport Vitesse) 人气指数:未知 这款布加迪威航运动款在《变形金刚4》中对应的角色同样处于未知状态,不过布加迪一向以动力著称,该款超级跑车更搭载8.0L W16四涡轮增压发动机,动力高达1200马力,最大功率882kW/6400rpm,0...https://www.ali213.net/news/html/2013-7/78339_5.html
9.增材制造在汽车领域的应用汽车造型设计师整个汽车的亮点所在,也是一个汽车公司软实力的体现,汽车造型的概念设计在评审及决策是否最终应用生产,可以通过3D打印高精度一体成型的方式直接模拟最终效果打印出实物,为决策提供重要依据,同时能够让设计师直观看到设计理念的呈现,做最好的调整。 https://www.cm-3d.com/h-nd-90.html