赞助商
立即赞助

25个专业设计师分析了8家汽车厂商,总结了 7 个 HUD 设计细节!

产品经验3年前 (2021)发布 流光
1.6K 0 0

我们已经生活在未来,曾经只出现在科幻剧太空飞船上的酷炫技术,今正以不思议的速度出现在汽车中。

近,一产车中出了令人感趣的技叫抬显示(Head-up Displays)。

虽然汽车 HUD 的出现让人无比着迷,但它的交互计和视觉计却之相反。

为了解决这个问题,来自德国 Fachhochschule Potsdam 院户界面设计专的 25 名生和老师经过多轮讨论,最终总结一系列的观点和想法,并将它们制作成保真原。

在这设计作业,25 名学生分为宝、雪铁龙、雷克萨、Mini、赛德奔驰、Smart、特和大众等 8 个厂商设计了接近未来概念「HUD高保真原型」。

尽管不同的汽车风迥异且目标群不尽相同,但驾驶者行车时的需求并没有太大的变化。因此,一内容反复地在不同的高原型中出现。

可视化>数字

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

25个专业设计师分析了8家汽车厂商,总结了 7 个 HUD 设计细节!

△ Smart —— 速度与当前的速标准有关,且视化。

△ 雪铁龙 —— 图外侧的圆圈速度可视化的效果。当两度条顶部重合时,表达到限速标准。©Marie Claire Leidinger、Jonathan Jonas、David Brandau

25个专业设计师分析了8家汽车厂商,总结了 7 个 HUD 设计细节!

△ 众 —— 抽象的图形表速度限速标准之间的关系。©Dominic Rödel、Laurids Düllmann、Phillip Steinacher

25个专业设计师分析了8家汽车厂商,总结了 7 个 HUD 设计细节!

△ 雷克萨斯 —— 速度被可视化,一条直线,限速标准直线的中间,当车速超过车速限制时,直线变黄色且车速线变粗。©Christian Franke、Sebastian Prein、Lennart Ziburski

冗余信息的不同展现方式

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

25个专业设计师分析了8家汽车厂商,总结了 7 个 HUD 设计细节!

△ 特斯拉 —— 特斯拉的 HUD 展示仪表盘时速部分的简化版。©Constantin Eichstaedt、Steffen Gabel

△ BMW —— HUD 不仅显示车速,还显示混动力汽车状和活动。©Patricia Dobrindt、Simon Martin、Jakob Flemming

不展示无意义的内容

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

25个专业设计师分析了8家汽车厂商,总结了 7 个 HUD 设计细节!

△ Smart —— 导航提示仅在转向出现,一些需要长间显示的息,例如「预计达间」没有被计在 HUD 视觉界面中。©Cécile Zahorka、Fabian Archner、Sebastian Kaim

模糊状态下仍有辨识度

HUD 的视觉计必须保证有最大的对比度和清晰度,理想的 HUD 即使模糊不清,但仍然有可读性。

25个专业设计师分析了8家汽车厂商,总结了 7 个 HUD 设计细节!

△ 梅赛德斯奔驰(左)、大众(右)—— 尽管 UI 已经模糊不清,但重要息,比如车速过快仍然可以识别。©left:David Rehman、Michael Dietz、Thomas Petrach;©right:Dominic Rödel、Laurids Düllmann、Phillip Steinacher

HUD是投影而非显示

昏暗的环和纯色幕布不同,HUD 投的幕布是车窗,而车窗后的界是复杂多变的,有甚至有烈的阳光直射车窗,这也使得 HUD 设计充满诸多限制。

△ Mini —— 这一概念计方案挑战如何在多变的复杂车窗环中计常显的菜,菜中包括导航、话和音。©Kien Nguyen Canh、Moritz Kronberger

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

的研究报告显示,许多驾驶者对一些以为对有帮助的行为不,比如为了调车速限制或其交通规则而突然出现的警告息。

的确,在驾驶者没有建立「速上升会导致某些问题」这一预期时,突然弹警告信息是很突兀甚至冒昧的做法。

此在 HUD 设计提供个过渡畅动画也许是个解决案,比如随着速上升,提示信息从相缓和提醒慢慢过渡到严警告会更加友好。

△ 梅赛斯奔驰 —— 驾驶者超速越,出现在车速圆外部的红圆越。©David Rehman、Michael Dietz、Thomas Petrach

图标需要文字说明

汽车仪表盘上,晦涩难懂的 icon 有着悠久的历史,「红的三角形代表什么」。

这因以的仪表盘断码屏,文字的显示较难,但近几,液晶显示屏汽车被广泛应用,设仪表盘的 UI 时,文字置不再一问题。

另外,增加清晰的文字说可以有效地降低用户的学习成本。

25个专业设计师分析了8家汽车厂商,总结了 7 个 HUD 设计细节!

△ 如果没有文字说,驾驶者难大众 HUD 中 Steinschlag(碎塌方)的图标代表什。斯拉 HUD 中低量 icon 加上文字说后也更容易被人理解。©left:Dominic Rödel、Laurids Düllmann、Phillip Steinacher;right:Constantin Eichstaedt、Steffen Gabel

总结

最近在研究汽车 HUD 计,偶然间发现这篇文章中的一些细节,对正在着进行的 HUD 计有参考价值,所以着将它翻译下来,享给大家,希望也能给大家带来一些帮助。

注译者的微信公众号:「micute」

25个专业设计师分析了8家汽车厂商,总结了 7 个 HUD 设计细节!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

对于那些有几十年驾龄的司机而言,驾驶最新的量产汽车是一种完全不同的体验。 因为新车配备了后视摄像头,障碍物传感器,停...
智能汽车
移动互联时代除了智能手机的快速迭代,像汽车这样的百年工业也发生了颠覆性改变。在内饰风格日渐翻新、动能与设计不断革命的...
智能汽车
这次我们不聊视觉,也不畅想未来,只说说当下 HMI 产品设计与交互体验。 本文内容会涉及一些专业的汽车知识名词,因为篇幅有...
HMI
今天我们来聊一聊特斯拉最新的车型 Model 3的中控大屏,这是一块具有标志性意义的中控设计。Model 3 的HMI堪称是对汽车行业的...
交互设计
随着车内屏幕越来越多,越来越大,驾驶者在开车过程中因操作屏幕而分心机率逐渐升高。众多汽车制造商均希望探索出一种降低或...
手势交互
随着车内屏幕越来越多,越来越大,驾驶者在开车过程中因操作屏幕而分心机率逐渐升高。众多汽车制造商均希望探索出一种降低或...
手势交互
一. 智能后视镜时代背景 随着社会的发展和科技水平的提高,人们对驾驶汽车的安全性、娱乐性提出了更高的要求。汽车的中央后视...
交互设计
对于一款社交产品,面临最大的挑战也许不是来自竞争对手,而是随时间飞逝不断进化的互联网环境。作为已诞生 20 年的 QQ,历经...
QQ