干货 | 听交互设计师聊特斯拉 Model 3「屏幕」那些事儿

· Aug 04, 2017

本文转自:知乎专栏「汽车 HMI 研究员」

作者:jovinht

这几天各大汽车科技网站都争相报道了 Model 3 的发布,各种相关分析报告也陆陆续续出来了。但是毕竟消息有限,针对 HMI 的分析还没有,在此结合我个人所能收集到的内容简单分解一下全新 Model 3 的 HMI 设计。

完全不同的体验

Model 3 的内饰对于现阶段的汽车行业来说可以算一次颠覆,车内除了方向盘上两个多维滚轮和方向盘后的两个挡杆,所有控制操作、信息展示都集成在了仪表台正中间的那个 15 寸大屏幕上。没有 HUD,没有传统仪表,配合上贯通式的空调出风口,整个内饰给人的感觉相当简洁。究其原因,应该有以下几点:

一、刻意营造的「极简」风格

仔细研究一下那块 15 寸屏幕的信息布局,不难发现这个界面的功能分区还是很「传统」的。整个屏幕被分为三块区域:

  1. 底部控制栏,负责常用的空调、座椅调节入口,以及车辆控制、多媒体等功能入口。
  2. 上部被分为左右两块区域,左侧承担了传统「仪表屏」的功能,显示车速相关所有信息,ADAS 相关信息,并且集成了后置摄像头、语音指令、充电设置甚至手动雨刮器的入口。
  3. 右侧则是多媒体信息显示的区域,包括音乐、电话等。
  4. 地图导航内容被定义成了一个活动的「桌面」,符合最常见的驾驶场景。其他内容均以「浮层」的形式展现,相对于 Model S 和 X 上的那块中控屏,又往前走了一步。

可见,从功能上来说,目前 Model 3 的这块 15 寸屏幕承载的功能依旧是传统汽车上的那些内容。但同样是由于全车电气化的原因,这块屏幕的象征意义,其实是大于实际意义的。

二、成本控制

从去年 Model 3 谍照发布以来,大家都针对这个没有「仪表屏」的车进行了各种各样的猜测和吐槽,是不是会影响驾驶体验?什么都没有我要怎么操作?速度都要偏头看是不是反人类(实际上只要斜眼就好,不用偏头……)?

然后出现最多的猜测便是 HUD 的加持,「肯定有 HUD,至少得显示个时速吧?」直到 Elon Mask 在 twitter 上证实没有 HUD,观众们不淡定了,纷纷表示好期待这一个屏到底要怎么满足大家的使用需求。

在我看来,没有 HUD 除了各种各样之于造型美观、人机交互考量、设计突破等等的说法之外,不外乎一个字:钱。一套 HUD 系统那可是很贵的,我连仪表都给你省了,再给你加一个 HUD?想啥呢。

Model 3 在特斯拉的产品版图中,是定位最「亲民」的一款车型,是要走量的(虽然现在产能很尴尬),价格够低那是走量产品的关键之一,原件能省则省,价格能低则低,用一块 15 寸屏幕就可以满足的需求,为什么要加钱装别的东西?

好了,还是细说一下 HMI 吧。

整体布局

刚才简单说了一下,15 寸屏幕整体分成了三块区域:底部控制栏,左侧行车信息,右侧多媒体内容。下面来拆分一下:

v2-b6fa1dd67a750b551523adee18aa5045_b

底部控制栏

从官方发布的高清内饰图来看,底部除了常规的车辆设置入口、空调设置入口、除霜雾开关、座椅调节入口以外,还加入了多媒体、手机相关功能的入口,整个屏幕默认背景是导航地图,将导航功能提到了一个最高层级的优先级。

v2-fb7a209fbcfbb478c458f3f78396691a_b

v2-f2a395ad54166a7b4312f28b9e19c194_b

点击空调相关设置,会在屏幕下半部分展开半屏空调设置页,包括温度、风速、出风模式、循环模式等调节按钮。

其中,出风位置的调节相当有创意,右侧的面板,提供了触控拖动滑块调节出风位置的操作,左侧面板和右侧面板一样,但并不确定是否功能也与右侧一致。

v2-11982b050ee0975630b2f6409ff997a0_b

v2-d5bed492aa223964750ef8284e311f2e_b

点击除空调外的相关功能入口,会在屏幕右侧展开相应的页面,且作为浮层显示在地图上,右侧页面的展开根据不同功能会有全屏和半屏的区分。

v2-e8633d87b5fc876c86d3d2fd24c812b1_b

v2-1e9a4487f516fe1edf8e56a42fc7aa82_b

v2-bc5f485e25e34aa0e3a1a49cdd28744c_b

方向盘上的两组多维滚轮可以用于调节方向盘的上下和前后位置,也可以用于调节车外左右侧后视镜。目前还不清楚这两组滚轮默认状态下的操作结果,猜测可能是与媒体相关,比如音量调节,上下曲切换等常规功能。

v2-d5bed492aa223964750ef8284e311f2e_b

v2-4e30bdc3dee00653b186533525a06778_b

v2-0a92dacccf1a76921a7631042570d92b_b

右侧展开的控制页面,区分左右侧内容列表,右侧为菜单,点击后屏幕中间部分内容切换,很常规的操作方式。

左侧行车信息

v2-b103088311236688b408b236b3927447_b

左侧顶部用做车速、档位、电量、指示灯、功率表等一些列传统仪表的信息显示区域。其中功率表只用了一根横线表示,极度简约。

v2-442a1c04bc876f97babbbfd70ed13776_b

v2-1a8212c9e093a722db5a4f6a6d83c7b3_b

v2-1d98f218223b1c82c4cf34e1d02f0365_b

左侧中部是 ADAS 相关信息区域,同时负责车辆状态的显示,包括雷达(未截图,启动时机不确定)、车门开闭状态、前后备箱和充电口开启等功能。

v2-62fcf1a3b28834f9b5209d0654d833aa_b

v2-3e7a2d4549c2c230868d1ad8e4de31fd_b

v2-b5a94f6ffd661c1fc7bd6931bcf3f54c_b

左侧底部默认是后置摄像头开关、充电(设置页还是开关未知,开关可能性大,视频中行驶状态下副驾驶点击后无反应)、语音助手,翻页后可以进行雨刮器的手动操作,猜测雨刮器应该是自动感应雨刷。

后置摄像头点击后,右侧屏幕显示图像,替换掉了地图,这和 Model S、X 的地图和后置摄像头优先级保持一致,均高于其他应用且相互替换。

右侧媒体区域

右侧默认地图,操作与功能同 Model S、X 一致,就不赘述了。

音乐媒体页面可以展开成全屏(未截图),操作也很简单,也不细说。

电话页面没有相关展示。

总结一下

Model 3 的 HMI 设计整个呈现出了一种高度一体化的概念,相比之前的两款车,更进了一步,然而所实现的功能依旧是常规的那些内容。

但是这样的设计未来的可能性会相当大,万一某一天方向盘也没有了,这块屏幕会不会和「方向盘」功能集合?需要驾驶的时候平移到驾驶者前方,用做方向盘?自动驾驶的时候再移动到中间?甚至移动到右侧,变成一辆右舵车?当屏幕上的内容可以通过全息投影凌空操作的时候,车内没有屏幕,整个「车」已经就是一个完完全全的移动「空间」……

要知道,自动驾驶的启用已经作为一个「挡位」出现在了怀挡上。

我对未来充满期待,你呢?


欢迎关注 GeekCar 微信公众号:            GeekCar 极客汽车           (微信号:GeekCar)& 极市         (微信号:geeket)。网站文章微信推广-21

1


Related Posts 相关文章

发表评论