HUD(Head Up Display,平视显示器)是从战斗机应用过渡向车载的光学投影技术,是为了帮助飞机驾驶员减轻认知负荷,提高其态势感知能力的应用。汽车传感器和高级驾驶员辅助系统(ADAS)功能集成在一起时,能使驾驶员更轻松地检测到威胁或警告,从而更快地采取行动。

汽车AR-HUD交互设计及用户体验趋势分享

随着光学、AR、图像识别等技术不断突破,AR-HUD以一种更加自然的图像处理方式呈现在驾驶员前方,AR-HUD允许这些图像表示真实世界,并提供更多有用的信息,例如导航,威胁识别等。

汽车AR-HUD交互设计及用户体验趋势分享

识别二维码加入ARHUD交流群探讨



01



AR-HUD的界面元素和布局特征

众多主机厂如BMW,凯迪拉克等开始将AR-HUD引入到量产车型中,很多前后装初创企业例如Navyd和Wayray也研发了多款AR-HUD车载设备。
汽车AR-HUD交互设计及用户体验趋势分享
将信息直接显示在真实道路上是AR HUD的重要特点,实现这一特性需要通过前视摄像头对前方的道路情况进行解析建模,得到对象的位置、距离、大小;再把HUD需要显示的信息精准的投影到对应的位置,让人眼、HUD显示面、真实道路在一条视线上,才能达到足够沉浸的AR体验,而这还需要强大的运算能力。
汽车AR-HUD交互设计及用户体验趋势分享
当前主流的AR-HUD产品基本上都包含了如下的信息功能:当下车速、ACC自适应巡航辅助、车距警告、变道提示、环境行人警告、车道偏离预警、前车预警,它们在导航信息的呈现方式上并不完全一样。

汽车AR-HUD交互设计及用户体验趋势分享

虽然界面还是用转向箭头的方式向驾驶者展示车辆下一个行进轨迹变化,但是转向或者变道箭头会完全贴合实际的道路形状,并且不同产品将这些信息的成像距离控制在视线前相同位置。

汽车AR-HUD交互设计及用户体验趋势分享

Wayray对导航信息的设计展示则更为创新和多元,摒弃了从二维导航界面中移植来的视线正中央虚拟箭头,而是用虚拟元素制造的弯曲车道贴在现实路况上,从而模拟出驾驶员的行径轨迹。这些产品的界面视觉元素都用了红、黄、蓝、绿这些高饱和颜色,并且符合颜色语义,例如红色代表警示性符号。

汽车AR-HUD交互设计及用户体验趋势分享

关于AR-HUD车载信息系统界面设计的信息选择和信息架构,学术界的研究侧重在AR-HUD车载信息系统界面与驾驶用户信息感知和处理的匹配上。

汽车AR-HUD交互设计及用户体验趋势分享

在Michon的经典驾驶模型中,驾驶任务被分为三种级别。一是维持汽车正常行驶的操作,即一般控制任务;二是为维持汽车安全行驶,并且根据交通规则和行车环境,与其他车辆或行人进行安全交互的任务,所谓机动控制任务;三是例如路线规划这类需要驾驶员推理和构思的策略任务。

这三级任务在驾驶过程的重要度随依次递增,并且交替产生、相互关联、共同作用使驾驶行为处在安全、稳定的范围内。

汽车AR-HUD交互设计及用户体验趋势分享

AR在驾驶决策阶段更强烈地影响视觉注意力的分配。当AR趋于呈现技术任务相关线索时,AR-HUD优化驾驶行为,一个有效的AR-HUD系统应该只提供突出的或优先的信息,这些信息与执行该技术任务直接相关,一个非针对技术任务的AR-HUD会降低视觉注意力的分配,反而导致在需要驾驶员进行任务前的决策分心。

汽车AR-HUD交互设计及用户体验趋势分享


02



AR-HUD的人因学设计准则

尽管不同的AR-HUD供应商风格迥异且目标群体不尽相同,但驾驶者行车时的需求并没有太大的变化,我们在整个AR-HUD设计时应考虑驾驶员的人因学问题。
「 数据可视化 」

当使用图形而不是数字来展示速度和速度限制时,驾驶者更容易识别和理解。

汽车AR-HUD交互设计及用户体验趋势分享

smart —— 速度与当前的速度限制有关,且可视化


雪铁龙 —— 速度可视化,两进度条顶部重合时代表达到速度限制

汽车AR-HUD交互设计及用户体验趋势分享

大众 —— 抽象的图形代表速度和速度限制之间的关系


汽车AR-HUD交互设计及用户体验趋势分享

雷克萨斯 —— 速度被可视化成一条直线,当超速时,直线变黄且车速线变粗
汽车仪表盘上,很多icon很难让人理解。这是因为以前的仪表盘是断码屏,文字的显示较难,但最近几年,液晶显示屏在汽车上被广泛应用,设计仪表盘的UI时,文字位置不再是一个问题,另外,在数据可视化的同时,适当增加清晰的文字说明可以有效降低用户的学习成本。

汽车AR-HUD交互设计及用户体验趋势分享

汽车AR-HUD交互设计及用户体验趋势分享

没有文字说明,驾驶者很难明白某些特定功能图标含义

「 冗余信息的不同展现方式 」

HUD可以容纳仪表盘内容以外的其他信息,但这些信息应该用不同的图形展现,且设计时需注意充分利用车窗显示空间。

汽车AR-HUD交互设计及用户体验趋势分享

特斯拉 —— 特斯拉HUD展示仪表盘时速部分的简化版


BMW —— HUD不仅显示车速,还显示混合动力汽车状态和活动

「 不展示无意义的内容 」

在不同场景下,车窗显示中的内容可能不同,但都必须是非常重要的信息。显然,大量的信息和装饰物会将重要的信息掩埋在其中,导致重要的信息不能被快速、有效的识别。

汽车AR-HUD交互设计及用户体验趋势分享

smart —— 导航提示仅在转向时出现,需要长时间显示的信息没有被设计在HUD视觉界面

「 模糊状态下仍有辨识度」

HUD的视觉设计必须保证具有最大的对比度和清晰度,理想的HUD即使模糊不清,但仍然具有可读性。与电影院昏暗的环境和纯色幕布不同,HUD投影的幕布是车窗,而车窗后的世界是复杂多变的,有时甚至有强烈的阳光直射车窗,这也使得HUD设计充满诸多限制。

汽车AR-HUD交互设计及用户体验趋势分享

尽管UI已经模糊不清,但重要信息,比如车速过快仍然可以识别

「 警告信息的出现需要有过渡」

警告信息要让驾驶员有一个接受过程,而不是非常突兀的显示出来。比如为了强调车速限制或其他交通规则而突然出现的警告信息。的确,在驾驶者没有建立“速度上升会导致某些问题”这一预期时,突然弹出警告信息是很突兀甚至冒昧的做法,很容易引起驾驶员紧张,容易引起不必要的交通事故。
汽车AR-HUD交互设计及用户体验趋势分享

因此在HUD设计中提供一个过渡顺畅的动画也许一个解决方案,比如随着车速的上升,提示信息从相对缓和的提醒慢慢过渡到严重的警告会更加友好。


03



AR-HUD的交互设计

从设计角度来说,AR-HUD也会包含复杂的视觉信息:亮度要素、图形要素、色彩要素、布局因素、信息量的拥挤程度等。其中,AR-HUD 的交互设计直接影响着驾驶安全和车内乘坐体验。
「 色彩设计」
选择合适的颜色作为提示和警报,并结合文本和其他视觉元素对于设计一个良好的人机界面时非常关键。目前现有的几款AR-HUD的颜色方案中,蓝、绿色为主色居多,红、黄搭配作为辅助色,显示信息提示居多,当然,如果主机厂品牌识别色引入到AR-HUD的色系中也没有问题,主机厂可以定义AR-HUD的关键色系。
汽车AR-HUD交互设计及用户体验趋势分享

AR-HUD 很容易车外环境影响,外界环境的光线强度、天气状况等情况直接影响AR-HUD的交互设计。较高的亮度对比条件下,用户更倾向于选择不同的颜色组合,而在较低的亮度对比条件下,亮度对比要比色彩组合对视觉感知具有更重要的作用。

界面设计中颜色设计搭配中,要充分考虑当前自然环境下的主色彩,并采用对比度较高的图形色块(半透明)来展示关键信息,并保证图形色块不会与其他图形或文字重叠,更不能遮挡视线。

汽车AR-HUD交互设计及用户体验趋势分享

「 空间感知与动效设计」

用户总是希望能够获取尽可能多的深度信息,来对交互界面产生与现实世界类似的真实感。视觉引导可以通过尺寸大小、色彩亮度的变化 、空间透视以及位置方向上的组织自然地表现视觉元素之间的关系 , 塑造不同界面元素的视觉重量,来构建清晰的视觉层次 。

在AR-HUD人机交互界面中,设计元素的明暗变化成为判断对象远近的依据。利用光与影的变化、空中透视产生立体效果,与环境三维视图实时贴合,在视觉形成有一定的立体感、三维感引导性动态视觉元素。

汽车AR-HUD交互设计及用户体验趋势分享

在动效设计中,所有的动态效果都为驾驶过程中的信息传达服务,要在驾驶安全的前提下设计,炫技的炫酷和科技感动效并不一定对驾驶员安全有利,如果提示信息从相对缓和的提醒慢慢过渡到严重的警告会对驾驶员更加友好,平滑过渡的动效也更容易降低驾驶过程中的认知负荷和紧张状态。

汽车AR-HUD交互设计及用户体验趋势分享

「 信息布局设计」

希克定律描述了用户做决定所需的时长,增加选择的数量将增加人们做出决策的反应时间,如果分布信息过多,注意力受到干扰,认知负担会加重。

驾驶员一次在视觉上可以感知 5 到 9 个项目,而这个数量也包含了视野内其他除了AR-HUD本身的视觉元素,因此在设计AR-HUD人机交互界面时,合理的界面信息的布局和数量对减少驾驶负荷起着重要作用,AR-HUD实时呈现的主要设计元素数量最好保持在1-3个以内,呈现最关键信息的设计元素(或视觉元素组)数量最好只有一个。

汽车AR-HUD交互设计及用户体验趋势分享

最快的获取关键驾驶车辆信息是AR-HUD界面布局的出发点,使用过程中不需要驾驶员思考就能获取信息是最佳的设计。

2级以上的层级关系不适宜在AR-HUD中呈现出来,页面的信息展示简约直接、信息主次分明,没有多余的信息展示,只有用户最关注的信息在界面上,这样才能提高驾驶者的信息获取效率,也做到了尽量不破坏环境与界面的融合,更适合AR-HUD的界面设计。

汽车AR-HUD交互设计及用户体验趋势分享


04



汽车AR-HUD设计案例

汽车AR-HUD交互设计及用户体验趋势分享

汽车AR-HUD交互设计及用户体验趋势分享

汽车AR-HUD交互设计及用户体验趋势分享汽车AR-HUD交互设计及用户体验趋势分享

汽车AR-HUD交互设计及用户体验趋势分享汽车AR-HUD交互设计及用户体验趋势分享

总结:

从技术角度看,AR-HUD需要解决重影、清晰度、环境融合度等问题,光学成像和投影技术及系统算力等因素也限制了AR-HUD的显示效果和体验,加上光学模块和硬件体积庞大,不利于在汽车内的设计和布置,导致目前AR-HUD仍有很大的优化空间。
AR-HUD与驾驶员推理和构思的策略任务直接相关,未来的AR-HUD交互设计及用户体验将会很大程度上影响驾驶安全,炫技的动态特效和过分的追求视觉设计上的设计美学对驾驶安全不一定有利,AR-HUD在大规模量产之前,HMI设计师仍需要努力,要时刻记得—我们在为“驾驶安全”而设计!

参考:

【1】http://www.cnki.com.cn/Article/CJFDTotal-SJTY201901029.htm
【2】http://cdmd.cnki.com.cn/Article/CDMD-10082-1019116421.htm
【3】https://zhuanlan.zhihu.com/p/93709553
【4】https://plat4m.com/future-of-ar-in-cars/?utm_source=medium&utm_medium=social&utm_campaign=ar
【5】https://medium.com/@Plat4M/the-future-of-augmented-reality-ar-in-cars-788933212aa9
【6】https://zhuanlan.zhihu.com/p/37746190
【7】https://zhuanlan.zhihu.com/p/80791552
【8】https://www.behance.net/gallery/86021009/The-future-of-AR-in-Cars

文章来源:未来出行实验室

想了解更多资讯,欢迎识别二维码加入汽车HUD交流群进行探讨。

更多HUD相关资讯与交流,艾邦建有汽车抬头显示HUD微信群。大陆电子、未来黑科技、泽景、马瑞利、华阳多媒体、法雷奥、怡利电子、前海智云谷、613所、矢崎仪表、疆程、乐驾科技、京龙睿信、均胜电子、炽云科技、锐思华创、舜宇光学、广景、宝沃汽车、北汽、日产、比亚迪、一汽、上汽、蔚来、吉利、3M、积水、福耀玻璃、富兰光学、亮宇光学、京瓷、瑞霏光电等,欢迎扫码加入。加入前请转发本文。

汽车AR-HUD交互设计及用户体验趋势分享


更多HUD相关资讯与交流,艾邦建有汽车抬头显示HUD微信群。大陆电子、未来黑科技、泽景、马瑞利、华阳多媒体、法雷奥、怡利电子、前海智云谷、613所、矢崎仪表、疆程、乐驾科技、京龙睿信、均胜电子、炽云科技、锐思华创、舜宇光学、广景、宝沃汽车、北汽、日产、比亚迪、一汽、上汽、蔚来、吉利、3M、积水、福耀玻璃、富兰光学、亮宇光学、京瓷、瑞霏光电等,欢迎扫码加入。加入前请转发本文。

汽车AR-HUD交互设计及用户体验趋势分享

活动推荐一:第五届车载抬头显示HUD技术论坛(8月16日 上海)

汽车AR-HUD交互设计及用户体验趋势分享

时间安排 议题 拟邀请演讲嘉宾
08:45-09:00 欢迎致辞 艾邦创始人江耀贵
09:00-09:30 中国HUD市场现状和趋势预测 北京佐思信息咨询有限责任公司 创始人 余杰
09:30-10:00 DLP数字光学处理技术在抬头显示器HUD的应用介绍 TI
10:00-10:30 茶 歇
10:30-11:00 ARHUD带来全新的安全驾驶体验 北汽
11:00-11:30 高性能胶带在HUD的应用 德莎
11:30-12:00 华阳ARHUD的软硬件与算法介绍 华阳
12:00-13:30 午 餐
13:30-14:00 利龙抬头显示器HUD创新应用案例介绍 利龙
14:00-14:30 精密光学PVD镀膜工艺解决方案 汇成真空 项目经理 覃志伟
14:30-15:00 光场在HUD的应用介绍 泽景
15:00-15:30 ARHUD光源技术解决方案介绍 艾迈斯欧司朗
15:30-16:00 茶 歇
16:00-16:30 精密光学赋能,助推AR-HUD 产业发展 南阳利达光电有限公司副总经理刘维娜
16:30-17:00 车载抬头显示HUD曲面反射镜技术解决方案 长信
17:00-17:30 渗透率快速提升,AR-HUD的机遇与挑战 睿维视
17:30-18:00 大画面小体积低成本AR HUD创新解决方案 智云谷
18:00-18:30 圆桌会议:(嘉宾和议题策划中)
当下HUD产品的市场是在红海还是蓝海?
新四化下HUD产品还有哪些新的市场机遇与挑战?
HUD产业链的国产供应商的崛起,如何走向全球化?
HUD激烈的竞争的环境下如果做好产业链的降本增效?
多种HUD的技术路径碰撞,技术是差异化还是共存?
HUD市场规模日益增大,还有多少增量市场的空间?
主机厂OEM,HUD一级供应商,材料或者设备专业供应商等完整的产业链专家
18:30-20:00 晚 宴



报名方式一:


请加微信了解详情报名:


lily:13265790064(微信同号)
ab020@aibang.com


汽车AR-HUD交互设计及用户体验趋势分享


演讲或赞助:


Vander:15800874409(微信同号)

auto@aibang.com


报名方式二:

汽车AR-HUD交互设计及用户体验趋势分享

扫描上方二维码即可在线报名


点击阅读原文亦可报名HUD论坛

活动推荐二:第四届车载显示新技术产业论坛(8月17日 上海)

汽车AR-HUD交互设计及用户体验趋势分享

时间安排 议题  拟邀请演讲嘉宾
08:45-09:00 欢迎致辞 艾邦创始人江耀贵
09:00-09:30 汽车新四化带来的车载创新产品的发展和需求 一汽红旗 产品经理 李明徽
09:30-10:00 Mini LED背光源技术在汽车显示屏上的应用 瀚达美 研发经理 曹俊威
10:00-10:30 茶歇
10:30-11:00 车载Mini LED背光驱动芯片方案探讨 Lumissil络明芯
11:00-11:30 浅析车载显示屏光学贴合技术与材料发展趋势(暂定) 派乐玛
11:30-12:00 创新显示技术在汽车驾驶舱的发展应用案例 海微科技 副总经理 汪杨刚
12:00-13:30 午餐
13:30-14:00 TFT基板在Micro-LED车载显示技术上的应用 天马新型显示技术研究院(厦门)有限公司 技术规划专家 李傲文
14:00-14:30 PLASMA等离子在车载及汽车电子的应用 晟鼎精密
14:30-15:00 Local Dimming产品在汽车智能表面和氛围灯产品的应用 艾迈斯欧司朗
15:00-15:30 车载显示盖板及光学贴合在创新显示产品的技术挑战 康宁玻璃 王剑波
15:30-16:00 茶歇
16:00-16:30 OLED产品在汽车显示产品的应用案例介绍 翌光
16:30-17:00 空中非接触式技术在车载显示的应用介绍 东超科技
17:00-17:30 皮下显示及透明显示产品在车载应用的可行性研究 启视洵睿(苏州)科技 谷雪莲
17:30-18:00 创新显示技术在汽车智能驾驶舱的发展趋势 华阳通用
18:00-18:30 圆桌会议:嘉宾和议题策划中
Mini/Micro LED等新型显示产品在车载的市场机遇与挑战;
Mini/Micro LED等新型显示产品产业链的国产片进程;
Mini/Micro LED等新型显示产品产品降成增效的技术路径;
Mini/Micro LED等新型显示产品当下技术与良品率的挑战;
主机厂OEM,一级供应商,材料或者设备专业供应商等完整的产业链专家
18:30-20:00 晚宴

原文始发于微信公众号(智能汽车俱乐部):汽车AR-HUD交互设计及用户体验趋势分享

艾邦现建有汽车抬头显示HUD微信群,大陆电子、未来黑科技、泽景、马瑞利、华阳多媒体、法雷奥、怡利电子、前海智云谷、613所、矢崎仪表、疆程、乐驾科技、棱镜全息、京龙睿信、均胜电子、炽云科技、锐思华创、舜宇光学、广景、宝沃汽车、北汽、日产、比亚迪、一汽、上汽、蔚来、吉利、3M、积水、福耀玻璃、富兰光学、亮宇光学、京瓷、瑞霏光电等,欢迎扫码加入。加入前请转发本文。

长按识别二维码,加入群聊

欢迎加入艾邦HUD通讯录,目前有2500人,包含各大HUD厂商以及主机厂负责人均已经加入,可以通过点击下方关键词查看 主机厂 自动驾驶 车联网 HUD厂商 HUD初创 TFT影像源 DLP光机 MEMSLSP 芯片 电子元器件 光源 LCD 汽车配件 线路板 玻璃透镜 光学镜面 光学镀膜 光学镀膜设备 光学设计 光波导 匀光片 光扩散膜 高性能塑料 薄膜 功能涂料 吸光材料 散热方案 贴合胶带 胶水 胶粘剂 挡风玻璃 楔形膜 传动机构 AR生成器 AR导航 测试软件 切割机 激光设备 检测设备 设备 其他  

资料下载:

作者 808, ab

zh_CNChinese