HMI 车载设计必看!6 大车载系统的优缺点分析!

释放双眼,带上耳机,听听看~!
最近在负责公司内的车载项目,所以有时机入局车载赛道,跟大家共享车载中控的进化史。跟着造车新势力,车联网的赛道开展越来越快。

最近在担任公司内的车载项目,所以有时机入局车载赛道,跟我们共享车载中控的进化史。

随着造车新势力,车联网的赛道开展越来越快。到 2021 年为止全国轿车保有量超过 100 万辆的城市共有 72 个,与上一年同期相比增加 5 个。国家要求未来轿车要完结 50%的智能车联,现在头部的蔚来、小鹏、抱负,还有国产品牌的吉祥、比亚迪、长城、东风。咱们国内造车乃至能够超越合资车。我对未来车联网还是很看好的。今天就跟我们聊聊现有的车载屏幕演化过程,以及现在市面上车载屏幕,和车载体系的特征。

首要先遍及下 HMI 的概念。

HMI:- Human Machine Interface : 人机界面,现在多指车载交互体系体会规划。

既然说到人机界面,咱们先来规划的载体是如何演化的。

车载中控外表盘演化过程

1886 年,由卡尔本茨创造的榜首辆轿车。当时根本就没有所谓的外表盘概念,所以载体还得从 1908 年 T 型车(Ford Model T)说起,到 2012 年划时代的特斯拉 Model S,轿车外表盘现在阅历四代。

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

1. 榜首代:以按键为主

机械式外表盘: 榜首个时代外表盘为机械芯外表,一般包括了车速里程表、转速表、机油压力表、水温表、燃油表、充电表等,之后轿车外表还需求装稳压器来安稳外表电源的电压,按捺波动起伏,保证轿车外表的准确性。初代的轿车外表盘主要以传统的热式和动磁式,显现的信息极为有限,更多的是车辆物理信息“通信员”的角色。

在机械时期中控台哪有什么屏幕可言,那时候的中控台便是收音机和空调的调节器,并且都是实体按键的,只能满意驾驭的基本需求,没有屏幕,都是照搬飞机中控布局,以实体按键为主,功用粗陋单一。堆砌功用按钮外表,没有交互可言。

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

2. 第二代:电气式外表盘+小中控屏

第二个时代的电气式外表盘终于诞生,从真空荧光显现屏(VFD),开展到选用液晶显现屏(LED)及小尺寸薄膜晶体管显现器(TFT),显现屏显现的信息越来越清晰、便利。现在电气式外表在市场的保有量最大,且一般选用机械外表结合数字外表的办法,例如车速、转速信息选用指针,指示灯信息选用 LED 等点亮,其它信息则选用 TFT 屏。

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

尽管相较于榜首代机械机芯外表增加了不少功用,轿车信息反馈也更全面更及时,可是其开展速度却显着与轿车职业不相匹配,关于更深层次的驾驭需求,电气式外表仍无法满意。

3. 第三代:全数字化外表

轿车外表盘范畴在不断追求更新,所以划时代的全数字液晶外表盘孕育而生,也是就咱们常说的虚拟外表盘。全数字轿车外表盘运用了一整块液晶屏取代了传统的指针和刻度表,一切信息都经过这块屏幕显现出来。

单从外观上来看就能给人一种比较高大上的感觉,这类外表盘上往往没有指针等部件,一切信息都经过屏幕传递出来。功用更强壮、信息显现更具逻辑性,驾驭者接受信息更快,提高行车安全。也能够根据个人喜爱调整相应参数,比方比亚迪的外表盘就能够改动布景颜色。在高级点的,像宝马的全数字外表就能够切换 N 多种方法。

2007 年 iPhone 问世后,大屏、轻薄机身、高清显现屏、可装置运用等功用引领了整个职业的革新。电动轿车职业飞速开展,智能 AI 和人际互联等人车交互概念也跟着鼓起,关于中控台的需求和功用杂乱度也跟着越发精密起来,成果便是屏幕越来越大。

2013 年上市的特斯拉 Model S,座舱里最惊艳的便是那块 17 寸的大屏。超高的分辨率和流通的操作,和漂亮的 UI 规划,开端让许多美国民众疯狂。就像苹果手机推翻了传统手机业,特斯拉也推翻了传统轿车职业。

2014 年换代的奔驰 S 级将两块 12.3 寸屏幕连在一同,合成了一块 23 寸大屏,比特斯拉的大屏还多出 6 英寸。

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

拜腾 M-Byte,48 寸巨屏,横向贯穿外表台,再一次推翻轿车的内饰规划。

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

比亚迪系列轿车的旋转大屏,玩出新花样,能够旋转操控,就像手机横屏和竖屏的场景。

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

纵观下来,其实不难看出,尽管轿车的中控屏幕也是往着越来越大的方向开展,但由于空间以及功用需求的不同,相比起手机来说,中控屏幕的变化更具有多样性。

4. 第四代:HUD 显现屏

从上世纪 80 时代,昂首显现技能在轿车范畴已经开端被运用,直到现在才开端逐步展露头脚。

HUD 昂首显现器(Head Up Display),又名平视显现体系。它能够把重要的信息,映射在风窗玻璃上的全息半镜上,使驾驭员不必垂头,就能看清重要的信息。

战斗机是首先运用 HUD 昂首显现器的。飞行员在空战中,需求交替调查舱外方针和舱内外表,易产生瞬间视觉中止,因此会导致反应迟缓、操作失误,并有或许贻误战机,选用 HUD 昂首显现可克服这一缺点。

榜首架运用 HUD 昂首显现的飞机是美国海军的 A-5 舰载机。民用航空最早运用 HUD 昂首显现是法国达索飞机公司的 mercure 飞机。

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

在杂乱多变的道路上开车,驾驭员双眼脱离车辆前方,是个十分危险的工作,尤其是在高速公路上更是显着。所以许多车型,就给车辆装备了一个不需求挪开视野,就能知道车辆基本信息的配置,这便是 HUD 昂首显现。

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

HUD 作为一款新技能,优势清楚明了。当驾驭员需求检查外表盘或中控台上的信息,视野至少需求搬运 0.3 秒,而 HUD 投影的信息就在驾驭员平视的正前方,驾驭员能够将更多的留意力放在路面上。将驾驭体会及驾驭员关于路况信息的认知才能进行革新式晋级。

六大车载体系的特征

现在各家体系百家争鸣,各家车载体系规划有哪些不同?

1. 阿里 斑马智行

简介:

阿里车载小程序是一种无需下载装置即可运用的“运用”,旨在为用户打造“随时可用”、“用完即走”的运用体会。

AliOS 作为互联网轿车操作体系,原生地支撑阿里小程序,引进阿里生态服务的一同也面向开发者敞开,环绕车场景为用户供给从出行到日子的各类才智服务。

特征:

  • 规划特征:

独立的大卡片式的内容界面模块便利车主在行车过程中单手操作,其配色鲜艳,风格扁平,契合运用场景和国人的运用习气。

  • 功用特征:

自带场景智能感知的基因。

得到车主授权后,车载小程序能够环绕行车场景,完结上车前、行车中、下车后天然串联的智能化场景服务。

用户能够在车上经过触控、语音、手势等多模态交互办法,咨询邻近的引荐餐厅,小程序会根据用户的喜爱作出引荐,还能够预定排号;到达餐厅邻近,体系会主动唤醒小程序,为用户找到停车场;下车后,车载小程序会无缝衔接到手机小程序端,用户能够在手机上检查餐厅的预定信息等。

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

斑马智行2.0体系规划

斑马智行,选用智能手机界面和运用商城下载 APP 的运用办法,完结车载和手机的双重操控。

强壮的云端特性在语音辨认和线上互联方面供给了杰出的运用体会,车主能够衔接手机蓝牙后,读取其手机通讯录,完结利用车载体系拨打和接听电话的功用。支撑 USB 接口,经过 U 盘完结播放音频、视频文件等。在文娱日子方面,内置虾米音乐,蜻蜓 FM,喜马拉雅等,支撑在线搜索,在线播放以及在线广播等服务。

一同,斑马智行依托阿里强壮的技能和资源支撑,打通停车场,加油站,高速公路付出等,运用户驾车时产生的费用均能经过付出宝付出。

2. 百度 Car Life 和 Apollo

简介:

打造智能车载服务生态,满意用户出行、文娱、日子等多元化需求,构建人-车-家一体化互联闭环成为时代趋势。

智能小程序,是百度供给的一种技能解决方案。开发者根据此开发出来的服务,在各类宿主环境(手机 App、车载体系、IOT 设备等)中,可做到用户无感知装置,即点即用。

特征:

规划特征:

车载端主界面别离选用蓝、绿、红、灰四个色块对应四个功用模块,「发现」集成音乐、文娱、听书、电台等特征音视频服务,选用赤色在界面中最为杰出,其规划风格全体扁平,面性 icon 利于辨认与点击。

功用特征:

智能小程序包括“车后服务”、“资讯”、“休闲游戏”、“视频”、“购物”、“亲子”、“旅行”、“工具”等 8 个类别,总共 80 多款。车企能够根据车型定位和本身需求自行界说和组合可供运用的车载小程序。

百度的车载小程序大部分场景下还是只能依托用户用语音唤醒,但在生态的敞开性上,百度车载小程序则做得更为完全,能够在百度 App、百度地图、百度贴吧、百度网盘百度系 App 上运转。

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

3. 腾讯 Ai in Car

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

简介:

“腾讯小场景”是专为出行场景打造的车载轻运用生态,部署在云端,不需求下载,即用即走,并支撑语音交互。

分为 3 类,出行服务小型车、日子服务小程序和视听服务小程序。

特征:

规划特征:

运用的 FutureLink3.0 体系,FutureLink3.0 根据安卓渠道开发,在 12 英寸的中控屏幕上并没有将许多的图标堆砌在首页,反而以地图为布景,将六大功用模块以大板块的方法布局在地图下方,整个界面规划简练。

功用特征:

最大特征:根据位置和场景会被主动唤醒。比方用户经过加油站、停车场、旅行景点的时候,有些购买和付出的服务就会主动弹在车机上,用户再经过语音完结操作。

手机小程序是“人找服务”,那么腾讯车载小程序则进化成“服务找人”。

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

腾讯在车载场景下的生态布局

Ai in Car,望文生义,根据 AI 的衔接才能和生态,交融腾讯内容生态的优质资源,包括资讯、视频、IP、文学等板块,为车主供给更丰厚的内容消费。流行搭载的 FutureLink3.0 车联网体系,便是和腾讯深度合作而诞生的优质案例。

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

FutureLink3.0体系界面

只在设置页中,才会出现二级子菜单列表,并且供给的设置项目也不多,界面层级简略,不累赘,也给司机带来轻松愉悦的操作体会。一同,根据行车安全考虑,在类似气候、股票等查询功用上,比较依靠语音操控。在文娱日子方面,打通手机和车机账号,用户无需切换账号就能够与车载导航、电台、QQ 音乐、微信等功用无缝衔接,支撑车主组建聊天组,在行车途中与老友进行实时交流。

从全体来看 FutureLink3.0 的规划,它更像是一个把需求页面展示在车主面前的「轻运用」,没有传统概念上的主界面、多层交互菜单以及相应的「体系特质」的规划,它更希望把海量资源建立在云端,终端只给车主出现其所需求的服务即可。

4. 谷歌 Android auto

简介:

Android Auto 体系的工作原理是将手机衔接到兼容的轿车,让驾驭员能够运用轿车屏幕和语音操作与手机的运用程序进行交互。它供给了一种导航、收听媒体和消息等的简略办法。

特征:

规划特征:

在 UI 结构规划方面,主屏幕以卡片的方法显现告诉、活动、导航和消息,右下角有发动语音指令的麦克风图标和底部的活动栏,这些特性归于大局 UI。在它下方,运用程序内容区域显现运用程序发动器或当时运用的主运用程序的内容。

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

Android auto手持设备与车载规划体系

Android Auto 将 Android 渠道扩展到轿车上,它有两种运用办法:在手机上或在兼容的车载屏幕上。

它有一个简略的界面,标准化的用户交互模型和强壮的声响动作,其目的是帮助司机尽量削减分神。需求留意的是,为轿车规划交互式运用程序与手持式设备的规划有根本上的不同,其运用程序的交互界面应该简化,以确保司机的眼睛和手会集在开车上,削减司机分神。

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

Android auto车载体系UI结构

卡片上供给如消息字符串、图标、图形和操作等内容,会根据用户最近的运用情况和优先级来确认卡片的大小。主屏幕会限制卡片的数量,以坚持列表的简略和相关。因此,当新的、更相关的内容出现时,运用程序的告诉或许会从屏幕上消失。一同,抽屉式的交互办法,供给了简略的操作和导航。每个抽屉项目必须供给一个单一的触摸方针,防止在抽屉里放长的列表,或者在相同内容的视图之间切换。这儿官方给出的最佳 UI 做法是简化内容,关注上下文,显现新鲜的、有用的和大多数不翻滚的项目,运用单行,对决策至关重要的较长字符串运用两行。

5. 苹果 CarPlay

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

简介:

CarPlay 车载体系旨在令用户经过轿车制造商之原生车载体系来运用、操控 iOS 设备并发挥其功用。该产品的首个版别方案于 2014 年发布,最早出现在一些制造商的轿车展览上。

特征:

规划特征:

根据手机映射,所以界面除了横向布局外,icon 都和手机端统一。以简练的布局供给有用的、重点杰出的信息,便于从驾驭员座椅上进行扫描。不要用不必要的细节和不必要的装修来弄乱屏幕。

在整个运用程序中坚持全体一致的外观。一般来说,具有类似功用的元素应该看起来类似。

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

功用特征:

作为车内辅佐、操作、文娱的中心,Carplay 能够直接衔接到轿车中控的触摸屏上,供给根据 iOS 的相关的服务和运用。Carplay 的全体规划环绕着车内驾驭这一运用场景,而它的规划准则也环绕着这一场景来规划:

  • 老练。根据最熟悉的 iOS 运用,来规划界面元素,并供给熟悉、直观的体会。
  • 简略。选用尽或许简略的交互,不过度引人瞩目
  • 相关。屏幕显现信息高度相关,供给尽或许少选项,不需求杂乱决策
  • 语音。根据 Siri,以语音交互为中心,司机无需视野脱离前方,手也不必脱离方向盘即可完结交互。

全新的电子车钥匙,加上 Apple CarPlay 车载流通的运用体会,让 iPhone 能在旅途上发挥更多作用。地图、电话、信息、音乐、日历、一言、一触、一旋随你驾驭。

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

CarPlay 规划标准中文版:

6. 华为车机运用

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

简介:

HMS for Car 是华为终端云服务打造的才智车载云服务解决方案,根据 HMS(Huawei Mobile Services),经过 AI 场景引擎结合华为生态资源,为用户供给精准丰厚的出行场景内容和服务,助力轿车从交通工具向具有交互和服务的才能的智能终端进化。

华为快运用是一种根据职业标准开发的新式免装置运用,其标准由干流手机厂商组成的快运用联盟联合制定。开发者开发一次即可将运用分发到一切支撑职业标准的手机运转。

HMS Core 供给端、云敞开才能,帮助开发者完结运用高效开发、快速增长、商业变现,使能开发者立异,为全球用户供给精品内容、服务及体会。

  • 全球化分发。已上线超过 170+国家和地区。
  • 全终端接入。全面支撑从小屏幕到大屏幕各种智能终端。
  • 全场景支撑。快运用直达链接和卡片嵌入全终端场景。

特征:

规划特征:

在交互界面上,Carplay 和 Carlife 由于运用的投屏办法,主界面依然是一个个的 APP 图标,需求点击发动进入后才能运用。笔者认为选用这样移动端过于粗笨的交互办法并不适用于车载场景;HUAWEI HiCar 的规划理念是”安全快捷、天然舒适、智能交心”, 对车载端的人机交互要素从头布局规划规划,选用桌面卡片的规划办法,以满意杂乱驾驭状况下的运用需求。

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

桌面卡片是运用内容和功用特性的重要载体,用户经过对卡片的便利操作直达运用的中心功用,提高交互的快捷性。运用可经过接入 HUAWEI HiCar 桌面卡片的办法出现最中心的功用和服务,并根据本身的需求特性,自行组合卡片元素以满意不同场景下的用户诉求。

背板:背板款式能够为色彩填充或设置布景图。

布景色支撑黑、白、彩色三套。

运用需供给三套背板以适配卡片主题切换。

品宣区:品宣款式为图标+文字,运用可根据在此区域显现品牌图标和名称。

内容区:展示与运用场景相关的信息,其内容能够是图片、文本或图文款式。

操作区:操作区为文字或图片按键,最多 3 个控件或 1 个控件组。

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

功用特征:

华为才智帮手,可结合用户运用场景,以卡片方法推送提示、服务和行程,完结才智化服务找人。例如,送孩子上学时,车机端华为才智帮手将主动推送”有声续播”卡片,用户点击卡片,即可一键续播孩子在华为手机上没听完的有声儿童内容;用户在开车下班回家路上,进入离家 500 米范围内时,车机体系可主动发动”回家方法”,提前打开家中的窗帘、空调等设备,便利用户享受惬意日子。

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

My Car 功用面向车企敞开华为手机等智能硬件体系级进口才能,能够完结远程控车、查车、轿车服务/告警要害信息等反向推送才能。远程控车功用,能够满意用户高频控车诉求,例如,远程开关空调、寻车、检查门窗状况等。别的,当车辆胎压不足、门窗未关闭时,用户也能经过手机、车机及时收到提示。

HMI 车载设计必看!6 大车载系统的优缺点分析!

HMI 车载规划必看!6 大车载体系的优缺点剖析!

体系的开源地址

1. 阿里 Alios 敞开渠道

https://miniapp.alios.cn/index#/document

2. 百度车载生态敞开渠道

https://chelianwang.baidu.com/homepage/openPlateform/design/sec-4-1.html

3. 腾讯-车载小场景

4. 谷歌驾驭

https://developers.google.com/cars/design/design-foundations

5. 苹果 Apple Car Play

iOS – CarPlay 车载

6. 华为车机三方运用交互规划标准

https://developer.huawei.com/consumer/cn/doc/50902#h2-1587181522014

更多车载规划干货:

参考来源:

你真的了解车载显现屏吗?一文读懂轿车中控屏幕开展历史

  • http://www.woshipm.com/ucd/896089.html
  • https://www.qctt.cn/index/news/show/id/573724
  • http://mp.ofweek.com/instrument/a045683023236

给TA打赏
共{{data.count}}人
人已打赏
教程分享

让你的UI设计更高级!剖析常见设计误区

2021-8-4 17:16:28

教程分享

如何设计出体验更好的 UI 底部导航栏?

2021-8-5 17:17:06

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索