赞助商
立即赞助

超全面!特斯拉车载人机交互设计分析

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

Tesla Model 3,标志性意义的中控设,汽车业内一颠覆式创新。采用极简的内饰设,精简了理按键,甚至连仪表都不复存,所的一切控制都集中中控屏。

接下来让我们探究竟,聊聊 Model 3  HMI(Human Machine Interface)设计。

一、产品目标

从 Model S 开始,特斯拉就追求极简,将空调、灯光设置到了17寸触摸屏。

4年后 Model 3 精简到了极致,盘上有左右两个滚轴。为什么要精简物理按键,是降低成本,开模也是贵;另内饰设计是先于 HMI 设计,有时候内饰已经设计好了,HMI 未确定某个功能交互,以至于某些按键会比较尴尬。

那为了避免这类外,采用可不断更新迭代的软件进行实现,以解决物理按钮不能空中修复,定死后再改变的成本非常大的问题。

当肯定有人说开车时,我去大屏上找按键点击,视离开道路还是很危险的。而对物理按键,我以根据肌肉忆去点击旋转物理按键,比安。

时间退到2007年 iPhone 发布,同样没有物按键,当时是激起千层浪。有的户说原来诺基亚打字是可盲打的,但后来的结果大是有目共睹的。

遵循用户习惯行设当然错的,若好的解决方案,改变能好的体验,切不可因用户习惯拒绝改变。

再说去除仪表,保留15寸大屏,仪表信息显示在大屏左边,即驾驶员眼睛需要右下瞥才能看到速,莫名想到了 Google Glass,会不会出现样吐槽,会不会有去加装 HUD,看 Model 3 大量交付后用户使用情况。

有的观点认为只保留大屏是在为动驾驶做准备,1920*1200px的触摸屏,减去底部导航栏的120px,整体内容域是1920*1080px,正好是标准视频比例。这动驾驶状下,车内乘就可以在这个大屏上播放视频。

我的观点是即使允许完自动驾驶,车内仍需要显示行车信息及汽车观察到的信息,建立安感和信任感。而且自动驾驶并不能剥夺手动驾驶的验,而应该更加强化驾驶的验。

二、用户分析

1. 用户群体

超全面!特斯拉车载人机交互设计分析

今日头条算数心份《特Model3竞品报告》出了关注 Model 3 些用户特征:

  • 龄渗透:80后占主体的31-40岁用户关注;
  • 地域渗透:在北京、广东和江浙沪这三个国经济最发区域,除了与经济发展平相关,也受到特体验店分布影响;
  • 用户兴趣:更加关注科、数码和财经。

2. 用户需求

基于 KANO模型用户需求分类以及目市场汽车 HMI 的功能,整理出用户的需求如下:

  • 基本需求:车况基本信息、车辆基本控制、空调;
  • 望型需求:多媒体、手机电话、倒车影、360环视;
  • 兴奋型需求:辅助驾驶、自动泊。

三、产品概述

1. 功能概述

超全面!特斯拉车载人机交互设计分析

Model 3 的15英寸屏幕整体上成了:导航栏、状栏、车况息、内容切换:

  • 导航栏:基本型功能操作入口,这些功能以浮窗形在内容切换区显示;
  • 状栏:一些间、号、车锁等状息;
  • 车况信息区:原来属仪表的一信息,驻车&行车相关的车门状态、车速、警示灯等;由该区域离驾驶近,所以还有属方向盘按键的功能,雨刷、语音等;
  • 容切换区:默认显示地图导航信息,他的功浮的形式显示。这是和威ERX5 的设计念是相似的,汽车的本质在于为消者供「位置务」,地图是位置的天然载体,采地图为系统图,将有务「种植」在地图上。

超全面!特斯拉车载人机交互设计分析

△ 表:中控功能&息一览

2. 景化计

由于删减了多实体按键,所有的息展示和车辆控制都集了15寸的大屏。为了避免过高的息密度,景化计便是 Model 3 最重要的思路,在不同的景显示不同的内容,足当前景下的功能需求。

超全面!特斯拉车载人机交互设计分析

车况息:在驻车显示车门状、前后舱门开关和充开关。在行驶中显示辅助驾驶相关息。车速低于24km/h动寻找车位,然后用户决定开始动泊车。

比内容切换区:以地图为底图,在驾驶程中,导航最重要,而媒只显示少量信息在一个 mini栏,用户往上滑动显示收藏的内容,往上滑动显示更的内容。

另外,导航设置中有一项「Trip Planner」,可根据电量情况把充电点自规划到导航路线中。

这些都场景化设的思。

超全面!特斯拉车载人机交互设计分析

3. 人车交互

Model 3 的人机交互有种,物按键:滚轴、左右控制杆;语音;触屏。

抛弃传统车型的思维模式,尽可能多的舍弃理按键,屏承载了几乎所的控制功能。方向盘仅的滚轴按键简直复用到了极致。结合触屏的内切换,左滚轴可以控制音增减、音乐切换、外后视镜、方向盘(/下,伸/缩),右滚轮可以控制语音唤醒、巡航车速车距。

超全面!特斯拉车载人机交互设计分析

传统车型保留理按键了安全驾驶,用户可以根据肌肉记忆去点击/旋转理按键,触屏就需用户将视线离道屏幕找到按键。

Behance 上有位设计师 Michael Cherkashin 基于 Model 3  UI,在触屏操作上根据驾驶者物理操作习惯尝试设计了两操控:2触控和3触控。有些类似 Apple 某些多手势操控,然这是个尝试,可性有待考量。

2点触控:

  • 击屏幕播放和暂
  • 旋转控制音量
  • 横向滑动快进
  • 上滚切换播放源

超全面!特斯拉车载人机交互设计分析

3点触控:

  • 驾驶员侧旋转调节辆温度
  • 乘一侧旋转调节双空调
  • 上下滚动节风量

超全面!特斯拉车载人机交互设计分析

四、核心功能分析

1. 空调

空调是汽车非重要的一个功,Model 3 前空调的口是在中控台木上方的长条缝状。

空调控制理按键,甚至调出风口的拨片,所的控制都继承屏内。

空调设与 Model S 大体致,可以在导航栏接调节温度, Model 3 导航栏高度为120px,个觉在上增减温度击区域有小,不容易操作(费兹定律)。

另外不同的是这次导航栏没有空调开关,需要开浮窗才能关空调。

超全面!特斯拉车载人机交互设计分析

超全面!特斯拉车载人机交互设计分析

而出风口调节常有意思,过可视化操作,上下左右极调节,可以2/3/4多个不出风口。学习成本也常低,这可视化操作比硬件拨片更加灵活有趣。

2. 辅助驾驶

超全面!特斯拉车载人机交互设计分析

超全面!特斯拉车载人机交互设计分析

Model 3 这次把自适应巡航已经作为一个「档位」放在怀挡上啦,可预见这是为之后更等级的自驾驶做准备。

自动驾驶与「P、R、N、D」档设同一级,用户智模型交互形式都非常当。其次,方向盘右滚轴下调巡航车速,左右调巡航车距,驾驶过程中的体验也很流畅自然。

需要多说句是没有开启巡航时,右滚轴左右也可以调距,上下滚动是没有其他响应。

3. 自动泊

超全面!特斯拉车载人机交互设计分析

文场景化设中也写到,当车速低于24km/h时,系统会自动寻找车,不需用户额外按 Autopark,不需选择车类型,不需选择左还右车。用户只方停车,他横的竖的左的右的。

这里自动泊三步:刹止是为了 D档转 R档,挂 R档位,击屏幕「Start」按键。

超全面!特斯拉车载人机交互设计分析

可能有会问,找到位后为什么不能按个「Start」按键,开始自动泊?原可能是档位控制杆不能自动变档,需要工变档,否则控制杆与屏幕显示不致了。

动泊车过程中,界面计上为什要做成车固定不动,而车位在移动?这个问题当也跟同事争论了久。

虽按照物理模型,车在向着车位移动,但是对用户的心智模型来说,我坐在车内,么车才是参照物,我眼前呈现的是境在变化——样的一一对应关系才应该是合理的。

次还有个小问题是在体验过程中,当到车位后,屏幕现的车位「P」样式,驾驶员意识的就点击,实点击图中的「P」是没的。

五、总结

Model 3 的 HMI设计注重场景设计,在全驾驶的前设计了的交互方式,为我们供了的设计思路。当然这个创是否有效,还得等待户反馈和场检验。

新能源汽车、互联网汽车浪潮下,诸如特斯拉这样的野蛮人破门入,掀翻了传统车企的饭桌后破窗出。革新的野蛮人伐很,饭桌的人也得把子迈去追赶,否则只能望尘莫及。

欢迎关注作者微信公众号:「圆滚滚设计」

超全面!特斯拉车载人机交互设计分析

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

相关文章

阿里巴巴菜鸟裹裹中的「不打扰式」提醒 菜鸟裹裹APP中的通知设计,我称它为「不打扰式」通知,现在一般的产品为了促进用户活...
交互设计
本篇文章分别从页面打开方式的类型、当前页打开&新开页面、弹出框三方面对页面链接打开方式进行了探讨,给大家提出一些意...
交互设计
在交互设计领域,有很多经过时间检验过的定律及法则,来作为设计的指导原理,它能够帮助产品设计者对界面上的各种视觉元素进...
UXD笔记
2021 年的第一篇万字长文,文章主题是一次偶然的反思中总结出的设计师思维进阶的过程,详细讲述了我在两年间从一名应届非科班...
交互设计
写在前面 「我们这双鞋绝对是正品,支持专柜验货!」 「买咱这支基金,稳赚不赔,绝对涨,还要再涨,现在不买后面后悔死你!...
交互设计
最近收到的一则问题,大概是:在做设计的时候,经常会遇到一个问题,就是一个按钮,在同一页面的不同情况下,有时可用,有时...
交互设计
今天跟大家分享的是《瞬间之美》之Web 界面设计如何让用户心动? 本书分为七个部分,第一部分到第三部分讲用户进入网站前30...
Web设计
列表页是构成后台使用界面的重要组成之一,聚合了众多信息并提供操作入口。区别于小而美的C端产品列表,后台系统的用户希望列...
B端设计