智慧出行 | 车辆数字化仪表盘交互体...

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-相同方式共享
8098 22 107 2018-01-16

Image title


在上一篇《智慧出行 | 汽车仪表盘交互体验设计分析(一)》中,经过汽车仪表盘演变历史以及对五款车型具体应用的分析,总结出仪表盘承载了功能的复杂性、交互方式的多样性以及应用的多场景化,给仪表盘的交互体验设计带来无限的可能。本文MOMOUX墨默体验设计咨询)将分享车辆数字化仪表盘交互体验设计六要素。



【 仪表盘交互体验设计面临的挑战 】

 

 1. 驾驶负荷


驾驶负荷即由于认知资源有限,大量信息涌入给驾驶员造成的负担。随着自动驾驶级别的提升,车辆数字化仪表盘从简单的车辆行车信息显示器变成承载车辆信息、车辆与其他信息交互的复杂环境体系。驾驶员在这样复杂的信息体系中除了需要获取与驾驶相关的路况、车况信息外还需要及时在各个状态信息之间进行切换。


Image title

▲   自动驾驶级别


美国国家公路交通安全管理局将自动驾驶分为5个级别,从L0驾驶级别显示基本的驾驶信息逐渐转变为承载车辆基础信息、路况信息、车辆与它物交互信息的复杂环境体系。随着自动驾驶级别的逐渐提高,在L2~L3自动化级别逐渐提升,驾驶权限逐渐交接;驾驶级别L4驾驶级别的车辆不再需要人来仪表盘消失取而代之的是更多娱乐信息。 



  2. 情境安全意识


自动化程度越来越高,让驾驶员有足够的安全感,但是在某种程度上会使得驾驶员缺乏情境安全意识。现有技术下,已量产发布的自动驾驶仅能达到L3级甚至更低,这意味着某些复杂情境下需要用户接管车辆的控制权。如今交通瞬息万变,用户几乎需要时时刻刻保持谨惕,随时做好“接锅”的准备。坦福大学研究显示,在3级自动驾驶模式下,用户所承受的精神压力负荷反高于普通驾驶,意味着用户更容易出现疲劳 ,造成安全隐患。



  3. 驾驶员情绪


驾驶员情绪状态是汽车驾驶的一个重要因素。情绪控制人们的行动,“路怒症”即来源于此。一些驾驶行为如果受到情绪的负面影响,会极大地造成安全隐患。车辆数字化仪表盘与传统移动数字界面不同的是,人们使用这些设备时会盯着屏幕直至完成任务,但在数字化仪表盘使用上,大多数使用情景却只是在驾驶过程中的匆匆一瞥。如果由于车内界面的可用性差,可能对驾驶员情绪带来影响。



❖ 如何让数字化仪表盘交互体验更好?❖



用户体验专家Manfred Tscheligi 对车辆用户体验设计因素各个维度的解析图,包括社会、环境、心理、用户、系统以及各个元素的相关因子。

Image title

▲   Auto-ui.org, User Experience Design for Vehicles, 2012



本文从Manfred Tscheligi 的车辆用户体验设计因素中抽离出与仪表盘交互体验设计相关的关键因素,结合前一部分描述的关于影响仪表盘的设计挑战,在仪表交互体验设计可视安全性基础上,MOMOUX总结出以下仪表盘设计六要素:


Image title

▲   MOMOUX仪表盘交互体验设计六要素



【 1 可视安全性】


数字化仪表盘作为整个驾驶系统的大脑。在智能操作系统的环境下,保证数字化仪表盘能在使用期间作为驾驶辅助最大化保障驾驶员安全,在设计的任何一个环节需要将可视化安全性作为首要条件。


颜色


1 )  颜色使用规范性:在颜色显示上,每个像素点的颜色传达都必须有严格的目的性以及规范性。ISO国际规范(详情参见:《车操纵件、指示器及信号装置的标志》)上有着车辆信息显示使用色。颜色的规范统一性有助于驾驶员在潜意识里对信息作分类。

绿色:安全的、正常的操作方式或工作状态;

黄色或琥珀色:需要引起注意的,非正常的操作限制、汽车系统故障,可能导致汽车损害 或其他将来可能导致危险的情况; 

红色:危及人身安全的或易对设备、系统造成严重损害的,具有紧急性。


Image title

▲ 颜色示意(具体视觉样式以实际项目为准)


2)  根据场景颜色及时反馈:可根据场景前后的关联性,将颜色作为信息精准传达的一要素。如在速度过高的场景下加入警示颜色,能快速将“需要减速”的信息传达给驾驶员。


Image title▲ BMW 8 series速度警示



图标


1)  图标规范性:与颜色规范性类似,需要使用通用标志,且图标颜色需要严格按照规范。(详情参见:《车操纵件、指示器及信号装置的标志》)


Image title


▲  (左)制动系统故障(制动防抱系统故障除外)信号装置标志信号装置显示颜色应为红色。

(右)燃料量指示器和警报信号装置标志。信号装置显示颜色应为黄色。标志下半部应如图所示涂实或为空白。



2)  图标外轮廓与快速识别的关系:图标外轮廓的加入可以使得驾驶员在原本熟悉的系列图标的基础上,更加快速区分哪些图标需要快速忽略哪些图标可暂时忽略。德裔美国心理学家沃尔夫冈·科勒使用Bouba&kiki 效应,如下图所示:


Image title

▲   (左)Bouba代表不重要信息可忽略;(右)重要信息减少分心和驾驶负担(来源:https://ustwo.com)


Image title

▲   Bouba&kiki 效应示意图(具体视觉样式以实际项目为准,来源:https://ustwo.com)



文本


1)  文本信息尽量简洁、易读,保证信息传达清晰。长篇大论或文字信息表达不清晰容易造成驾驶分心,在信息消化上花费太久时间造成危险。


2)  字体大小适中,在整体上考虑车内驾驶员的视角和字体大小的关系。


Image title

▲   视觉距离与字体大小研究示意图(来源:https://en.wikipedia.org/wiki/Visual_angle)


3)  选择清晰、更容易阅读的字体。


麻省理工学院AgeLab和新英格兰大学运输中心以及Monotype研究发现英文字体——Frutiger(humanist)在车机交互中更容易阅读。



数据


1)  直观易懂,将数据转化为驾驶员想要的数据直接表达出来。通过显示档次行程的预计里程、以及预计最大、最小里程,降低用户里程焦虑,在视觉信息传达上为用户提高试用体验。

Image title

▲   Tesla model 3 预估续航里程


2)  可比较性,将不同时间段的驾驶数据进行对比,可以帮助用户在驾驶任务上进行全局考量、分析。例如:此次驾驶刹车5次,比上次平均耗油量多大约0.2ml(虚拟数据,以实际项目为准)。在这样的数据参照下,还可以驱使驾驶员逐渐纠正驾驶行为。


 

【 2 品牌感知 】



品牌逐渐从狭义上的LOGO概念逐渐扩大上升到整体感知、使用体验、反馈等方面,在设计上建立属于自己的品牌DNA来让用户感知,并与其他车型产生差异化。


Image title

▲   ustwo公司建立的品牌感知模型,左边为狭义品牌概念,右边为以用户为中心的品牌感知概念(来源:Humanising Autonomy Where Are We Going-ustwo)



差异化


在设计之初找到识别车型仪表盘的差异化关键点,如特色模块功能、视觉风格、动画效果等,并在设计中将关键点应用在:有助于提升产品差异化竞争力的功能、产品核心功能模式化的设计语言等。这些能够体现品牌特色的核心要素,本身要具有很强的响应性,它们会被用户不断的看到、用到。



自定义、个性化


根据自身品牌特性为用户创造个性化服务体验,或为驾驶员提供可配置的功能。在仪表盘功能上可根据自己喜好自定义界面,让功能更容易找到和使用。例如:根据品牌属性建立几种不同的风格,让用户高度自定义选择;或为用户创建ID帮用户“记住”驾驶喜好和自定义设置,确保在另一辆车上无缝驾驶体验。


Image title

▲   在2018年CES展示的奔驰新一代A级三种风格仪表盘界面



【 3 信息场景化 】


前面提到的情境安全意识,在某种程度上来源于驾驶员情境意识不足带来安全隐患。所以,为用户进行信息层级梳理,并在适当的场景下为用户提供最佳信息层级关系,显得格外重要。


回顾前一部分Audi A8 仪表盘在信息层级优化上的例子:正常情况下档位和车速作为一级信息左右对称分布;在导航模式下档位和车速的信息层级降低,将导航信息作为主要信息展示。在A8上仪表盘导航驾驶情境下,即在正常驾驶和导航模式的X轴和Y轴切换(如图所示)。(X、Y、Z轴,信息层级几个维度的概念来自于USTWO公司对仪表设计的研究案例)


Image title

▲ (左)Audi A8 未启动前;(右)导航状态


Image title

▲   Audi A8仪表盘正常状态切换至导航状态示意图


Image title

▲   X  Y  轴:用于对信息进行分类和排列优先级,有动态和适应性关系。一般基本信息包含:车速、转速、水温、油量(电动车是剩余电量信息)、时间、指示灯、档位、里程数等信息。其中类似速度显示的位置和大小(信息层级),取决于该信息对此时的驾驶场景是否重要。


Image title


▲   Z轴信息:显示的该层级下信息深度上被隐藏的信息,在特殊状态下显示,如在遇到紧急情况时。



在厘清三个维度后,在进行场景化时信息更容易结构化、更易于梳理。需要注意的是,同一类型Z轴信息出现方式需要以相同或者类似方式出现,这样的统一性有助于增加用户记忆负担。


1)将仪表盘根据用户使用场景进行梳理、尽量将其流程化。

2)将一定场景下功能进行分类、确定信息优先级避免重复与遗漏。

3)对该场景下进行详细分析,考虑其限制条件与特殊性。



【 4 及时性 】


警告和提示


在车辆监控或者行车活动有特殊情况或安全隐患的情况时,及时预知驾驶员。在驾驶途中,如果提示和警告不够及时,会带来严重的安全事故。但是对于警告和提示的策略需要注意:


1)  不要过量:驾驶员在仪表盘上的注意力极为有限,每一次的提示对于驾驶员来说都是一次打扰,注意提示和警告的频次和重要程度。


2)  考虑整体性:在多屏幕协作的HMI状态下,注意提示和警告的连续和无缝性。在一个系统上面已处理过的通知,最好不需要发送在另一个屏上,可以给予信息上的补充。


Image title


▲   BMW驾驶建议场景—中控作为仪表盘驾驶建议辅助辅助提示



反馈


在驾驶员进行车辆任务或对仪表盘进行操作时,需要给予驾驶员及时性的反馈。特别是在驾驶舱内,及时性反馈可以减少驾驶员分心。例如:驾驶员如果可以及时听到命令确认,使得视线无需离开前方路面。


 

【 5 一致性 】


按照尼尔森对一致性的说法:一致性能通过提高产出和减少错误,改善用户学习界面的能力和提高生产效率。保持一致性,从某种程度上还能加强驾驶员对品牌元素的认知。在汽车仪表盘交互体验设计的一致性需要从以下方面解析:


界面与流程


界面:整个界面布局需要保证完整有效一致性,驾驶员在不同的情境下才能有一致的方向感和关系。视觉设计的风格设定、视觉效果、品牌传达是否一致;动效设计的一举一动、意义表达是否一致。


流程:在驾驶员操作仪表盘界面时需要有一致的流程体验,整个操作过程需要让用户感觉自然、容易理解、复用经验效率高等感受,而不是效率低,操作相同却产生与心理预期不一样的效果。


基本设计元素


以品牌为基础建立具有一致性的设计元素,例如:一个基本的交互控件需要贯穿整个仪表盘界面。不仅如此,基本元素例如图标、形状、颜色、版式以及整个元素之间的结合方式,都需要具有一定的一致性。


用词方式:“确认”还是“确定”,“您”还是“尊敬的用户”在整个产品上都需要统一。


基本动效:转场动画、下拉动效的一致性。




【 6 交互自然化】



汽车仪表盘的控制方式,通常在方向盘上。而物理按键在交互设计中往往采取一对一的映射,因此随着功能的增加必然会增加驾驶室中物理按键操作复杂程度。所以,除了考虑方向盘的物理按键触控的简单性以外,还需要注意以几点。

Image title

▲    驾驶员多通道交互示意图(语音和触摸控制)



语音控制


1)  按照驾驶员的心理模型来组织和命名功能,语音界面需要经过完整的情境来实际验证,把最常用的功能放在前面供驾驶员选择。


2)  明示当前可选的功能,用户选择操作后,需要提示下一步可以进行的功能,以及如何调用这些功能。


3)  给驾驶员适当的时间来考虑下一步操作。


4)  每一步语音操作具有容错性,能够让驾驶员返回。



手势操作


1)  手势操作的加入必须理解人的自然运动,而不是强迫驾驶员在局限的时间内适应和学习手势操作技术。


Image title

▲   2018年CES发布的拜腾汽车手势技术演示(目前能识别五种手势,分别是启动、调取主菜单、滑动、确认和拖拽,来源:汽车之家)


2)  通过人机工程学理论来设计针对手势操作的最佳导航。例如:Omek Interactive公司根据人手肘运动的最佳轨迹设计弧形菜单。

Image title

▲   Omek Interactive公司设计的弧形导航终稿(来源:https://vimeo.com)



以上是MOMOUX对车辆数字化仪表盘交互体验设计六要素的总结分享。希望在数字化仪表盘设计过程中围绕这些关键要素展开,提升驾驶者的操作体验,减少驾驶的认知负荷。随着车辆数字化不断的深入发展,使得用户沉浸在数字化中,他们的需求不断得增长,需要设计师在用户体验领域不断革新,MOMOUX希望以“车辆数字化仪表盘交互体验设计要素”为话题展开讨论,期待大家的留言。



参考资料


1《设计未来—基于物联网、机器人与基因技术的UX》

2《多设备体验设计—物联网时代产品开发模式》

3 http://ixd.prattsi.org/2017/11/the-ux-of-the-smart-car/

4 Teaser for Omek's Grasp close-range gesture recognition software

5 USTWO REIMAGINES THE IN-CAR CLUSTER

6 Dashboard User Interface Design.

7 In-car typeface – something you don’t notice

8 User Experience Design for Vehicles

9 Digtel trends CES 2018


全部评论:22

  • marcus_ban

    2018-01-29 18:48

    @梦想之城: 有B格,确实不假!+了英文就显得国际化,价值提升!当然每个国家都离不开两种语言,其中一种就是英文。

  • 梦想之城

    2018-01-29 10:25

    为什么,现在国内设计师设计东西,非加英文干什么,我到国外看看人家的设计,为什么不加中文? 难道加了英文,就有B格?

  • Mr.Zhu

    2018-01-24 15:38

    @标准普洱: 估计到这么宽的屏幕的时候自动驾驶技术已经很成熟了

  • dwf拂晓

    2018-01-22 11:48

    汽车上看屏幕 你们不会晕?

  • Mingo铭戈

    2018-01-22 09:38

    @小明的朋友: 我是很开心啊!没人会把你当回事的?那你是人还是狗?

  • traveldonkey

    2018-01-22 09:09

    拜腾除非达到L5级别的自动驾驶、取消方向盘,车内全部为乘客,没有驾驶者,用这么大的屏幕才有意义。

  • 小明的朋友

    2018-01-20 14:34

    @Mingo铭戈: 听到了你说“每件事要深入了解才能发言?",我觉得你开心就好。没人会把你当回事的。

  • 爱情出远门

    2018-01-20 09:53

    @坚sir大风又大浪: 其实也不能说的那么绝对是不是,现在各种自动驾驶技术逐渐成熟。。。。。就像当时手机系统塞班到安卓的转变,原来认为没有键盘玩什么手机啊,现在反而是还有手机有键盘?。。。。凡是不绝对,这是一种方向,总有人去尝试,不能以现在的认知去评判以后的发展

  • 坚sir大风又大浪

    2018-01-19 18:30

    @Mingo铭戈: 那块大屏有前提的,自动驾驶技术不断在成熟

  • Mingo铭戈

    2018-01-19 14:11

    @小明的朋友: 每件事要深入了解才能发言???谁教你的?沉浸在偏见中?去看看我哪里有偏见?如果是偏见,看看评论区大多数人的感受,大多数人都是偏见?就你客观?别在这装高尚好吗?你对拜腾有研究你就PO出来,别人质疑你就拿你的客观道理来说说为什么这样设计是好的,而不是在这指点江山,教人怎么评论,你不配!

  • 小明的朋友

    2018-01-18 16:22

    @Mingo铭戈: 是累?还是享受的沉浸自己的偏见中随意对别人指指点点。我也说了,每件事要深入了解才能发言,没有去深入了解就质疑,比不上有深度的质疑,也就绝没有后者累。这么浅显的道理,我想你应该了解。

  • hjgood

    2018-01-18 12:03

    无人驾驶如果非常成熟的话还好,要不第一张图感觉不安全

  • 标准普洱

    2018-01-18 11:39

    第一张图我这个10年老司机,绝对不会去选择,非常影响安全架势,人的眼镜有视觉残留,尤其长时间驾驶后,这么宽的屏幕,某个部位有明显的动态变化,就会让司机产生错觉。买车是用来开的,不是用来看电视吧

  • 啊信啊

    2018-01-18 11:19

    值得学习

  • Mingo铭戈

    2018-01-17 16:36

    @小明的朋友: 平凡无聊的人才不会去质疑了!累不累?

  • 小明的朋友

    2018-01-17 11:31

    这款车不知现在多火,看着楼下的质疑声,唉,为什么不多了解一些再评论呢,一群平凡无聊的人

  • Sam_designer

    2018-01-17 11:29

    @gg真多: 已经有了这台车,叫什么腾。

  • Ainal

    2018-01-17 10:13

    头图是拜腾首款量产版样车BYTON Concept,至于好不好用,车内驾驶是一个很独特的场景,不要用常规的经验来分析它。

  • Ainal

    2018-01-17 10:11

    哦哦哦,UI中国也有车载HMI相关的分享了,加油。

  • Jk灬糖度

    2018-01-17 10:08

    @Mingo铭戈: 除非这是无人驾驶的汽车不然安装这玩意,分分钟出事情的节奏

  • Mingo铭戈

    2018-01-17 09:55

    头图简直了,首先汽车最重要的是安全驾驶,如果是轿车,本身底盘底,视线会比较平,对于视野向下的视角会不太好,如果按头图的仪表盘摆放位置,是要对视野造成严重影响的。在加上这么一大块屏,信息量那么大,你自己也说了,用户更多的看一眼相关信息,你摆那么大区域,是不是矛盾了?界面上,白底+信息,不如黑底+信息;本身驾驶过程中,镜子外的东西是亮的,内部颜色是暗的,用户会更安心驾驶,现在放这么一大块白色底的屏,简直了!感觉更像买仪表的,强行安在车上!

  • Caleb

    2018-01-17 09:47

    @gg真多: 好好思考一下再问~

  • gg真多

    2018-01-17 08:50

    头图汽车里的大横屏不是认真的吧。。。那么宽,驾驶人怎么按到最右边的屏幕呢

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票