特斯拉Model 3的车载操作平台界面揭示了它对未来的展望

如果你是设计师或者汽车爱好者,那么,这篇文章无疑是为你准备的。我已经了解到特斯拉Model 3的仪表盘控制和操作界面的诸多细节,这是第一款面向大众市场、触屏的电 […]

2018年6月12日

如果你是设计师或者汽车爱好者,那么,这篇文章无疑是为你准备的。我已经了解到特斯拉Model 3的仪表盘控制和操作界面的诸多细节,这是第一款面向大众市场、触屏的电动汽车。这款车的界面设计告诉我们很多关于特斯拉的长期战略,以及他们对无人驾驶未来的看法。

从一开始,我就一直在关注特斯拉Model 3的研发历程。去年,我试驾了Model S,我马上便爱上了它的驱动方式,以及特斯拉对于客户整体体验把握的敏锐程度,我发现自己喜欢上了这种 “易于接受”的体验方式的。

所以,我浏览了每一个关于Model 3的信息,并筛选出网上的各种观点看法,努力寻找关于它的外观给用户带来的一些细节感受。

第一个概念的确很酷,但我并不会相信特斯拉会去掉传统的仪表盘后再卖给消费者,显然它此时还只是实验室中的一个概念。“现在这个概念听上去很火,但市场营销人员或消费者不会去冒这个险,它还只是一个概念”我点点头对自己说。

结果却是… … 我的想法完全错了,他们真的做到把仪表盘去掉了,甚至连控制旋钮,空调通风口开后备箱的把手都通通去掉了。

无物理按钮的操控屏

无物理按钮的操控屏

相反,他们把所有的东西都塞进了汽车中间的触摸屏上。他们甚至没有试图隐藏它,中间的屏幕基本上是对汽车制造业竖了一个巨大的中指;对那些持反对意见的人以及其他坚持要稳妥行事的汽车公司来说是一次猛烈地冲击。特斯拉摆脱了引擎,他们会尽其所去能撼动一个有着100多年发展史的汽车工业;没有什么是一成不变的。Model 3有四个轮子和一个汽车形状的外壳,但这只是它和大部分传统汽车仅有的相似之处而已。

有个不一样的事情

关于特斯拉的新闻令我肃然起敬,但并没有完全地说服我。我带着许多疑问和不确定加入了批评的一方。

Model 3的四个轮子和一个汽车形状的外壳,是它与大部分汽车仅有的的相似之处。

我很想知道特斯拉是如何将所有的控制系统隐藏在这一片薄薄的屏幕之下,所以我开始在网上搜寻所有关于它的控制界面的信息。这花了我挺长时间,最终看到了一个名叫安德鲁·古德莱德的设计师的项目,我想他应该已经从新闻稿或YouTube中看到了了特斯拉Model 3 的控制界面,所以他做了一个相关的原型界面和一些其他的东西。

为什么我决定重新创建它的控制界面

他的原型界面很酷,但静态图片还不足以满足我的好奇心。我想分析出它地狱般的组件并且深入了解特斯拉是如何设计出令人疯狂的新仪表板的。

所以,我从CSS Peeper上下载了关于屏幕的jpeg图片。

然后我把它们贴到了Figma上。

……然后,毫不迟疑地,我开始根据图像重新创建特斯拉Model3操作界面。我制作了相关的图标,采样的颜色,设计了一个自定义的地图盒子视图,把Figma组件、开关、按钮等所有的东西都拼凑起来。研究别人的作品对自己来说也是一种锻炼,就像我小时候做周日漫画一样。如果画史努比和兔八哥,我就会画好它们,也许这里的追踪能帮助我思考一下制作汽车操控界面的难度。

研究别人的作品对自己来说也是一种锻炼,就像我小时候做周日漫画一样。

我的大部分设计工作都是在Figma完成的。我在过去说过原因,大概就是,它是基于网络的,所以我可以很容易地与大家分享它。它还使我能够非常高效轻松地创建原型链接。如果你喜欢这个类型的东西,这里有一个转到我的源文件的链接:链接地址

这是同一文件的可点击原型:链接地址

这是同一文件的可点击原型:链接地址

 

Figma原型界面火了

备注:如果有人对怎么设置Figma文件的方式感兴趣,请在评论中告诉我。最后,当我把它组合成一个原型时,我发现用我的方式来使用组件系统是非常快的,只花了不到半个小时。为了这篇文章的目的,我只是想把几个屏幕链接在一起,但现在我想我必须单独写下这篇疯狂的文章。

我从Model 3 的操控界面的设计中学到的东西

这辆车并不是为完美的驾驶体验而设计的

你们可能很惊讶我在说什么。

没错,事实如此。

特斯拉Model3的设计方向是为了无人驾驶。

它没有旋钮。更可怕的是它几乎没有中控台,你必须点击屏幕来打开雨刷器。(你有一个控制杆来打开它们,但是是通过点击屏幕来实现控制的)你必须点击屏幕才能打开后备箱。你也必须通过点击屏幕才能打开紧急制动系统(这个也好像是自动的,但是是通过在在设置中手动调整应用程序)。对一个司机来说,这一切难道不可怕吗?他们再也不能仅仅依靠自己的本能和肌肉记忆来操作他们的汽车了。

我不认为特斯拉这样做只是为了前卫、危险或与众不同。他们这样做只是为了让世界上没有司机而已。

这辆车又是为驾驶体验而设计的

在操控界面中,有一个因素是至关重要的:屏幕分辨率。

这款车本可以使用垂直屏幕,就像model S和X一样,但它没有。相反,Model 3有8:5的长宽比,分辨率约为1920x1200px。为什么这个很重要?

这分明就是一个高清电视啊,伙计们。

控制按钮是120像素高。

1200—120=1080。

1920×1080。

这分明就是一个高清电视啊,伙计们。

Netflix和thrill

好的,所以找到与寒意押韵的词是很难的,并且我学会了,这是个很难的双关语。

高清电视的分辨率表明,特斯拉的中心控制台适合用来看电影什么的,而不适合用来操控汽车。这辆车对无人驾驶的未来很是认同。它不是一辆有奇怪仪表盘的汽车,它是一个移动的客厅。这是一个漫长的过程,我们的理解是:当法规和技术到位的时候,就没有比在车中间更适合看电影的地方了。

这不是一辆有奇怪仪表盘的汽车,这是一个移动的客厅。

我绝不是埃隆•马斯克的得力助手——这些只是猜测、观点和猜想而已。所以,如果我被证明是错的,请拿出火把,重新把干草叉捆起来。

解析界面

下面是一些操控界面不同部分的截图。

驾驶模式——途中

转向导航看起来非常类似于手机界面,不过一次看到所有的步骤是很不错的。

转向导航看起来非常类似于手机界面,不过一次看到所有的步骤是很不错的。

链接地址

值得注意的是,仪表板位于驾驶员手臂的长度范围内,并且位于驾驶员的外围视野内。 对于右驾车市场来说,这个想法很容易被翻转。智能工程就在里面。

泊车模式

请注意,所有干线和控制杆都位于触摸屏上。

请注意,所有干线和控制杆都位于触摸屏上。

链接地址

看起来Model 3有很多上下文元素。例如,当你停车的时候,只有那些适用于停车的控件才会出现。这看上去是理所当然的,但实际上是它系统的智能之处。

快速设置

另外,方向盘上的一些小点是一个的未知因素。我不知道它们是怎么工作的。

另外,方向盘上的一些小点是一个的未知因素。我不知道它们是怎么工作的。

链接地址

这款车有很多设置,不过看起来你可以配置一个快速控制部分,这样就可以看到最常用的功能了。也有可能这些都是自己设置的,但是我没有办法知道。

音乐控制

似乎重点是专辑而非个人歌曲,所以我想知道这款车有多少声控功能。

似乎重点是专辑而非个人歌曲,所以我想知道这款车有多少声控功能。

链接地址

封闭的思想

最近,我又看了一遍乔布斯发布iPhone的主题演讲,给我留下了与Model3和iPhone非常相似的印象。

没有实体按钮。

这是我挑出来的一段视频:视频链接

乔布斯向观众展示了业界所有其他主流智能手机,事后看来,它们杂乱无章、固定不变的物理键并没有很好地升级。如果今天还有人介绍物理按键的手机,他们会被哄出大楼。

但为什么我们不以同样的方式看待汽车? 为什么我们(或者仅仅是我)看着汽车中的一台显示器,并且忽视了这种方式永远不会起作用? 这与苹果放弃键盘时有什么不同?

你可能要说那只是一部手机,这只是一辆汽车。 交互方法和用例明显不同。

但软件可以更新。 物理按钮却无法通过无线程序修补,它们不能被改进,所以这也许并不是一个多疯狂的想法。

· · ·

我是位于亚特兰大郊外的产品设计师。 在我的个人网站上查看我的工作状态。 我偶尔会发推文,但大部分时间我都会陪伴我的妻子。 她是一位时尚博主同时也是一位令人难以置信的女士。 另外,我们的伯尔尼山犬Hondo也很酷。 我受Figma之托有偿写了这篇文章,但整个操控界面是我自己独立完成的。

 


作者:Tom Johnson
翻译:崔辰皓
责编:季佳宁

发表评论

电子邮件地址不会被公开。 必填项已用*标注