汽车交互设计案例：特斯拉中控屏的功与过

本文笔者将以特拉斯的交互设计为案例，剖析其设计方面有哪些优缺点，以此讲述：该如何做好汽车交互设计？

汽车设计必须要遵循的原则包括：车辆的控制要足够方便，驾驶员无需过度分心，同时与驾驶相关的信息显示一定要清楚易懂。

对于有几十年驾龄的老司机们来说，新型汽车的操控是完全不同的一种体验。新型汽车相较于传统汽车增加了后视摄像头、障碍传感器、倒车雷达、变道辅助、自动巡航、自动驾驶甚至网页浏览等功能，这一切功能都是为了驾驶更加安全和舒适。

不过有一点不容忽视，汽车的设计者必须要考虑到：这些纷繁复杂的辅助功能不应当喧宾夺主，驾驶者仍需要全神贯注以保证行车安全。

让人分神的虚拟按键

特斯拉Model S车型上的物理控制开关很少，仅有的几个也都配置在方向盘附近，主要是一些与驾驶操作相关的功能，例如：巡航控制、自动驾驶、雨刮器和车灯等，但绝大多数功能（包括后视摄像头、电话、影音播放器和空调）的控制并没有物理开关，而是通过驾驶位和副驾驶位中间一块17英寸的触摸屏实现的。

这块触摸屏似乎已经够大了，差不多是iPad屏幕的3倍，但还是不能放下所有的功能，在特斯拉第9版的操作系统中，很多功能甚至还被放在扩展菜单里，这使得操作变得更加复杂。

特斯拉Model S车型的触摸屏：空调、播放器还有后视摄像头等功能都能通过17英寸触屏下方的菜单栏启用。

图上的箭头图标（主菜单栏左数第三个图标）表示子菜单，里面包含了一些附加功能的操作按键，而用户想要关闭子菜单，还需要再触碰原位置处的“X”图标。

尽管触屏相较于传统的操作配置更加灵活，但也有一个显著的问题：驾驶者不能获得触觉反馈——也就是说，要确定有没有按到对应的功能，还必须要分神，边看边操作。

物理控制器至少还能通过触碰感觉到它的位置，而不太需要花费太多注意力（就像音乐家可以边弹钢琴边看乐谱，我们可以边看屏幕边打字），但想要触碰虚拟按键，就必须要从视觉上确认其位置所在。

虚拟按键都紧密排布在触屏的菜单栏中，更何况还有二级子菜单，在多个界面点选功能要花费更多的时间和注意力。而对于驾驶员来说，在车上的用户界面投入了很多时间，就意味着不能全神贯注地关注路况和驾驶信息。

糟糕的按钮设置

图标的位置太偏，导致操作时间变长。

费茨定律指出：指点触碰到既定目标的时间取决于两个因素——目标的大小以及与目标之间的距离。因此，配置在离驾驶员初始位置较远的控制按钮，相较于手边的控制按钮需要花费更多的时间来碰到。

上一辈人学车的时候，标准的控制开关都在方向盘2点钟到10点钟的位置内，而随着安全气囊和小型方向盘日渐流行，美国国家公路交通安全管理局(NHTSA)提出最安全的控制开关要配置在3-9点钟区间内（相当于方向盘下半部分）。

无论是上面哪种配置，对于特斯拉车型来说，触摸屏上最佳的操作位置都应该是屏幕中部偏左的位置，因为这样最接近驾驶员的右手。然而，特斯拉Model S车型的触控按钮都放在17英寸大屏最下面那一栏，操控体验非常不友好，尤其是大屏幕右下方的按钮。

特斯拉第9版操作系统把控制菜单放在离驾驶员手位很远的位置，上图中的红色箭头就是从方向盘3点钟位置到控制区的距离，可以说是很难以操作了。

控制菜单放在屏幕最下栏，还会让驾驶员不得不把视线从挡风玻璃移向触摸屏，一旦路面上出现突发情况，驾驶员都无暇顾及。

按理说，操控菜单里最常被使用到的功能应该最容易被找到，然而特斯拉在控制按钮的安排上更是令人费解。

放在第一个的按钮竟然是车辆的个性化设置，这个功能通常很少在行驶过程中打开。

而后视摄像头（非常重要的一个功能，北美要求换道和转弯时侧头看确保盲区无车。这一功能解决了一般汽车后窗被座椅遮挡的问题）和电话功能却被放置在箭头表示的附加功能子菜单里，这两个功能竟然没有被放在首要的位置，甚至在附加功能子菜单中都没能排在前几个，取而代之的是日历、油量、网页浏览器等功能被放在了最前面。试想，在驾驶过程中你到底是日历用得多，还是后视摄像头用得多？

图标太小

另一个影响操作时间的因素是按钮的大小：显然按钮设计得越大，越容易更快地触碰到。

然而，第9版操作系统中，特斯拉却进一步缩小了图标，或许是为了在菜单栏中放下更多的功能，第8版中只有7个按钮，而第9版有10-11个。

功能越来越丰富是许多移动设计师追求的目标，但这却并不意味着设计更完美。

媒体播放器的控制键（播放/暂停、喜欢、下一首等）比推荐的1cm*1cm触控按钮规格还要小，然而播放器下面的选项卡（广播、流媒体、电话等）就设计的相当大（包含了图标和标签——这倒是非常值得推崇的一种做法）。

误触的可能性很大

由于操控按钮设计得非常紧凑，有时候很容易就点选到了其他功能。

例如：我经常在想要打开空调开关的时候，不小心打开了座椅加热功能，而且座椅按钮和附加功能按钮离得也非常近，如果驾驶员想通过上划小箭头图标打开其他功能（可能是受iOS系统的手势控制启发），就很容易碰到座椅加热的按钮。

从上图可以看到：座椅加热功能和附加功能紧靠在一起，像图中红色箭头所示，通过上划可以打开附加功能。同时，右边又是车内温度调节按钮，座椅加热功能非常容易被误触打开。

地图影响信息可读性

如果要通过屏幕给驾驶员提供相关信息，首先要保证屏幕上出现的信息清晰易读，在不同的光照条件下都能清楚看到。如果字体太小、背景杂乱或是文本与背景反差度太小，都不能很好地满足使用的要求。

然而，特斯拉的地图界面永远都放置在大屏幕上，始终会作为其他应用的背景。其结果就是：屏幕最上方的状态栏很难看清，因为周围都是地图信息。此外，如果刚好应用窗口之间的背景是非常明亮的地图道路，就会从视觉上带来干扰，就像下方的屏幕截图显示的那样。

更糟糕的是：所有的应用都不能被置于屏幕顶端，所以驾驶员不得不在屏幕顶端一小块地图背景上辨识状态栏的信息。

地图作为屏幕背景还有一个问题，会影响驾驶员对其他应用的操作——例如：你想要放大某个应用的窗口界面，那么你必须要按住应用的边框来拖动，一旦你不小心手指点到了窗口之外，操作系统会默认你在操作地图界面，而不是这个应用。

地图是所有应用的背景，潜在地会影响其他应用的展示效果，同时也会对其他应用的操作带来不便。上图中红色的路况信息，也会让驾驶员在浏览应用信息的时候受到不相关信息的干扰，而且日历窗口的关闭还必须要点中“X”，不像音乐播放器可以通过下划收起。

令人困扰的屏幕展示

驾驶特斯拉的时候，如果你想变道，可以用以下几种方法：

• 最传统的方法，观察后视镜里的路况信息，左右侧头判断旁边的车道是否有来车。
• 或通过后视摄像头，在老版本的特斯拉操作系统中，你可以把后视摄像头固定在触屏的上方。但现在的版本里再也做不到了，要看摄像头必须得把视线从道路移到屏幕上。
• 通过附加功能里的变道辅助功能，当你打开了转向灯，如果目标车道有来车不能变道，那么屏幕上会显示红线警告（见下图）。

操控面板上会提示驾驶员是否可以安全变道（第一张图表示可以变道，第二张图表示不可以变道），不过只有最近的两条车道才会被显示出来。

问题在于：每一种方法提供的信息都是有限的，但驾驶员不可能把每一种方法都结合起来用，等你把几个方法都挨着用完了，可能都到达目的地了。

因此，绝大多数人只会选用最省时省力的方法，你认为哪一种最受青睐呢？

当然是操作难度最低、交互时间最少的变道辅助系统，因为只要你打开转向灯，这个功能就会自动跳出来，帮助你判断路况。

这是一个很好的范例，许多设计师都挣扎在怎么才能让用户学会使用新的功能，不妨学习一下特斯拉：只要你把功能设计得比之前所有方法都更加简单实用，并且在最恰当的时候展现给用户，那么他们自然会对这个功能产生依赖。

那么，只要用户能更快实现目的，就一定更好是吗？

——这还是要取决于这个解决方案能保证在任何场景下都能有效实施。

事实上，特斯拉并不鼓励完全依赖变道辅助，即便是特斯拉能够大幅降低传感器失灵的发生概率（发生的可能性还是大过你的想象），也难易非常准确地向驾驶员展示清楚相关信息。

举个例子：

如果你在三车道的道路上行驶，目前正位于最右侧的车道，而你想要变道至中间的车道，那么首先你会打开左转向灯，屏幕也会告诉你左边的车道可以变道；一旦当你已经变道至中间的车道，可能还没来得及关掉左转向灯，屏幕上就已经变成了由中车道向左车道变道的相关信息，但是用户有时并不见得清楚自己的位置已经到哪里了。

因此，用户很可能反复确认屏幕，注意看有没有出现红色的警告线。如果变道到中间车道之后，左车道有来车，屏幕会显示继续向左变道的警告提示，用户却可能会误解为不能变道——本来已经完成变道，看到这个警告之后很可能慌慌张张地变回原来的右车道。

上面这个例子就点出了目前汽车设计者和生产厂商面临的一个困境。新型汽车上搭载了许多新功能，像是自动驾驶、变道辅助、碰撞检测等，都有潜力逐步替代我们传统的驾驶习惯。如果这些功能非常实用，比起我们在驾校学到的“左顾右盼”等方法更加简便易行，那么这些功能迟早会替代传统方法。毕竟人类一直都在追求最省事的解决方案，这并不是因为我们懒，而是提高效率的必然需求。我们经常看到有人在新型汽车里化妆、玩游戏甚至补觉，这是因为新型汽车让我们觉得这非常安全和方便。

作为设计者来说，我们的任务就在于给予用户正确的心理导向，让他们首先理解我们系统的运作原理，告诉他们新型汽车简化驾驶流程带来的好处，并不是以更高的驾驶风险作为代价的。

优点

上面提到了很多特斯拉可以在用户界面有所改进的方面，但必须承认特斯拉也有很多不能忽视的优点。

1）大屏幕是个加分项

它让驾驶员能同时打开多个应用窗口，尽管转换应用很让人头疼，各种选项让人看花了眼。但不得不说，能同时兼顾后视摄像头和地图导航、影音播放，都让驾驶更加容易。

驾驶本来就是一件需要全神贯注的事，驾驶员需要同时兼顾多方面的信息，如果能通过一块屏幕获取所有的信息，无疑会减少驾驶员的记忆负担。遗憾的是，尽管这块大屏幕的分屏显示功能已经问世一段时间了，还是很少会有人同时打开多个应用窗口。

2）地图软件添加了特斯拉独有的信息

尽管整个应用是基于谷歌地图设计的，但还额外为特斯拉用户增加了特别功能：

• 特斯拉专用的超级充电站会自动显示在地图上。
• 当设定导航目的地时，地图软件会自动测算到达目的地后，电池还能剩余多少电量。
• 导航功能可以为用户提供共乘车道的相关导向信息。

地图软件会显示沿途有多少个可用的充电站。

3）自动驾驶和自动导航系统能够自动识别复杂路况，在需要驾驶员密切关注的路段，会提示驾驶员手不离开方向盘。

4）特斯拉随时联网，可以及时进行系统的更新。

这个功能可谓有利有弊，好处是系统中的漏洞可以被及时修复，用户遇到的问题也会随时联网上传。

不好的地方在于：用户界面可能经常会变动，用惯了上一个版本的用户或许会不习惯新的操作，而且用户还必须要信任生产厂商提供的都是经过严格测试的安全系统。

结论

新型汽车都是强大的电脑系统，能够通过各种传感器突破驾驶员的能力极限，还能通过丰富的功能让汽车的驾驶体验更加便捷、享受。

但这一切的实现还需要一个前提，那就是汽车的设计者们必须要深谙计算机交互设计原理，从用户心理和实用性原则出发，设计出最实用的操作系统。

原作者：Raluca Budiu

原文链接：https://www.nngroup.com/articles/tesla-big-touchscreen/

翻译：「即能」小程序，公众号：「即能Upskill」

本文由 @即能 翻译发布于人人都是产品经理，未经许可，禁止转载。

题图来自Unsplash，基于CC0协议

作者暂无likerid, 赞赏暂由本网站代持，当作者有likerid后会全部转账给作者（我们会尽力而为）。


Support author:
Author's Filecoin address:
Or you can use Likecoin to support author: