赞助商
立即赞助

汽车交互专题!全方位解读特斯拉Model 3中控大屏交互布局

交互设计3年前 (2021)发布 流光
6.2K 0 0

今天我们来聊一聊特斯拉最新的车型 Model 3的中控大屏,是一块具有标志意义的中控设计。Model 3 的HMI堪称是对汽车行业的一个颠覆品,车内采用极简的内饰设计基取消的硬件按钮操,甚至在所有车上是标的汽车仪表不复存在。所有功能操几乎汇集到车内的中控大屏上。所有的操只需要在大屏上点一下、划一下就能很快地操完成。

汽车交互专题!全方位解读特斯拉Model 3中控大屏交互布局

特斯拉交互布局分析

汽车交互专题!全方位解读特斯拉Model 3中控大屏交互布局

Model 3 的交互设计把15寸屏幕整体成了三块域:快捷菜域,行车息域,内容切换域。

  • 捷单区域捷功能的操作入口,这些捷功能的内都会以浮窗的形式右侧内展示区临时展示。并且这些弹窗都不会直接全部覆盖右侧内展示区域,只会默认覆盖底部的一部分。
  • 行车息域是驾车相关的数据息,也就是承载有的方向盘下的汽车仪表内容。这些数据的优先非常高不会被其内容所遮盖,例如车速,档位,动驾驶状等息。
  • 容切换区域默认显示地图路况信息,把路况导航的重要升到了最,同时把地图路况定义为桌面背景,他快捷功都会在这个区域浮层的时形式展现。

Model 3 的交互计默认展示了安全驾车相关的内容,多媒体娱相关的内容都以浮窗的形式展现。例如音模块默认只会展示少量的音息,如果需要查和操作更多息需要做次点击的操作才能全部展开。这种交互布局方式好的体现了车载HMI的功能需求和景需求。

汽车交互专题!全方位解读特斯拉Model 3中控大屏交互布局

细分功能汇总

  • 快捷菜单区域,负责常用空调、座椅调节入口,以及辆控制、多媒体等功能入口。
  • 行车信息区域,左承担传统「仪表屏」的功能,显示车速相关所有信息,ADAS相关信息,并且集成置摄像头、语音指令、充电设置甚至手动雨刮器的口。
  • 内切换区域,则多媒体信息显示的区域,包括音乐、电话。

汽车交互专题!全方位解读特斯拉Model 3中控大屏交互布局

特斯拉交互布局尺寸分析

汽车交互专题!全方位解读特斯拉Model 3中控大屏交互布局

斯拉Model 3的车载中控大屏整体尺寸为1920*1200px,是一块名其实的超大操作屏幕。底部菜栏的标准高度为120px,这的菜高度能够更好的在行车过程中点击。

整体1200px减菜单栏120px,容为1080px。就是说整体的容区域为1920*1080px,好跟标准的视频例一致,这个尺寸是是为娱乐视频准备的还有待考证。

特斯拉交互特点分析

1. 景化计

根据景置功能和内容展示,同一个功能在不同景下显示的内容也不相同,尽量足当前景下的功能需求。例如,娱多媒体功能,在驾驶过程中,导航功能相对重要,所以只显示歌曲名称、专辑的封面少部相关操作。用户往上滑动,显示相对多娱功能,占据一半屏幕。再往上滑动,显示更多娱内容。这种景化计思路是Model 3最重要的计思路。

汽车交互专题!全方位解读特斯拉Model 3中控大屏交互布局

汽车交互专题!全方位解读特斯拉Model 3中控大屏交互布局

2. 视化操设计

视化的操方式,空的风向通向上、平行、向下、向左、向右的滑动时的控出风口。它通软件视化方式来现跟家里的操一致,具有趣味,有效地降低用户的学习成,提高产品的使用效率。

这种可视化的操作方式比起硬件操作加的灵活趣。

汽车交互专题!全方位解读特斯拉Model 3中控大屏交互布局

3. 降低级

Tesla Model 3 界面设计首先默认展示跟安驾驶相关的内容,其他功能内容以模态窗口、浮窗的方式展示,尽能的降低操界面的级,使用完成即收内容,最大程度提高产品使用效率。因为车载UI特殊业属性和功能需求,注定了必须要以安全驾驶为核心,其他娱乐功能为辅助。这个前提也决定了它操作层级必须要做到最低。

汽车交互专题!全方位解读特斯拉Model 3中控大屏交互布局

4. 自定义容

Model 3这次的设计可自定义设置菜单功项,尽可的满足同户的个性需求,工具栏中分功对户开放,户可根据自己的使习惯就行自定义产功位置。例如,可自定义将微信应设置到快捷菜单中。这种设计体现了特斯拉追求人性设计的念。

汽车交互专题!全方位解读特斯拉Model 3中控大屏交互布局

5. 减少硬件操作(有好有坏)

这次的Model 3的计中最大的计理念就是尽量的抛弃物理按键的操作,比如空调的温度风向的置、雨刷、汽车前盖、后盖、车内饰的存物箱、窗等开关。所有的置操作都放置在了中控大屏之中。这也许是今后HMI的一个大的趋势。当然也有法是说,由于成本问题导致缩减了硬件施,关于这些争论只能拭目以待了。

汽车交互专题!全方位解读特斯拉Model 3中控大屏交互布局

Tesla Model 3的HMI计是汽车行业的革命性产品,其对HMI的计思路有了极大地提升。注重景化计,有限安全驾驶的功能需求并且理的计了交互方式。值得汽车UI行业的计仔细研究学习。

注作者的微信公众号:

汽车交互专题!全方位解读特斯拉Model 3中控大屏交互布局

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

怎么能够防止用户在核心流程中中断操作,避免产生流失?以下,笔者将与大家分享他进行实际方案优化时测试过的四种方法。 笔...
交互流程
传统意义上以人为中心的设计,过分简化了人和技术之间的关系。是时候采用更加细致的分类和方法来进行描述了。 在 FastCompan...
以人为中心
说起「支付」,大家一定会联想起一些场景:去便利店使用微信支付,去血拼shopping的时候刷卡,去超级市场买菜时候给现金……这...
支付设计
最近国外的设计平台频繁出现一类内容,大概类似于「产品设计中的伦理道德与用户体验」,里面的内容有引起我的一些思考。 我...
交互设计
编辑导语:由于手机尺寸的限制,我们在进行内容浏览时会进行一些滑动操作,不同类型的内容操作也各不相同,比如图片会选择左...
交互设计
由于设计师、产品经理使用的移动设备大部分是iPhone,所以在做设计时,容易忽略Android和iOS的差异,按照iOS的规范进行设计,...
Android设计
正式开始阅读前,我必须要告知读者朋友们,此文是我工作以来的一些经验总结和对工具的使用体验,不代表这就是交互文档的写作...
交互文档
在提高可用性的建议中,如何优雅、清楚的告知用户哪里出错了是非常重要的。当然,如果能够一开始就避免他们犯错是最好的。 ...
交互设计