现代的汽车正在快速向科幻片中飞船的特性迈进。这些年来最有意思的一项改进就是HUD(抬头显示,head-up displays)在大量汽车中的应用。但同时,虽然科技让人惊叹,用户体验和视觉设计却没有跟上步伐。

我们想向各位展示近些年来在德国Fachhochschule Potsdam的用户界面设计课程中的案例。在和学生的讨论和设计研究中,我们发现了很多关于汽车用户体验设计的新的视角。在这里向大家介绍几个关键点。

1.可视化化比数字要好。

用图表等可视化方式能够让速度、限速等信息更容易被理解。

smart —图形显示了当前速度和限速之间的关系。© Cécile Zahorka, Fabian Archner, Sebastian Kaim

VW —展示当前速度和限速的关系。  © Dominic Rödel, Laurids Düllmann, Phillip Steinacher

Lexus —速度被表现为一条横线。限速标志在横线的中间。当超速的时候,线变成黄色,同时变粗。© Christian Franke, Sebastian Prein, Lennart Ziburski

BMW i8 HUD,用条形图展示剩余油量和电量能行驶的里程。

2.冗余的信息,不同的展示

HUD可以包含仪表盘中多余的信息,但是需要为挡风玻璃设计独特的显示方式。

Tesla —Tesla的 hud是仪表盘的简化版。© Constantin Eichstaedt, Steffen Gabel

3.要是它没什么意义,就不应该出现。(Jony Ive)

smart — 导航信息只在需要转弯的时候出现,其他固定的信息都被移除。© Cécile Zahorka, Fabian Archner, Sebastian Kaim

奔驰hud,仅显示导航、当前速度、限速的信息。

4.即使模糊也需要能辨认

Mercedes-Benz (left), VW (right) — 即使hud图像看不清楚,重要的信息(如超速)仍能被识别到。© left: David Rehman, Michael Dietz, Thomas Petrach; ©right: Dominic Rödel, Laurids Düllmann, Phillip Steinacher

5.反射和显示不同

显然,黑色无法被投射(反射)出来,除此之外,HUD需要考虑更多的显示上的限制,特别是图案和文字的背景是现实的场景,有的时候还是强光照射的状态。

 

6.汽车还是应该考虑驾驶者的感受

调查表明,大多数驾驶者被汽车强制限速、或者用闪烁或警告声提醒交通信息的时候,都不是很爽。所以,HUD最好“循序渐进”地提醒某些情况,比如超速等信息。

Mercedes — 驾驶速度越快,hud中速度的外圈就越来越多。超速的温柔的提示。Video prototype: http://vimeo.com/121184435 © David Rehman, Michael Dietz, Thomas Petrach

7.设计HUD的硬件原型比较难,但也不是不可能

模拟HUD的设计相对比较难,尤其是单向反射的hud方式。我们的同学利用下面的方式模拟HUD显示,而且可以试验文字和图形在真实场景中的效果。

很棒的HUD原型方法:在Macbook中播放驾驶的视频,屏幕下面放个显示HUD内容的iPad。 © Raureif GmbH

挡风玻璃下面放个手机,可以很好的测试HUD中字体的大小、动画效果等。事实上,很多HUD的app也是基于这个原理设计的。 Image: © Sygic.com

8.大多数的icon 都需要文字标签

汽车仪表盘中很多的图标理解起来都挺难得,但是动态的、基于数字显示的信息解决起来却很简单,只要显示出图标的文字信息就可以了。利用文字标签可以大大平滑汽车hud的学习曲线。

大众汽车hud中的一个图标(注意落石),如果没有文字标签的话,恐怕很少人会理解。在Tesla上哪怕是很简单的“电量低”的图标也被标上了文字解释。 © left: Dominic Rödel, Laurids Düllmann, Phillip Steinacher; right: Constantin Eichstaedt, Steffen Gabel

9.增强现实的应用

大众HUD方案,利用AR技术导航。

Toyota 概念HUD,AR展示兴趣地点信息。

Jaguar Land Rover 将赛道信息利用HUD直接展示在挡风玻璃上。和赛车游戏的效果一样。

利用AR显示行使中需要注意的情况

显然,上面这些内容对于HUD需要注意的问题来说仅仅是其中的一部分。数字化时代,汽车的功能越来越丰富,汽车app的喷涌也即将到来,我们希望汽车制造商不要忘了在添加更多功能之前,先把基础的安全性的问题打磨好。

 

 

via:https://medium.com/@raureif/heads-up-designing-meaningful-car-windshield-displays-953751b097d1
by:Raureif
translated by :IXD

ixd

山工艺交互设计工作室。本专业培养学生具备敏锐的洞察能力,能够发掘用户及市场的需求;严谨的调查分析能力,能够通过社会调查方法分析数字产品的用户体验及市场表现状况;优秀的设计能力,能够把握当前界面、交互设计的潮流,掌握交互设计的艺术及技术能力;良好的沟通协作能力,能够和市场、开发人员流畅、协同合作;一定的文献检索、资料查询能力,掌握初步的科学研究方法。学生不仅学习具体的交互设计方法,又能在实践练习中将理性思维和艺术设计融合为一体,成为综合性、高素质的交互设计专业人才。 作品、文章投稿以及设计事务咨询请联系 ixd@designdaily.cn

发表评论

电子邮件地址不会被公开。 必填项已用*标注