Tom Johnson 是一名位于亚特兰大的产品设计师,更多精彩内容可访问他的 博客专栏。
文章细分了第一款大众市场触摸屏电动汽车特斯拉 Model 3 的仪表板控制和界面的细节。从特斯拉的UI设计我们可以看出特斯拉的长期战略,以及他们对未来无人驾驶的态度。
本文阅读时间:约6分钟。
特斯拉 Model 3
我发现自己也迷上了“经济实惠”版本的前景,所以追踪看了每一次 Model 3 的宣布。
但是....我错了。
他们将所有一切都收在了汽车中间的触摸屏上。
特斯拉的消息吓得宝宝紧紧抱住了自己。
过了一段时间,我终于遇到了一位名叫 Andrew Goodlad 的设计师的一个项目,这个设计师根据新闻发布会再现了特斯拉 Model 3 的用户界面,以及汽车内部的摇摇晃晃的 YouTube 视频。他做了一个原型。
为什么我决定重新创建用户界面
我开始从图像中重建特斯拉 Model 3 UI。我制作了图标,采样颜色,设计了一个自定义的地图框视图,将 Figma 组件,开关,按钮等所有东西拼凑在一起。
这是可点击的原型交互:
我从 Model 3 UI 中了解到了什么
Whattt???
特斯拉 Model 3 是一款设计时不考虑驾驶员的汽车。并且是故意的。
对一个司机来说,这个听起来是不是很糟糕?他们不能再依靠纯粹的本能和肌肉记忆来操纵自己的汽车。
但我不认为特斯拉这样做只是前卫,他们这样做,是在为没有司机的世界做好准备。
为乘坐体验而设计的车
这辆车本来可以像垂直的屏幕一样,就像S型和X型一样,但是它没有。相反,Model 3 的长宽比为 8:5,分辨率约为 1920x1200px。
我们来看,底部控件是 120px 高。
这是一个高清电视啊,盆友们。
高清电视向我们表明,特斯拉用他们的中央控制台来看东西,而不是让你去驾驶汽车。这个Bad Boy 将是无人驾驶的未来。
当法规和技术到位的时候,看电影就没有比在车中间更好的位置了(微笑)。
下面让我们看看用户界面
途中驾驶模式
值得注意的是,仪表板在驾驶员的手臂长度范围内,并且在驾驶员的外围视野内。对于右驾市场来说,这个视野很容易被翻转。
停放模式
快速设置
在这款车上有很多设置,但是看起来你可以配置一个快速控制的部分,以便查看最常用的功能。但也可能这些是自动填充的。
音乐控制
似乎有一个明确的专辑而不是单独的歌曲。不知这个车上会有多少声音控制。
特斯拉与苹果
都没有物理按钮。
乔布斯向观众展示了业界所有其他主流智能手机,iPhone 最大的革新就是没有物理键盘。
或许你会说,那是一部电话,这是一辆车。交互方式和用例明显不同。
瓜田君的话
不久的将来,当无人驾驶汽车得到市场的广泛认可和普及后,相信设计师们的职业头衔又会多一条细分:无人驾驶汽车 App UI 设计师。