想做好车载设计?先掌握这份Carplay设计规范

传统的汽车中控系统,大多是相对固定的硬件组合到一起,共同构成中心的控制台,控制着包括导航、收音机、播放器、空调等在内的各种功能。一直到2000年前后,汽车的中控台都一直以这样相对固定的物理按钮和旋钮来搭建,用户也可以通过官方或者第三方服务,来升级功能,比如将磁带播放器升级为CD播放器乃至于内嵌电视功能等等。

随着移动端技术的发展,iOS和Android等智能软件系统的完善和提升,汽车的中控系统也不再受限于固化的硬件功能。平台化的软件体系让中控系统有了更多的可能性,影音娱乐开始更加丰富,而已然完善的移动端触摸式交互生态,则为汽车中控以屏幕替代物理按钮打下基础,各类原本存在于手机电脑的新型的APP、功能、服务也逐渐出现在汽车中控系统上,而特斯拉更是一步到位,以一块巨大的触摸屏彻底革新了中控的交互体验,OTA升级,有机多样的UI交互,彻底释放开了汽车中控交互体验上的想象力。新的问题出现了,新的方法在迭代,新的趋势也得到了印证。

宝马奔驰保时捷等顶级的汽车厂商大都在中控台的设计上,探索了各自的可能性,国内厂商也毫不示弱,不过其中绝大多数的系统都基于我们熟悉的Android或者是AndroidAuto作为基础来进行定制和优化,而苹果则基于自家iOS生态,在2013年推出了iOSintheCar服务,目前正式名称为Carplay。而目前各大厂商所青睐的AndroidAuto也上在Carplay发布之后所跟进并发布的。

关于Carplay

CarPlay车载系统旨在令用户通过汽车制造商之原生车载系统来使用、操控iOS设备并发挥其功能。该产品的首个版本计划于2014年发布,最早出现在一些制造商的汽车展览上。

Carplay本身并非完全独立的存在,它本身会和iPhone一起联动,让iPhone成为你的车钥匙和辅助管理系统。

Carplay以苹果自身在移动端交互和用户体验上的深厚积淀,总结和梳理出了一套可供学习和值得参考借鉴的规范。

这些规范对于需要考虑车载使用场景的厂商以及正在布局车载移动端软件或者系统的厂商的设计师而言,都有着相当的参考和学习价值。

Carplay核心原则和功能

Carplay当中会有提供音频内容的APP,诸如Podcasts,网络电台,新闻,音乐,体育节目等等,这些服务和APP将会通过内置的屏幕显示,并且借助最常见的「标签栏+列表」来呈现基本的框架,并且必须包含「播放」界面。尽管这类服务和应用是借由内置的界面框架来呈现,但是依然有值得注意的要点:

↑使用此图标代表明确的、本地的的内容。

↑使用此图标来标识在线的内容,确保用户知道内容来自网络,并且会耗费网络流量。

在进行音频内容播放的时候,Carplay会显示「正在播放」的界面,并且会使用如下界面:

Carplay能够内嵌到不同厂商的车中,自然也可以控制车内的硬件。这一部分的硬件驱动支持通常是由厂商提供,并且借由Carplay内的界面,提供统一的交互体验。

1.3、信息传递和VoIP应用

VoIP也就是基于IP的语音传输功能,而在Carplay中,VoIP应用主要借助Siri服务,并且全由Siri操控,它并不为用户提供直接的交互界面,因此无需专门设计UI界面。

它支持阅读信息和编写/回复消息,不过需要用户授予权限

当你的APP有推送信息未读的时候,通常会在APP的右上角增加一个红色的小红点标识,并且其中会有一个白色数字用来标识未读信息的数量。

对于错误信息,应当妥善处理,并且绝对是要在必要的时候才推送报错信息。

在加载内容的时候,使用黑屏或者静态的界面,可能会让它整体上看起来像是死机了一样,或者可能会导致用户离开。

在Carplay当中,有2种常见的导航模式:

横向导航。通常使用标签栏来进行导航,不同内容横向排布,用户可以快速点击不同标签切换。

分层导航。用户在屏幕上点选不同选项,通往不同的子界面。其中地图应用采用的是这种结构。

音乐类应用可以使用横向导航,也可以使用分层导航,在设计导航的过程中,应当注意:

全面的测试,是确保应用可用性的重要前提。

无论音频是否是你的APP的主要内容呈现形式,你都需要了解用户对于音频有哪些期待,并且尽量去贴合这些需求。

在管理汽车功能的页面当中,厂商提供的功能和数据将会无缝的接入到Carplay当中,比如气候、网络、GPS等等。当数据不可用的时候,尽量提供合理的响应方式。

Carplay是和iPhone连接起来使用的,并且在程序数据上也相互兼容互通,只是Carplay本身提供的是简化之后的UI,并且针对驾驶的场景进行了优化。

支持Carplay的车辆通常会有物理按钮和旋钮,它们可以作为Carplay交互的辅助。当物理按键作为用户的主要交互介质的时候,通常至少会存在一个Siri按钮,导航控件,选择控件,以及后退控件。

下半部分的将会涉及到视觉设计和具体UI控件的设计规范。

3.5、触摸屏交互

用户可以通过内置的触摸屏来与Carplay直接进行交互。高保真屏幕可能会比低保真屏幕,在交互效率上更高,更低延迟,支持更多手势。Carplay的交互基本采用的都是单指交互,具体可以参考下方列表:

在设计交互的时候,尽可能少地使用触摸交互,避免用户在驾驶过程中分心。

3.6、Siri

Siri是Carplay的基本功能,无干扰的语音让用户和程序之间的交互更加自然和安全

即使看不到Carplay的屏幕,依然可以使用方向盘上的语音命令按钮来激活Siri。激活后,Siri会针对语言进行处理和分析,并且转换为可用的指令。

动画可以让屏幕上的元素,拥有一层附加的视觉效果。如果方法得当,动画还能呈现状态,提供反馈,增加用户直接操控时候的感觉,并且告知用户可视化操作的结果。

成功的品牌设计并不只是把LOGO塞到APP当中,出色的APP能够巧妙地使用字体、配色和图像来构建独特的品牌形象。

关于这方面的设计,可以详细参考iOS设计规范中的配色、版式以及图标和图像这三个章节。

在品牌设计上,

Carplay要求设计师:

通常,配色可以提供交互性,提供视觉连贯性,并且对界面赋予生命力。

Carplay支持不同像素密度不同纵横比的显示,但是这也意味着在实际布局设计的时候,要格外小心,尽量让你的设计在不同的屏幕分辨率和长宽比之下,都显得足够正常。

和iOS类似,在Carplay当中,屏幕分辨率也分为1x2x和3x。

每个CarplayAPP都应该有一个显著突出的图标,确保在驾驶的时候可以轻松点击到。

如果你设计的APP当中,需要的图标并不存在于系统图标当中,或者系统图标与你的APP并不匹配,可以自定义图标设计。

系统本身内置了许多小图标,服务于日常各种不同的任务,通常这些小图标会使用在导航栏和标签栏当中,尽可能使用这些内置的图标。

上拉菜单是一种特定的弹出菜单,通常从屏幕底部弹出,并且包含2个以上的选项。不过在Carplay当中应该尽量避免使用上拉菜单,在iPhone上倒是可以使用它,但是不要在Carplay中显示。

在内容加载的过程当中,请勿让屏幕保持静止,或者空白,使用活动指示器确保它看起来没有静止。

警告会用来通知用户一些关键性的信息,警告通常由标题、可选信息以及一个或者多个按钮组成。除此之外,警报的视觉系统是静态的,无法自定义。

警告最小化呈现。由于警告本身会破坏用户体验,所以请在重要的情况下使用警报。

按钮通常可以用来触发一些特定的操作,具有可自定义的背景,并且可以包含标题和图标。和iOS不同,Carplay支持的按钮样式非常有限。

导航一般在屏幕的顶部,通常导航栏右侧会有返回按钮,中央是标题。有时右侧会有其他的可交互的控件。

滚动视图让用户可以浏览到更多的内容,用户可以用滑动或者轻拂来进行浏览信息。

标签栏通常出现在屏幕顶端,并且用户可以借此快速切换。逻辑上标签栏可以包含无限多的Tab,但是可见的标签数量,会根据实际显示尺寸而有所不同。

THE END
1.车标大全汽车标志图片大全名车标志图片及名称→MAIGOO知识如果对一个汽车品牌感兴趣,你应先从它的标志开始;如果喜欢一个汽车品牌,你至少要了解它的标志意义;如果要了解一个汽车企业的发展历程,你要先知道它的标志演变。以下名车标志品牌,包括国产汽车标志、意大利汽车标志、德国汽车标志、日本汽车标志、美国汽车标志、英国汽https://m.maigoo.com/goomai/160836.html
2.华为联合设计的AITO汽车logo设计LOGO图片含义/演变/变迁及品牌LOGO设计趋势提供最新华为联合设计的AITO汽车logo设计LOGO设计资讯,华为联合设计的AITO汽车logo设计LOGO设计图片含义及寓意说明,LOGO演变,LOGO变迁历史,华为联合设计的AITO汽车logo设计品牌介绍.查LOGO设计,就上LOGO设计趋势!http://logoqs.techuangyi.com/show/27986
3.华为问界汽车车标logo理念解析华为问界汽车的logo理念体现了华为在科技和创新方面的核心价值观,它不仅仅是一个标志,更是对用户的一种承诺和信任的象征。无论是华为手机还是华为问界汽车,华为始终以技术创新和用户需求为导向,致力于为用户带来更好的产品和服务。相信华为问界汽车的到来将给汽车行业带来一次技术和创新的革命,让我们一起期待华为问https://niego.cn/xinwen/news-900.html
4.汽车标志大全(第二版)车标是汽车企业的标志,承载了品牌的商标、名称、含义和价值,更代表着车主的身份。世界著名的汽车标志都是由汽车企业家、科技专家和制造者世代拼搏,付出心血、泪水、汗水,甚至生命换来的。汽车标志就像一座座丰碑,记载着推动汽车文化发展的名人们的丰功伟绩。每种汽车标志都有着耐人寻味的含义和不同寻常的故事,为我们https://detail.youzan.com/show/goods?alias=2ogg5hg93inys
5.科学网—机动车仪表盘灯及汽车开关符号为了让更多的用车朋友能够清楚了解相关图标所代表的功能,我们将从汽车主要的5个系统给大家介绍常见的仪表盘标识信息。5个系统分别为: 1、车辆基本情况提示标识, 2、灯光信息提示标识, 3、变速箱/车辆行驶状态提示标识, 4、电子安全装置/四驱系统标识, 5、智能钥匙提示标识。 https://wap.sciencenet.cn/home.php?mod=space&do=blog&id=678409
6.世界名车标志及名称国产汽车标志图片大全汽车标志的含义 汽车标志是指各种汽车品牌的标志,这些标志往往成为汽车企业的代表。 汽车应当具有足够的标志,用以表明汽车的生产厂家、车型、发动机功率、载质量、发动机及整车的出厂编号等。它们的作用是便于销售者、使用者、维修人员 汽车标志大集合 、交通管理部门识别车辆的"身份"。按我国国家规定,新车登记和年度检验https://qcbz.haoyun56.com/
7.新能源汽车logo标志大全,看看你认识几辆车标其实不仅仅代表着汽车品牌的标志,同时也展现了品牌的文化内涵,有些看起来可能很简单,但是蕴含了丰富的含义。罗列一下近几年上市的新能源车车标。 1、特斯拉、蔚来、小鹏、理想、哪吒目前都是比较常见的新能源汽车品牌,此外还有威马、零跑、前途、爱驰汽车等。 https://www.dongchedi.com/article/7203553472095322661
8.汽车使用总结(一)汽车车灯使用图解大全汽车车灯图解大全● 各种车灯图标有何含义? 弄明白车灯开关的位置和操作方式后,接下来,我们就要弄明白车灯开关上各种图标符号的含义。 需要注意的是,不管车辆的车灯开关是旋钮式还是拨杆式,远光灯开关都是在左侧拨杆(即转向灯拨杆)。 ● 那些晃眼的灯都是怎么开启的? https://blog.csdn.net/lsx2017/article/details/86726568
9.汽车图标大全认标志图片图解爱车一族汽车名车品牌由来及文化书京东JD.COM图书频道为您提供《世界汽车标志全知道 汽车标志大全书籍 认识汽车车标图鉴 汽车图标大全 认标志图片 图解爱车一族汽车名车品牌由来及文化书 来及文化书》在线选购,本书作者:,出版社:出版社。买图书,到京东。网购图书,享受最低优惠折扣!https://item.jd.com/10114938864487.html