空调设计专题|温度调节-视觉细节设计

前言

在驾驶场景下,用户往往无法长时间聚焦在中控屏进行温度调节,那么就必须从交互效率上来增强用户对温度调节的感知。本次我们也调研了62辆车,发现其中部分车型有针对温度调节的感知增强设计,接下来就让我们一起看看这些设计:

空调设计专题|温度调节-视觉细节设计 - 图1

首先我们将温度调节交互中除控件数字变化以外,可以强化用户对于当前温度、温度变化感知的设计统称为温度调节感知设计。在本次调研中,我们又将其划分为两部分:

1. 常态下的感知设计

在非调节交互过程中,增强用户对于当前温度高低感知的交互设计。这种感知设计通常表现为:调节温度后,风道的颜色变化,或温度调节控件本身根据温度的颜色变化

空调设计专题|温度调节-视觉细节设计 - 图2

小鹏G6-常温时的白色风道

空调设计专题|温度调节-视觉细节设计 - 图3

小鹏G6-高温时的橙色风道

空调设计专题|温度调节-视觉细节设计 - 图4

小鹏G6-低温时的蓝色风道

空调设计专题|温度调节-视觉细节设计 - 图5

仰望U8-区分温区的风道视觉设计

空调设计专题|温度调节-视觉细节设计 - 图6

宝马I3-降低温度

空调设计专题|温度调节-视觉细节设计 - 图7

宝马I3-升高温度

2. 调节时的感知设计

在调节温度的交互过程中,用户可能因为手指遮挡而不能确定当前温度,在这种场景下增强用户对温度的感知就尤为重要。这种感知设计通常表现为:调节温度时,温度调节控件周围发生较大面积的视觉变化吉利银河L7 在调节温度时,会在温度调节控件周围出现一个根据温度高低区分颜色的圆形轮廓,且颜色饱和度并不高,不会造成用户被过度吸引导致危险驾驶,仅用于强化用户对温度调节的感知。

空调设计专题|温度调节-视觉细节设计 - 图8

吉利银河L7-降低温度时出现浅蓝色轮廓

空调设计专题|温度调节-视觉细节设计 - 图9

吉利银河L7-升高温度时出现浅橘色轮廓

领克08

领克08的氛围灯可以与温度调节功能形成联动:在升高温度时,氛围灯可以散发出橘红色,在降低温度时,氛围灯可以散发出深蓝色。并且可以区分温区,调节主驾温度时仅有中控屏左侧的氛围灯进行联动,调节副驾温度时中控屏右侧的氛围灯进行联动。

空调设计专题|温度调节-视觉细节设计 - 图10

领克08-主驾侧升温左侧氛围灯联动

空调设计专题|温度调节-视觉细节设计 - 图11

领克08-主驾侧降温左侧氛围灯联动

空调设计专题|温度调节-视觉细节设计 - 图12

领克08-副驾侧升温左侧氛围灯联动

空调设计专题|温度调节-视觉细节设计 - 图13

领克08-副驾侧降温左侧氛围灯联动

总结

在本次设计探索中,我们发现现在仅有一小部分车型有针对用户强化温度调节感知的交互设计,虽然这只是车机中非常小的一部分,但对于用户来说仍然是非常重要的一环,我们希望在后续看到越来越多的车机能做出更好的以用户为中心的交互设计 我们总结出:

1. 常态下:可以通过调节温度后,变化风道的颜色,或温度调节控件本身的视觉样式来增强用户对当前温度的感知

2. 调节过程中:可以在温度调节控件的周围进行一些不抢眼的视觉样式变化,来提示用户交互的结果

3. 可以通过氛围灯联动来进一步提高用户对温度调节以及当前温度的感知