近距离探访“特斯拉Model 3”触屏设计

本人是特斯拉以及伊隆·马斯克的忠实粉丝，他们对于用户体验的见解和专注改变了整个汽车行业的游戏规则。2017年早些时候，他们推出了Tesla Model 3;这款中尺寸的全电动四门豪华轿车以非常实惠的价格问世。作为一名设计师，最令我印象深刻的莫过于中控台那一块15英寸触摸屏，新的设计语言完全取代了“传统”的设计方案。如何解决在驾驶过程中驾驶员高效、频繁的操控中控台的大尺寸触摸屏，我脑海里想到了一些不成熟的设计方案。但是现在我们来看看HUG的创意总监Michael Cherkashin是如何解决这一系列问题，他将如何跳出了我们固有的设计思维，还有他们在这个设计项目中遇到的一些挑战。

前言

我们对于任何用户体验设计的理解都很简单：效率应该尽可能接近100％，换句话说，用户应该尽可能少地花费时间和精力来执行所需的任务。这对于车辆驾驶过程尤为重要，因为安全是首要任务。我们希望与驾驶者、特斯拉和其他汽车制造商的工程师分享这一理念。我们设计了直观的多点触控手势和响应式栅格系统，让整个产品的功能可根据驾驶员和乘客的需求进行定制。

设计遇到的挑战

Model 3已经发布了新的15英寸触摸屏，相比以前Model S和ModeX的屏幕还要宽。虽然看起来不错，但是这样使得屏幕中某些功能区域变得难以触及。这可能看起来是一个小小的差别，但是在车辆行驶过程中，这会变得非常重要。因为在驾驶过程中每一个时刻都是至关重要。虽然Model 3是为了自动驾驶而设计的。但是在有一些国家，例如：冬季严寒的国家，必要的基础设施还没有完善不能支持自动驾驶，所以仍然需要驾驶员去主动驾驶汽车。

另一个挑战来自缺乏物理按钮。在其他车辆中，您的触觉可以让你快速找到功能按钮或调节器，因此不会让您的视线离开道路。但是操控触摸屏时需要驾驶员的视线离开道路;当遇到崎岖不平的道路时，保持方向盘的稳定性会非常有挑战性。

为了解决这个问题我们提出了两个解决方案。首先是一个可调节的栅格系统，用户可以移动仪表板的栅格面板来最好地满足他们的需求。例如：媒体播放器可以移动到乘客侧，以便他们可以玩DJ，而在自动驾驶的情况下，地图可以更靠近驾驶员并且可以随时扩大或隐藏。第二种解决方案引入了可以应用到屏幕任何区域的多点触摸手势，并且不需要驾驶员通过远离道路视线来分散注意力。这些手势将是非常直观的复制物理按钮。

两点触摸手势

使用两个手指时，司机或乘客可以轻松控制多媒体播放器，即使它没有显示在屏幕上。每个手势都重新定义成我们已经习惯的物理按键或调节器。例如：调节音量的轮转按钮。

• 两指点击播放和暂停

•两指旋转调节音量

•侧面两指点击或滚动快进

•侧面两指滚动快速改变媒体

•左右两指滑动改变频道

三点触摸手势

使用三点触控操作，司机和乘客都可以通过三点触控旋转调节控制车内温度。从驾驶员一侧操作可以调节整个车内的温度;另一种选择是，在乘客侧使用相同的操作，可以调节双区温度。

•在驾驶员一侧通过三点触控旋转可调节整车温度

•在乘客一侧通过三点触控旋转可调节车内双区温度

•三指上下滑动可以调节风扇风力程度

界面设计

整个界面的视觉设计和传递给用户的感觉，是整个设计项目另一个需要考虑的关键因素。特别是在设计感十足的Model 3中。界面的视觉设计应该与内部和外部的工业设计相呼应。我们采用了一种简约而流畅的设计语言，让整个用户体验非常友好，给用户的直观感受也是非常暖心。考虑到整个使用场景我们把按钮尺寸设计的比较大，每个按钮的有效触控范围也相应的增加了，所以用户在驾驶过程中整个操作过程就变的更容易了。即使在明亮的光线下，整个界面的色彩也是平衡的。这种柔和平衡的色彩感觉可以减少驾驶员的眼睛疲劳。

夜间模式

一旦太阳开始落下，系统会通过时间以及外部的光线环境智能分析与判断当前界面模式。整体光线环境偏暗时屏幕就会自动切换至夜间模式，为更好的驾驶体验提供更少的眩光和光线干扰。用户也可以自定义亮度调节，单指在屏幕的边缘上下滑动，减少或增加显示亮度。

通知提醒

系统通知样式是非常直观和易操作的。例如：在行驶的过程中有来电，或者当你的车辆的电池电量不足时系统会弹出直观的提醒弹窗，你只需要一个简单的触摸操作，就可以解决这些问题。

未经允许请勿转载到其他公众号

请给公众号留言获取内容授权