车载 HUD 界面设计原则

November 12, 2015 / leiwaa

近期参与了一个车载 HUD (Head Up Display) 项目,虽然 HUD 是一个很早就出现的概念,不过在界面设计上,可参考的实际产品并不多,除了 Navdy,Hudway 等国外产品以及国内最近出现的几个 HUD 产品外,当前能找到的更多的是概念性的设计,对实际需要量产的产品来说,参考的意义并不很大,于是自己在设计前期做了一些尝试,期间总结了一些 HUD 界面设计的经验与原则,不一定都是对的,仅作分享。

1.首要原则-不影响行车安全

HUD 的初衷即是为了解决频繁低头可能导致的安全问题,所以如果一个 HUD 不仅没有改善安全,反而引起更多的问题,那这个 HUD 就没有存在的意义了。

2.精简显示,只显示当前需要的内容

3.交互方式以少占用思考资源为优

行车过程中,复杂的路面,车辆,行人等因素对司机注意力,判断力等要求比较高,在这样的前提下,HUD 的交互相对于平时使用的软件,无疑需要更高的直觉性,更低的界面认知负载(Cognitive load)。

4.幅度更小的界面动效

丰富的动效,酷炫的转场效果毫无疑问会干扰司机的注意力,这即使放在手机上都不合适,在 HUD 上就要更谨慎了。其实对于大多数信息,HUD 更多的是充当一个被动的信息显示角色,而不是一个主动管理、告知的角色,在信息显示出来后,用户是否去获取了,是否去处理了,则不是 HUD 需要管的事。

5.尽量固定的静态的布局

有利于行车中更快的定位、获取信息

6.细线体与大字号

采用高识别性的字体。由于界面是通过挡风玻璃反射高亮度的屏幕呈现的,产生的光晕会让笔画整体变粗,甚至糊在一起,这在夜晚、隧道等暗环境下尤其明显,所以建议选择笔画较纤细,中宫放松的字型。另外,粗体字集中出现时也容易阻挡视线。

7.线条代替色块

减少对视线的阻挡

8.尽量少用透明度与暗色调

通过高强度的背光点亮屏幕,或者通过把显示的元素投影到一个幕布上,使得挡风玻璃对屏幕(幕布)产生反射,于是用户就能从挡风玻璃上获取到屏幕显示的信息,鉴于这样的原理,那么暗色调就意味该元素在屏幕上不发光或者发光非常微弱,在挡风玻璃上就无法产生可以识别的反射了,尤其是白天。采用了透明度的元素同理。

9.页面层级不超过2级

注意力相对不集中,在进行一个任务(例如打个电话)的过程中,有可能是通过行车时的几个分散的时间间隙去完成的,这个时候层级深了就容易丢失上下文。

10.配色尽量与交通标识颜色不重合

11.动态的界面亮度

夜晚明晃晃的界面容易影响视线,瞳孔收缩导致进光量减少,暗处的只能看到漆黑一片了。

12.导航常驻(特指行车导航,非界面的导航菜单)

13.更简洁的文案

14.考虑特殊天气、新手、近视、疲劳驾驶、甚至酒驾等极端状态

— 本文采用 Creative Commons BY-NC-ND 授权,转载请注明出处 —

Comments
Write a Comment