未来的车辆用户界面将是惊人的
已发表: 2022-03-11当今大多数车辆的 UI 设计状态被广泛批评为不直观、过时和不美观。 汽车制造商在实施其他行业认为标准的设计质量方面进展缓慢。 因此,许多设计师借此机会推测未来的车辆 UI 将如何改变我们的驾驶体验。
汽车行业似乎每天都有更多的发展。 事实上,汽车行业预测未来二十年的变化比上个世纪更大。 因此,尖端的数字设计师应该将注意力集中在这个关键行业上。 那么,车辆用户界面的未来会是什么? 它们能否从根本上改变我们与汽车的关系?
以下是由来自世界各地的不同设计师创建的精美且具有未来感的车辆 HUD(平视显示器)、交互式 UI 和第三方应用程序控制器的精选集合。 有些设计是从现场产品中捕获的,有些仍在开发中。
特斯拉移动控制中心原型
为什么这么神奇:
你有没有因为想知道你是否锁好车门、关掉灯或把钥匙交给刚学会开车的孩子而感到偏执?
这个移动应用程序原型让您无需离开座位就可以检查所有这些。 有柴油混合动力车吗? 您甚至可以在吃早餐时启动发动机以驱除霜冻。 至于感官反馈,直观的动画和过渡让您知道动作何时执行和完成。
板载触控 UI
为什么这么神奇:
此 UI 着眼于使用触摸手势由肌肉记忆驱动的通用控制模型。 表面上的手指数量及其动作触发动作,这是 Apple 的 iPad、魔术鼠标和其他操作系统的标准。 在这种情况下,运动会增加或减少值。
UI 消除了记忆所有小控件和广泛的图标库的需要,因此允许您使用相同的手势或其变体来完成不同类别中的多个任务。
您可以查看整个案例研究并在此处试用原型。
特斯拉仪表板界面概念
为什么这么神奇:
随着公用事业共享更多相同空间并且功能变得越来越相互关联,车辆将变得更加智能。 随着这些发展,摆在我们面前的数据可能会变得不堪重负,就像我们的手机和其他任何本来应该是单一功能设备的东西一样。 我们对所看到的和如何看待它有一定的控制权,这应该是很自然的。 人工智能和机器学习将控制直觉,而这台 Bureau Oberhaeuser 原型在将这一切曝光方面做得非常出色。
您可以在此处查看案例研究并查看它的实际应用。
远程车辆健康测试和控制
为什么这么神奇:
当您的车辆似乎出现问题时,拿起扳手并在引擎盖下叮当作响只会变得越来越难。 随着所有系统都变得电子化、计算机化并被覆盖以看起来原始,抢先发现故障所在并不那么直观。 这个移动原型以您理解的语言解释您车辆的健康数据,让您在开始您的海岸到海岸公路旅行之前进行必要的维修。
轮胎压力和气候用户界面
为什么这么神奇:
在进行旅途中的轮胎压力检查时,此界面将让您知道各个压力范围以及确切的补足量。 这个接口提供了这样的基本反馈,它应该成为标准。

Hudway 增强现实平视显示器
为什么这么神奇:
不言而喻,司机应该在路上保持头脑清醒,但是当司机用手机寻找方向时,内置的移动导航界面仍然会导致偶尔发生事故。 Hudway 应用程序可以轻松地将第二个屏幕体验融入挡风玻璃。 Glass 是未来的表面,这款导航应用程序利用该空间为驾驶员提供了手机的扩展,以及逐向语音提示。
您可以查看案例研究并在此处查看它的实际应用。
城市指南汽车游戏应用程序
为什么这么神奇:
这个用户界面非常适合勇敢的冒险家。 如果您想快速发现周围的事物,此应用程序可让您在狭窄的路线内展现自发性的旅行(并希望您也能保持在道路的右侧)。
苹果Carplay
为什么这么神奇:
每个人都看到了这一点。 如果您已经拥有 Apple 的所有东西,那是很容易的,您不妨也将他们的产品注入您的汽车。 Apple Carplay 是第二屏交互的下一个级别,它只会从这里变得更好。
数字仪表盘集群显示
为什么这么神奇:
没有什么比加速引擎、让你的所有乐器都亮起来并像一支经过精心调校的军乐队一样齐声演奏的了。 您可以通过声音和延迟的视觉交互以及微动画从周围的所有事物中获得感官反馈,这些动画会在您的下一个转弯临近、燃油不足或轮胎压力下降时提供直观的信号。
但是,用数字显示器取代所有模拟功能会带来一定的疲劳。 通常,没有手动操作,因此如果保险丝爆裂或电子设备发生故障,您的驱动器将很快成为一个直接的家。
特斯拉 Apple Watch UI 原型
为什么这么神奇:
随着可穿戴设备成为我们连接设备的一个组成部分,您的手持设备可以轻松地从控制相关产品生态系统中最精明部分的职责中解脱出来。 这个原型很好地解释了这如何转化为手腕。 在此处深入查看原型。
结论
这就是我们如何看待当今尖端车辆 UX 设计的现状。 您所知道的还有哪些其他产品正在突破界限? 你觉得这组设计怎么样? 加入讨论,并在下面告诉我们您的意见!
• • •
进一步阅读 Toptal 设计博客:
- UI 设计最佳实践和常见错误
- 空状态——用户体验中最容易被忽视的方面
- 简单是关键——探索最小的网页设计
- 移动界面的启发式原则
- 可读性设计——网页排版指南