

在过去的几年里,汽车设计出现了一种新的趋势,汽车设计师一直在整理汽车内饰。他们取消了物理控制,代之以触摸屏为主,这主要原因是干净的外观和节省成本。
然而,当汽车公司这样做的时候,他们并没有充分利用触摸屏。相反,他们的方法主要是复制平板电脑的界面,并直接将物理按钮转换为触摸按钮。因此,汽车中的触摸界面很难使用。

汽车公司正在全力开发触摸屏
令人担忧的是,有许多人在交通行驶中四处张望以及被手机和信息娱乐系统分散注意力,而后者是一个完全由汽车公司自己造成的问题。在解决这个问题上我认为他们做得还不够,拥有一个精心设计的用户体验不仅会导致更少的事故,而且还会让客户更快乐,这是一个双赢!
简而言之,现在触摸屏在可用性上落后于物理控制,我们必须找到不同的解决方案处理这个问题或者在设计上有重大改进。作为我的汽车设计博客的一部分,我决定看看是否有可能创造一种既没有物理控制又可用的车内体验。

1 一些设计原则
基于触摸屏的核心问题,我提出了四个抽象的原则来帮助我解决这些问题。
简化,轻盈

“简化,然后增加亮度”
我只需看看汽车世界本身就能描述出最重要的原则。传奇赛车设计师科林·查普曼创造了这句名言:“简化,添加轻盈”。他的赛车在60年代很成功,因为它们是有高度针对性的制造和完全适应他们的使用环境,同样的原则也是良好界面的决定因素。
比较大众系列高尔夫l型和高尔夫VIIl型的内饰特点,可以发现它们其实很相似。两者都提供了一些与驾驶、气候控制和媒体控制相关的信息,主要的区别是高尔夫VIIl型有一个导航系统。然而,高尔夫VIIl型怎么可能如此复杂呢?

高尔夫I型 内饰 VS 高尔夫VIlI型 内饰
原因之一是高尔夫VIIl型提供了数百个额外的选项、特性和设置,而这些并不是必需的。当数字接口变得越来越大时,汽车公司将其视为能够增加更多功能的机会。但是仅仅因为你可以添加一些东西,并不意味着你应该这样做。我要做的是重新评估所有这些功能,删除对驱动体验没有显著影响的功能,并简化这些功能。这就引出了下一个原则。
配置和自动化

配置和自动化
如此多的选择是汽车工业的典型特征。一辆车越豪华,个性化的选择就越多,在现代汽车界面反映了这一点。用户可以在界面中配置大量的设置、小部件、背景、颜色等,这同样适用于其他交互,比如气候控制。
触摸5个不同的控件来获得你想要的感觉真的很奢侈吗?或者用户喜欢这种奢侈吗?让我们来考虑下面的例子,不用和系统打交道难道不是一种奢侈吗?

与Nest恒温器相比,路虎揽胜(Range Rover)的Velar恒温器可以控制气候
适应环境

适应环境
如今,汽车上的大多数界面都非常类似于平板电脑的界面。平板电脑是一种应用范围广泛的设备,当你在家里的沙发上看Netlix的时候,界面必须和你在繁忙的办公环境中进行多任务处理时一样好用。
但在汽车里,情况就不一样了。用户体验设计师可以确保该界面只会在与驾驶相关的环境中使用,因此,他们应该设计符合该环境的界面。这就是瑞士军刀和厨师刀的区别,你可以设计世界上最好的瑞士军刀,但在厨房里,一把厨师刀总是更好的。
硬件和软件联结

硬件和软件联结
设计一个汽车内饰是一个复杂的过程,不同的学科必须一起工作和妥协。在考虑屏幕布局时,平衡可用性和美学是很重要的。但是,如果您不需要关心美学,而可以完全关注可用性呢?
对于这个项目,我就是这么做的。我首先发现了界面的核心特性,然后我通过创建3D模型并在VR中进行测试,测试了不同屏幕布局的可用性。我发现,在可用性方面,靠近驾驶员视线的水平屏幕布局是最好的。考虑到这一点,我设计的界面没有任何实际的屏幕大小限制,所以我让交互界面决定硬件的大小。

三种不同的屏幕布局

2 最后一个概念
总的来说,我设计了三个不同版本的概念。在每个版本之后,我都会从我的人际网络中寻求反馈来改进它。下面是最终概念的模型,如果您对这个项目背后的过程感兴趣,请查看我写的这篇文章!

最终概念的模型
界面分为四个不同的屏幕,中央屏幕、集群屏幕和气候控制屏幕。让我来介绍一下主要特性。
分层系统
中间的屏幕是最重要的,我花了大部分时间来设计它。

中间的屏幕
开车时,几乎所有的互动都与导航或媒体有关。如今,界面往往与电话和设置等其他功能同等重要。为了简单起见,我选择让界面尽可能简单,去掉除了媒体、导航和一些基本的气候控制之外的所有东西。
它们以导航为基础分层组织,而最重要的是媒体播放器,这两个总是可见的。更高级的是对气候和媒体的控制,可以通过分别点击屏幕左下角和右上角的图标来打开。

分层系统
在用户专注于驾驶的情况下,应该尽量减少与屏幕交互的时间。这就是为什么这些元素的位置很大程度上受到菲茨定律的影响。它指出,快速移动到目标区域所需的时间是到目标的距离与目标的宽度之比的函数。换句话说,为了使导航更简单,您可以将可点击元素放置在彼此靠近的位置,或者将可点击区域设置得更大。

主要功能在屏幕的角落里切换
可以很容易地找到它们
菲茨定律还指出,在任何电脑显示屏上,最容易接触到的目标都是屏幕的四角。与放置在屏幕中间的元素相比,盲目地触及屏幕一角要容易得多。这就是为什么气候和媒体可以从角落接触。此外,在屏幕的每一边都有更具体的音量和气候滑块,我将进一步解释。
我有意识地选择将气候控制放在屏幕的左半部分,将媒体控制放在右半部分。大多数汽车的方向盘上都有某种形式的物理控制,可以控制媒体和音量。因此,更重要的是将气候控制放在司机的手中,而不是媒体。

3 驾驶模式
界面根据状态以两种不同的方式进行更改。
停车vs开车和短途vs长途。
停车 vs 开车
首先,停车时的界面和开车时的界面是不同的,这两个场景具有两组不同的用户需求。当在停车时,所有的设置和功能都可以访问。更重要的是,该系统与带有小标签和按钮的典型可识别平板电脑界面非常相似,因为分散注意力并不是问题。

汽车在停车场时的界面
但当汽车在行驶时,界面会发生变化。驱动程序仅限于与驾驶相关的功能,比如导航和基本的媒体控制。标签和按钮也更清晰、更大,因此更容易触碰。这是一个艰难的选择,因为系统不允许司机(或乘客)在开车时更改任何设置。但在我看来,这是用户在安全和自由之间的平衡。在这种情况下,我选择安全。
短途 vs 长途
第二个变化是短途驾驶和长途驾驶之间的区别,主要的区别在于地图的设计。当你开车外出时,比如你每天上下班的时候,大多数用户对地图上的许多细节并不感兴趣,比如街道名称、建筑物等等。最重要的信息层是流量,这就是为什么地图看起来更平静,因为只显示了顶部有交通信息的街道。但在导航时,地图会显示建筑形状、主要街道名称、突出显示的空间和其他特征。

不同的地图设计
另一个区别是显示在集群中的信息。我想探索集群屏幕如何能更好地工作以及与中心屏幕紧密结合,创造更全面的设计,这就是为什么集群屏幕显示的信息取决于中心屏幕的配置。因此,驱动程序可以在具有更安静的集群的大地图和显示集群中的方向的媒体屏幕之间进行选择。

集群和中心屏幕作为一个整体工作

4 手势控制
直到现在,我还没有讨论过最重要的东西。人们对触摸屏最常听到的抱怨是,在“老式”汽车中,你可以伸手去拿一个重要的物理控制器,并在盯着路面的同时与它进行互动。但在现在的触摸控制中,这是不可能实现的,而音量控制是最常用的例子。
这是一个合理的抱怨,但并不像有些人说的那么糟糕。大多数汽车的方向盘上都有物理音量控制按钮,这意味着在大多数情况下,你可以在不把手从方向盘上拿开的情况下做一些小的调整。
但在某些情况下,此按钮交互不适合您想要执行的操作。虽然与方向盘上的按钮具有相同的交互类型,但在触摸屏上没有帮助,好在触摸屏允许新的交互方式。毕竟,这些屏幕是在我们编写的软件上运行的,我们几乎可以随心所欲地使用它。但令人遗憾的是,汽车公司已经开始模仿触摸屏上的物理按钮。

汽车公司将物理控制直接复制到数字控制
对于大多数物理音量控件,使用旋转控件是因为它们允许用户根据旋转的距离,在小的增量步骤和大的步骤中更改音量。

与旋转控制相互作用的两种方式
因此,当为触摸屏设计一个类似的控件时,有两个要求:控件应该允许被轻易盲目地控制,并且应该可以在小和大的步骤中进行调整。
当你盲目地伸手去触碰一个控件的时候,你首先要在控件的大致方向上移动你的手,然后用触觉去感觉它。随着时间的推移,你建立了肌肉记忆,这使第二步更快。但这在触摸屏上是不可能的,因为它们是平的。
然而,它们确实有边缘,你可以用你的触觉盲目地找到屏幕的边缘,这就是为什么我把这种类型的控件放在屏幕的两边。我使用了之前关于手势交互的概念作为灵感。通过上下滑动手指,你可以控制音量等基本功能,小的调整要慢,大的调整要快。
为了使它更容易,一旦你触摸滑块区域,它就会扩大,并且允许一个大的横向误差范围存在。此外,你可以在滑块上的任何垂直点开始交互,这意味着你不需要非常精确地瞄准。

5 气候控制
正如我前面提到的,自动化相对配置的原则最适用于气候控制。气候控制很有趣,因为它们在每辆车里基本上是一样的,但非常复杂,大多数人对如何操作只有基本的了解。如果你问五个人什么是最好的雨刮器使用方法,你可能会得到五个不同的答案(我试过了)。
当然,还有一种更简单的方法来设计它们。如果你往回思考,列出用户在使用气候控制系统时的潜在目标,基本上可以归结为一点:改变车内温度。有许多不同的方法可以实现这一点,但是现在汽车已经足够智能,可以为用户解决这个问题。
这就是为什么在这个概念中,用户只需设置温度。司机和乘客都有他们自己的显示器,他们可以设置温度和切换座椅以及方向盘加热。
如今,空调往往只是为了让汽车更快地达到凉爽的目标温度。例如,当一个炎热的天气下你把车停在太阳下,有一种观点认为,有了这样一个自动化系统,汽车可以控制温度,甚至当它停在那里,温度将永远是恒定设置的温度。
但是像这样的自动化系统从来就不完美。因此,应该有一种方法来否决或推动这个系统朝着不同的方向发展。这就是为什么有第二个控制,即达到目标温度的时间。为此,使用手势控制,当你进入停着的热车时,你希望车在你进入时尽快冷却下来。也就是说,您使用手势输入来设置达到目标温度的首选时间。

气候控制概述
温度界面和手势交互应涵盖了必要的交互,应该是那些在任何时候都应该触手可及的东西。另外,在左下角有三个按钮用于更少见的用例。第一个是“清除窗户”功能,它将使用各种气候控制方法来清除车内的窗户保持干净。第二个是冷空气功能,它能在短时间内将冰冷的气体吹进机舱。这是为您想要向脸上吹冷气以获得安慰的用例添加的。最后一个是标准的再循环空气按钮,你会发现在大多数汽车都拥有这个功能。
汽车的气候控制之所以如此相似,其中一个原因是用户更容易使用某种形式的标准化控制。有一种观点认为,如果控制容易操作,标准化就不那么重要了。但是,教会用户不同的交互系统是困难的。在我的概念中,当车停在停车场的时候,控制器上有描述是如何使用该功能,但是用户必须进行测试,才能了解用户知道并理解这一点。

6 概述
附上视频网址:

集群屏幕的示例

导航时中心屏幕的例子

不导航时的中心屏幕

7 接下来是什么
我在过去几周设计了这个概念,它经历了三个大的迭代,如果你有兴趣了解更多关于这个设计过程,看看我写的帖子。
像这样的概念从来没有百分之百完成,这就是为什么我选择现在发布它。视觉设计还在进行中,但现在在我看来已经很乱了。此外,目前的概念是最基本的。因此,看看在不影响系统简单性的前提下可以添加哪些重要的特性是很有趣的。此外,它值得添加更多的用例。例如,在当前版本中,我没有包括电话,这将通过语音交互来完成。
但更重要的是,在继续之前,在实际用户中测试设计是有价值的。在任何情况下,我真的很有兴趣听到任何读者的反馈!
原文:查看链接 ↗
作者:Casper Kessels
译者:益生菌菌
原文请戳【阅读原文】
为尊重版权和译者
转载请联系我们
我们

服务.体验.交互设计传道者


「一只朝菌设计学园」由毕业于清华大学人机交互专业的学长创办,致力于创造卓越的设计知识学习课堂,专注交互设计、用户体验设计、服务设计领域的专业知识教育。
教师团队来自于清华大学、同济大学、上海交大、北京理工大学、北京邮电大学、中山大学、华南理工、江南大学、香港大学、香港理工、台湾科技大学、Imperial、POLIMI、Delft、Oslo、Goldsmiths、Edin、Glas、Manc、Lancaster、Loughborough、Leeds、Arts London、BCU等国内外高校,以及Microsoft、阿里巴巴、腾讯、网易、华为、央视、百度、美团点评等企业集团。
清华大学有训曰:行胜于言。「一只朝菌」谨承母校百年教诲,时刻铭记师者之责,为好学者传道授业,为有志者掌灯引行。