为汽车屏幕设计的内容必须清晰易读,并具有一致的用户界面和大型触摸目标,驾驶员可以在所有观看条件下识别。

内容

  • 使内容易于阅读

  • 使目标易于触摸

  • 保持UI元素的一致性

汽车驾驶的视觉设计原则-第1张图片-零帕网

使内容易于阅读

为了确保驾驶员能够快速扫描和理解屏幕内容,必须以便于驾驶时阅读的方式呈现内容。要使内容易于阅读,请遵循以下原则:

清晰易读的字体

视觉呈现的主要和次要文本应符合Android汽车的字体和大小指南。主要文本通常用于决策所需的信息,如歌曲标题或联系人姓名,应为32dp。辅助文本通常用于支持信息,例如艺术家姓名或呼叫类型(例如“移动”),并且应该是24dp。

基本原理:驾驶环境中的文本易读性会受到许多因素的影响,例如照明、时间、字体比例(细,中,粗)和对比度。高度清晰的文字可以帮助司机缩短扫视时间和决策时间,从而减少认知和视觉干扰。

汽车驾驶的视觉设计原则-第2张图片-零帕网

限制文字长度

使用罗马字母的文本项目不得超过120个字符,包括标点符号和空格。日语中的文本项目不得超过总共31个罗马字符、假名或汉字的组合。

理由:长串文本鼓励长时间浏览整个信息,从而增加了视觉上的分心,并增加了危险发生的概率。

遵循文本,图标和背景的对比度

图标、文本和其他图像的对比度必须至少为4.5:1。该要求适用于传达信息的任何显示项目,包括旋转输入中的所选项目等。但是,如果提供了冗余信息(例如传达相同含义的图标和文本),则只有一个元素需要满足对比度指南。对于旋转输入,必须满足对比度准则以突出显示背景。

理由:驾驶员必须在各种照明条件下(晴天、阴天等)准确地感知内容和选择。

汽车驾驶的视觉设计原则-第3张图片-零帕网

提供夜间可视性

白天显示的内容的极性可以是正值(浅色背景上的深色文本)或负值(深色背景上的浅色文本),而夜间显示的内容必须是负极性。

基本原理:夜间正极性会增加亮度灵敏度和残像。在白天或夜晚使用时,显示器的颜色和亮度不应眩目或损害视觉清晰度。

汽车驾驶的视觉设计原则-第4张图片-零帕网

使目标易于触摸

当试图触摸太小或靠近的屏幕目标时,驾驶员很容易分心或犯错误。要使目标易于触摸,请遵循以下原则:

显示适当大小的触摸目标

触摸目标应符合Android汽车准则,最小尺寸为76 x 76dp。对于特殊情况,可以略微牺牲宽度以支持高度(同时保持整体面积相同)以更好地适应上下车辆振动。

基本原理:小触摸目标会增加错过触摸目标的可能性。此外,驾驶员可能需要在较长时间内浏览或搜索触摸目标,从而增加视觉和认知注意力。

汽车驾驶的视觉设计原则-第5张图片-零帕网

避免触摸目标重叠

触摸目标不得相互重叠,缩放选项可以通过分离目标来帮助缓解重叠问题。如果可能,请在触摸目标之间至少允许23dp。

基本原理:消除触摸目标重叠,以防止混乱和用户错过正确的触摸目标。

保持UI元素的一致性

为了帮助驾驶员快速了解他们的屏幕选项,用户界面必须清晰且一致。要保持UI元素的一致性,请遵循以下原则:

使用一致的地图图标、术语和交互模式

图标和术语应始终如一地映射到它们的功能。同样,交互模式应该是一致的和可预测的。

基本原理:一致的熟悉界面减少了驾驶员所需的时间和认知工作量,使决策变得更容易。

汽车驾驶的视觉设计原则-第6张图片-零帕网

明确活动和非活动功能特点

界面应明确区分允许的功能和不允许的特性。例如,通过调暗分散注意力的媒体内容。界面还应区分仅在驾驶时使用的功能与仅在不驾驶时使用的功能。例如,搜索框应该在驾驶时隐藏。

理由:当选项不可用或当前无法访问时,清楚地与用户通信,以便一目了然地增强对系统状态的一般理解。

汽车驾驶的视觉设计原则-第7张图片-零帕网