一种减少驾驶员分心的新型用户体验设计概念

一种减少驾驶员分心的新型用户体验设计概念

Hang UE designer

本文为笔者亲译,原文链接:theturnsignalblog.com/designing-a-new-ux-concept-to-reduce-driver-distraction/,感谢作者:Casper Kessels

触控屏在车内空间中越来越普及,但其通常被设计得很复杂以至于难以在驾驶过程中被操控。因此,我在思考能否创造一种现代化的交互模式,既保留触控屏强大灵活的特性又不会引起驾驶员分心。

banner.webp

自从初代 iPhone 发布以来,汽车设计师们就一直在尝试将它的极简外观和界面风格融入汽车内饰之中。随着每一代新车发布,越来越多的实体按键和旋钮被巨大的触控屏代替。然而,IOS 的设计语言聚焦于智能手机的使用场景,而汽车的触控屏设计似乎只是一味的复制,并没有适配驾驶场景。这使得触控屏太复杂,并不适合在驾驶过程中使用。这也是为什么因分心驾驶导致的交通事故每年都在增加。因此,我在思考能否创造一种现代化的交互模式,既保留触控屏强大灵活的特性又不会引起驾驶员分心。

交互研究

在思考如何减少驾驶员分心时,我认为我们常常站在错误的角度。当汽车界面充斥着大量复杂功能时,解决方案应该限制功能数量而不只是简化界面。这引出了以下问题:车载系统应该无条件满足驾驶员的任何需求,还是应该出于安全考虑限制用户在车内的行为?于我而言,显然应该选择后者。尽管实施起来并没有直接将多余功能从车内移除那样简单。汽车行业竞争如此激烈,消费者始终可以选择那些功能酷炫的新车。因此我们如何才能在砍掉大部分功能的同时,依然为消费者提供满意的产品?

通过观察驾驶员与这些设备的交互方式,我们将其分为两类:基础交互和复杂交互。

  • 基础交互:包括调节温度、音量、查看油量等。这类操作认知负荷低,使用频率高,必须随时可用,且在驾驶过程中不可获取。
  • 复杂交互:包括更改车辆设置、规划路线、寻找加油站等。这类操作认知负荷高,需要花费长时间完成,无论界面设计得多好,都会分散驾驶员注意力。

我希望提出一个概念方案,让基础交互更容易在驾驶过程中完成,同时适配复杂交互。作为额外的约束,这个方案必须在两年内就能落地——以迫使自己避免过度依赖难以预测的远期技术而偷懒。

基础交互

前文中我们将交互分成了两类。现在我们先讲一讲基础交互的信息布局和操作方法。
研究表明,视觉信息应尽可能靠近驾驶员视线范围,以减少驾驶员的视线偏移。考虑到这些相对复杂,我会将它们放到仪表盘里。另外,我也设想过使用抬头屏,但由于信息复杂度较高,这种方案反而会产生相反的效果。

其次,最重要的是如何操控这些信息?基础交互会被频繁用到,必须尽可能减少对驾驶员的干扰。近年来,汽车人机交互领域的相关研究持续增长。大量研究表明,新型交互方式既能实现更直接的操作,又能降低注意力分散程度,发展前景光明。我找到一些在方向盘中引入手势交互的例子。这种方案具有两个明显的优势:既能实现更复杂的交互功能,又能确保双手不离开方向盘。
此外,基础交互也适用帕累托原则,即 20% 的基础交互会占用 80%的操作时间。通过手势交互,驾驶员能逐步培养肌肉记忆,完成与控制屏的交互,从而减少分心。

经过一番潜心研究,我提出一种方案:在方向盘靠近手指的位置嵌入两块触控板。驾驶员可以通过滑动、捏放、点击等手势操控仪表盘。界面设计方面,我使用了基础的菜单布局。我也设想过颠覆性的界面设计方案,但这已超出本项目研究范围,而且会将重心从探索新型交互模式转移到界面设计上。
cluster.webp

用户可以通过上下左右四个方向滑动来浏览菜单。每个方向关联着一项设置或功能。左触控板控制着系统的主要应用,用于媒体、导航、设置、通话等功能间的切换。右触控板则控制着各应用的子菜单。
leftrighttouchpad.webp
为了减少对驾驶员的干扰,触控板不会显示任何信息,这也是手势交互的主要问题所在——不容易被用户发现。界面隐藏后,用户如何才能发现系统的使用方法?为了解决这个问题,在系统检测到用户迟疑时,会显示数字化菜单来引导用户操作。
LongAppSwitch-3444b635cb354bc1e8e6910728b02c73.gif

一些高频使用的交互在一段时间使用后会转化成肌肉记忆。此时,驾驶员无需界面引导便能操作系统。
CustomGestureMusic-b59a08d84aa82e1602e31cf265222583.gif

除了四向滑动之外,系统支持自定义手势。自定义手势的最大优势在于,用户能为特定的高频使用的交互创建个性化的手势。例如,当用户每次下班回家发送消息时,通过自定义手势,一个操作就可以完成原本需要 5 步以上的操作。
customgesture.webp

如果用户启动自定义手势后不知道如何完成,系统处理原则同前文所述,一旦监测到用户正在迟疑,将通过仪表盘动态展示图例,引导用户继续操作。系统将显示用户在当前停滞点可执行哪些后续操作。
CustomGestureMusic-b59a08d84aa82e1602e31cf265222583.gif

遵循简洁性原则,系统默认只保支持少数手势交互。当前设计方案中,必要的手势仅有四向菜单导航,以及“勾选”、“X”这类用于确认、取消的基础自定义手势。但用户可以通过设置专属手势,精准定义其控制对象,使系统更适配自己的需求。专家型用户可根据自身需求设置任意数量的手势。
手势交互强大且应用场景广泛。我深入探索了其潜力边界,例如在导航设置方面:
CustomGestureMusic-b59a08d84aa82e1602e31cf265222583.gif

但是我发现使用手势进行一些大型交互时,会对驾驶员造成严重的干扰。解决这个问题的重点是需要尽可能简化操作。因此,除了手势交互,驾驶员也能通过语音下发命令。在系统执行一些复杂的交互,如导航去目的地时,语音交互尤其好用。理想情况下,手势和语音交互能够交替使用。例如,驾驶员可以通过手势打开导航应用,再通过语音输入目的地信息。
Gesture Interaction Concept - YouTube

复杂交互

介绍完基础交互后,我们将目光转向复杂交互场景。作为驾驶过程中的非关键动作,这类交互只会偶尔被用到,通常被集成在仪表盘中,主要通过大型触控屏调用。除了少数例外,这些车载屏幕大多比不上我们熟悉的设计精良、响应快速的平板设备。这些触控屏响应速度慢、屏幕素质差,且人们通常只习惯一到两套操作系统——手机、电脑。而如今,人们进入车内,却要面对一个完全陌生的操作系统。

当人们坐上驾驶位,通常考虑的是从 A 点到 B 点的行程,而不会想着学习如何使用车载系统。因此,无论界面设计如何简化,用户都始终难以掌握。这也解释了为什么 Apple CarPlay 和 Android Auto 广受欢迎——因其将手机系统中人们熟悉的界面映射到了车载娱乐屏上。

由于驾驶过程中,复杂的交互行为容易引起驾驶员分心,最佳解决方案便是将这类交互完全从车载系统里移除。既然用户只习惯在手机和电脑上操作系统,何不将这类交互放到用户更习惯的设备上?因此我尝试以一种不会给用户增添额外负担的方式来实现这个目标。

我设想的方案是将整套车载娱乐系统迁移到任何设备都可访问的云端环境。用户若需要更改汽车设置、规划导航路线或安装应用等,通过笔记本、平板或智能手机便能实现。坐在家里沙发上就能向汽车发送指令。仪表盘仅承载信息娱乐系统的部分功能。
ipadUI.webp

车载系统仅提供基础交互功能。在某些情况下,这种限制会导致驾驶员在开车时使用手机。因此设计工作不仅要从软件层面围绕智能手机展开,物理层面的设计也同样重要。

为了防止驾驶员在行车过程中使用手机,需要在车内为驾驶员在内的每位乘客提供单独放置手机的位置。这些位置不仅配备无线充电功能,也是手机与车辆建立连接的接口。这意味着任何人都可以通过手机与车辆进行交互。如:当有同行者时,若驾驶员需要寻找加油站,便可请其他乘客协助将新的路线同步至车载系统。这套方案同样适用于影音娱乐、系统设置、信息通讯等模块。
RenaultInterior.webp

前文提到,为了减少驾驶员的视线偏移,多数信息都显示在仪表盘(正对驾驶员视野下方)。这种设计虽然有利于驾驶员专注驾驶,却让乘客缺失了显示音乐、导航等信息的中控屏。为此,我们在汽车控制台中心设置了一个区域用于连接手机。“主连接区域”与普通手机放置区域的不同点在于:该位置是驾驶员唯一触手可及的地方,手机放在此处将完全限制车内人员使用。此处会向车内所有人同步当前播放的媒体、时间及预计到达时间(ETA)等关键信息,仅支持语音交互。为了防止驾驶员分心,在驾驶过程中手机一旦离开此区域,将限制驾驶员的任何操作。
phoneUI.webp

为了更好理解,试想一个小场景:你明天需要长途驾驶,在前一天晚上便打开谷歌地图,将规划好的路线同步至车内系统。考虑到出发时可能天气炎热,你将车内空调设定在出发前 5 分钟自动打开,制造一个凉爽的车内环境。你也已经将驾驶时想听的播客加入到播放清单。第二天,手机会及时提醒你路上拥堵,需要提前出发。当你坐上驾驶位,只需将手机放到中央控制台,便可轻松上路。

概念验证

我刚刚提出了一个宏大且充满研究假设的新概念。现在是时候验证其可行性了。这个概念非常宽泛,所以我聚焦于手势交互这一细分领域。具体来讲,手势交互的可发现性,以及用户是否能成为“专家用户”,是我在本概念设计中最关心的两点。“专家用户”,特指那些无需界面引导就能使用系统的用户。

基于1$ Unistroke Recognizer(一种单笔画手势识别算法)算法,我用JavaScript构建了基础交互原型。测试设备选用了与汽车方向盘尺寸大致相当的iPad Pro。

我设计了覆盖多个难度级别的测试场景,从简单的“暂停歌曲”开始,逐渐过渡到像“回复收到的消息”这类复杂指令。通过逐步增加任务难度,让参与者渐渐理解这个概念方案。为了测试手势的可发现性,我将 iPad 交给了参与者时,未做任何说明。

用户测试

首先,为了排查核心问题,我组织另外四位 UX设计师进行了一次基础测试。根据测试结果,我们对界面进行了一些微调,如给予用户更多引导和反馈。
image.png
image.png
image.png

我们组织了 14 名未接触过项目的用户完成第二次用户测试。其中包括6名UX设计师和8名无设计或技术背景的小白用户。
原型视频如下:In-Car Gesture Interaction Concept - YouTube

测试效果令人满意。当参与者拿到原型产品时,短时间内便能理解系统运作机制。大部分参与者在完成前两个任务后便迅速学会了系统使用方法。超半数的参与者自行发现了”专家模式”,很快便能脱离界面引导,独立使用系统。

测试过程中,大部分参与者在有些环节确实需要帮助才能完成任务。一个重要原因在于系统的可靠性。在一些案例中,系统出现的误判让参与者从一开始便陷入困惑,并走向了错误的路径。此外,部分手势设计得不够直观。例如许多参与者习惯“轻触”(而非滑动)触控板来暂停歌曲。基于这些问题,我们提出了两项改善措施:

  1. 在触控板与操作界面间建立明确关联,引导用户执行各阶段操作;
  2. 屏幕指引应更生动形象,最好采用动效或更形象的图标,帮助用户更容易明白应该采用哪种类型的交互——何时执行滑动操作或特定定制手势,以及如何使用。

结论

用户测试结果显示,手势交互在车载应用中具有巨大的潜力。其最大的劣势——可发现性,虽能通过设计改善,但需进一步研究验证方案的全面可行性。当务之急是测试针对界面的改善方案,然后在真实车内搭建交互原型,在实际驾驶场景中对交互体验展开深度研究。

根据用户测试后的个人观察,手势交互体验实际上非常友好,但当前菜单结构的界面显然并非最佳解决方案。仅靠手势控制具有两个不同层级的菜单,太过于复杂。例如当用户正在使用导航应用时,若要切换下一首歌,则需要在每个触控板上滑动——这相当繁琐。针对这类使用场景,我们需要研究应该使用哪种界面设计更合适。

从更宏观的层面来看,本项研究凸显了从传统交互模式转向差异化的、更现代的交互模式是很必要的。近年来,车内整合的新技术显著增多,但交互模式的创新却停滞不前。当前,汽车新势力正为汽车带来全新的用户体验、新型商业模式占领市场、科技巨头纷纷进军汽车行业,汽车自动驾驶不断发展…打造简洁高效的人机交互系统变得前所未有的重要。本设计概念正是对这一目标的初步尝试。

最后

该项目在雷诺汽车设计部门完成。衷心感谢雷诺设计团队提供的本次实践机会,并在整个过程中给予了我莫大的帮助。如果你想了解更多项目信息,可点击此处获取完整报告。

目录
一种减少驾驶员分心的新型用户体验设计概念