车载UI 与手机UI 的设计区别及发展潜力

2022-07-06 03:41范文婷
时代汽车 2022年14期
关键词:界面设计车载界面

范文婷

厦门安防科技职业学院 福建省厦门市 361000

在特斯拉智能电动车迅速畅销全球之际,融合电动能源与智能化屏幕操作系统的互联网智能汽车应运而生。与此同时,以小鹏汽车、蔚来汽车、威马汽车为代表的互联网智能汽车迅速发展,激发了车载UI 设计的生命活力。相较于手机UI 设计来说,车载UI 设计具有一些差异化表现。因此,立足视觉传达设计领域,探究车载UI 设计与手机UI 设计的区别具有非常重要的意义。

1 车载UI 设计

车载UI 设计即车载界面设计,也可称之为车载交互界面设计。在汽车领域,车载UI 设计包括直接作用型界面设计、间接作用型界面设计,本质上是汽车内部信息与人类可接受方式的交互,智能改善车辆驾驶员体验感。汽车内部信息与人类交互涉及了听觉、视觉、嗅觉、触觉多个层面,根据交互层面的差异,其对应的场景也具有一定差异。如基于听觉交互的音乐CD,基于视觉交互的电子屏幕等。特别是在二十一世纪车联网、无人驾驶汽车、物联网等现代化技术的支持下,大屏幕扁平化+拟物化UI 设计开始在车载UI 设计中应用。比如,路虎揽胜星脉的车载UI 设计就选择的三屏联动搭载12.3英寸液晶仪表,可以在同步显示汽车信息、速度信息、地图信息的基础上,经物理按钮自定义界面。其中中间部位的10.2 英寸触控屏提供媒体、车载导航、汽车信息与蓝牙连接服务,下方的10.2 英寸功能调节触控屏则提供温控、汽车信息、车辆模式设置、收音机、座椅调节等服务。再如,奔驰E 级汽车的UI 设计采用了12.3 英寸液晶屏,UI 设计风格为拟物化,将功能模块与物理按键操控、液晶仪表盘进行了有机整合,实现了触控与按键交互的统一。

2 手机UI 的设计

手机UI 设计即手机用户界面设计,特指借助符号形式表现信息,便于手机使用者获取内容的方式。手机UI 设计的重点是基于手机使用者个人意愿的各种软件信息传递,即人机交互。根据手机UI 设计的交互性功能可知,手机UI 设计需要贯彻以人为中心的理念,立足手机使用者触觉、视觉、听觉甚至味觉器官感知层面,充分分析界面视觉与用户体验需求,从视觉思维创新层面进行界面交互性功能的合理把控。比如,恰当把控文字设计元素与图片设计元素,融入大脑视觉冲击理论,确保手机使用者在短时间内识别手机界面信息,获得良好的视觉感官体验。

从手机UI 设计流程来看,首先需要进行功能定位,如简单易用的图片分享,利用时间碎片记录信息等。其次,锁定目标用户,一般为全部智能手机用户。再次,根据整个应用UI 跳转与层级关系,进行页面设计,包括Table 栏应用设置入口、个人主页相关信息显示区域、图片展现方式等。最后,确定风格定位,整体优化界面。比如,将图片分享类应用色调设定为灰白,完善页面图标导示,并选取色彩艳丽或内容具有视觉冲击的图片作为示意图等。

3 车载UI 与手机UI 的设计区别

3.1 使用场景不同

车载UI 与手机UI 的使用场景具有较大区别。车载UI 主要在车内使用,包括停车状态、驾驶状态两种状态。在停车状态下,使用者主要执行驾驶前准备操作,如查看周边路况拥堵情况,设定目的地导航与娱乐系统,确定行车路线等;在驾驶状态下,使用者主要视线集中在操作驾驶模块,主要目的是确保行车安全,特别是在高速行车状态下,汽车UI 的主要作用是准确展示驾驶信息,便于驾驶者查看导航信息与周边车辆情况、车辆驾驶状态,及时发现危险因素及时处理。车载UI 的主要应用过程是户外,强烈阳光照射情况较为常见,易引发车内高强度光线反射,此时,驾驶员无法通过调整角度规避,需要UI 设计者在汽车UI 设计时期考虑反光干扰内容展示情况,比如,利用高亮度UI 界面颜色,降低反光对UI 信息传递干扰。而在夜间行车期间,则引入夜间模式,避免高亮界面刺激驾驶员视觉器官。

手机UI 的使用场景位于室内外较为稳定的环境,使用者主要执行打电话、看视频、听音乐等活动。在室外场景中,若遇强光反射问题,使用者可以通过调整手持角度解决。

3.2 功能设定不同

从功能设定来看,车载UI 功能设定核心是安全驾驶,其次为娱乐。特别是在驾驶模式下,车载UI 中安全驾驶信息占据界面较大,音乐播放等娱乐功能占据界面较小。

手机UI 功能设定具有针对性,根据不同软件使用需求,其功能设定也具有一定差异,每个软件的UI 功能仅完成单次任务。比如,淘宝UI 用于消费购物,微信UI 用于社交通信,高德UI 用于导航等。

3.3 交互方式不同

从交互方式来看,车载UI 的基本交互方式是默认安全信息+临时弹窗。因车载UI 安全产品功能需求,全部默认交互信息均为安全驾驶,音乐播放等娱乐交互以弹窗形式出现,使用完毕后即隐藏。

手机UI 的基本交互方式为底部栏菜单切换、侧边栏菜单切换,因手机单次任务执行思路,每一个菜单展现的内容与内容之间相对独立。

3.4 操作模式不同

车载UI 的操作包括手指操作、胳膊+手指操作两种模式,较之手机UI 操作更为便捷,但精准度也有所下滑,耗时更长。比如,在滑动操作时,驾驶员可以通过手臂悬空滑动浏览内容。同时较之手机UI 操作,车载UI 操作面临着更高的安全成本。特别是在车辆驾驶过程中,驾驶员需要在胳膊悬空的状态下滑动进度条,而胳膊的悬空状态易引发位置控制精度偏差,导致驾驶员无法将全部注意力集中在车辆驾驶中,最终引发安全故障。

手机UI 的主要操作是手指操作,包括手指点击切换菜单、手指上下滑动浏览内容等。由车载UI 设计与手机UI 设计的区别分析可知,单纯地将手机UI 设计迁移到车载中控UI 设计中,将加剧车载UI 人机交互复杂程度。因此,车载UI 设计人员应根据车载UI 实际运用场景,对接用户个性化、舒适性体验需求,进行车载UI 的发展潜力分析。

4 车载UI 的发展潜力

4.1 智能车机系统交互

智能车机系统是高效率、不间断、稳定连接人、车、生活的系统,可以促使车辆从单一的交通工具转变为智能应用中枢,给予使用者更加舒适的体验。智能车机系统的不断升级优化,对车载UI 设计提出了更高的要求。当前,一部分汽车制造商已将手机、游戏、网页等UI 设计经验跨行业引入车载界面设计中,在一定程度上改变了以往品牌汽车交互界面设计简单、保守、缺乏吸引力的情况,未来一段时间内,包含车载UI 设计与人机交互模式的智能车机系统将成为发展潮流。基于智能车机系统的车载触摸控制UI 界面类似于苹果iPad 通用控制模型,汽车驾驶员可以利用肌肉记忆引导的触碰手势驱动,手指与UI 表面交互。整个过程中,汽车驾驶员不需全部小控件、广泛图像库记忆,可利用相同手势以及手势变体完成多类别任务。而UI 界面也可以在远程车辆健康监测与控制值交互时协调电气、电子、传感器与计算机,提供直观而无歧义的信息,帮助车辆驾驶员了解汽车当前状态以及故障位置,如TEMPRATURE(F °)为38 °,INTERIOR 为68°等。

传统汽车人机交互界面设计主要集中于物理按钮、方向盘与其他相关设备交互,经过多年的发展,智能交通系统与互联网信息系统逐渐引入汽车UI 界面设计领域,对基于驾驶的物理交互方式造成了较大的冲击。比如,新功能的不断增加致使按键、旋钮等物理操作数量急剧攀升,对用户体验舒适度、便捷度造成了干扰。为了避免用户面临更为复杂的按钮交互界面,智能电子屏幕开始成为汽车界面设计的重点。智能电子屏幕UI设计的重点是信任感、仪式感、默契感。其中信任感体现在用户信息安全,协调处理信息互通与信息隐私之间关系,维护车辆与车辆之间信息交流安全,为自动安全驾驶实现提供支持;仪式感体现在汽车传统UI 设计,如手动驾驶与智能驾驶仪式感切换等。以路虎揽胜星脉的中控台设计为例,在启动汽车时仪表盘可以较慢的速度从操控台升起,给予汽车驾驶员关于汽车启动的仪式信息;默契感体现在智能化水平愈发显著的情境内,对UI 的智商与情商均提出了较高要求。比如,在临近中午驾车时,UI 界面显示最近就餐点以及导航路线。再如,在车内乘客中有幼儿时2,自动播放儿童娱乐信息等。

4.2 超大显示屏

在新能源车发展潜力持续提升进程中,以特斯拉为代表的新能源车对车载UI 设计提出了更高的需求。特别是超大显示屏嵌入汽车中枢方式,为车机交互新模式——车载中控UI 发展提供了充足动力。当前以奔驰双连屏、路虎三分屏为代表的车载中控UI已经出现,全新电动能源、智能化大屏操作系统迎来了良好的机遇。

在超大显示屏UI 设计时,汽车底层数据将更加丰富,实现汽车数据、美学、功能在仪表界面的自然结合,确保每一项交互均满足交互规则以及汽车驾驶员习惯,颜色选择、布局、转场动画均处于完美状态。以数字仪表盘交互界面为例,其会在发动机加速时开始跳动,配合周围微型图形动画,促使车辆驾驶员对车辆状态具有更加深刻的了解。并在轮胎压力消失、燃料过低或者下一路口拐弯时获得声音或者视觉感官反馈。整个过程中,车辆驾驶员的视线可始终在路上,借助增强显示器了解中控屏幕信息。

4.3 娱乐系统界面优化

在互联网飞速发展过程中,智能化、多功能成为汽车UI 设计的新方向,车载信息娱乐UI 是沟通人与汽车的媒介,符号学则是联系车载娱乐界面设计者与汽车驾驶员的桥梁。在未来一段时间内,根据符号学理论,推进车载娱乐界面设计过程创新将成为提升车载UI 用户体验的关键。从本质上来看,车载娱乐UI 设计过程是车辆驾驶人员与汽车通讯交流的过程,此时,交互设计的模式与符号学传达模式产生叠合,在注重经验事实描述的同时,应增设抽象理论概括内容,集成众多UI 设计元素,构成独特的交互符号系统。从传达方式来看,车载UI 包括发信端、收信端、信道、符号与编码规则、信文等元素,元素的组合需要从汽车驾驶员行为认知着手,依存不同的编码规则,确保车载信息的顺利传达。其中发信端为UI 设计师群体,收信端为车载娱乐UI 用户,符号为图像与声音,编码规则是有目的的整合语义与语用符号,新闻为UI 界面,信道为交互渠道。

在未来很长一段时间内,汽车不单单是一个交通工具,而且是现代人生活必不可少的空间,这一空间需要同时满足汽车驾驶员运输需求、生存环境交互体验需求。因此,未来车载UI 设计人员应注重分析用户驾驶状态下的认知行为,比如,环境光线明度、沙尘雨雾干扰车辆驾驶员视知觉,此时,在汽车娱乐UI 设计时,就需要将高饱和度颜色作为重要信息、操作用色,尽可能减少细微图像、颜色变更。比如,荣威CarPlay自由inkaNet 系统就以白色线钩形式体现视觉图片,有效强化了用户辨别速度,同时调整了功能区域布局,扩大了可控有效区域,便于用户快速、准确的操作界面。除此之外,鉴于汽车驾驶人员注意力会随着对事物感兴趣程度进行转移,此时,UI 设计需要在统一导航界面与行驶路线的基础上,应用增强现实技术,进行“进入音乐界面”、“翻看音乐列表”、“更换歌曲”、“切换至FM”等娱乐资源分配。进而意义360°悬浮环抱式系统界面,优化娱乐界面格局,满足用户个性化需求。

4.4 基于情绪感知的语音导航

传统汽车语音导航主要借助大交互UI实现,用户仅需输入目的地就可以获知指定线路,UI 界面并未显示导航逻辑以及若干层级计算结果。而在社会信息化与全球人口结构老龄化交叠进程中,生理与心理能力处于较低水平的老年人对信息化社会适应度偏差日益显著,作为重要交通工具的汽车UI设计在缩小这一偏差方面肩负着极大的责任。未来的汽车UI 设计需要在贯彻高精准度、信息集中、强可视性优势的基础上,落实以人为本的设计理念,运用情境感知理论,明确老年用户车载UI 设计特征,从生理、心理、感知通道、认知几个层面探析老年车辆驾驶员界面感知需求。进而以老年车辆驾驶员-汽车-环境情境感知系统为中心,分类剖析老年汽车驾驶员交互情境,从系统主动型、老年汽车驾驶员与系统协同型、老年汽车驾驶员触发性几个方面,制定UI 情境感知交互设计策略。比如,未系安全带红色灯光+警示铃声+安全带指示图标组合提醒等。再如,利用窄而深的界面功能归类,优先排列油门控制、灯光控制、操作雨刷功能模块,配合语音导航,突出重点信息,便于老年汽车驾驶员在短时间内锁定目标功能。

5 总结

综上所述,车载UI 设计是借鉴手机UI 设计成功经验之上的演变,契合汽车UI 特殊使用场景。相较于手机UI 设计来说,车载UI 设计自带车载系统,可以在停车状态、驾驶状态使用,手机UI 的使用场景则为室内外稳定的环境。同时车载UI 操作包括手指、手指+胳膊等形式,手机UI 则主要借助手指操作。除此之外,车载UI、手机UI 在交互布局、功能设定等方面也具有一定区别。根据车载UI 与手机UI 的区别,车载UI 设计者应在借鉴手机UI 设计成功经验的基础上,进行车载UI 的个性化设计,适应新能源车智能车机系统发展趋势,实现高科技与视觉传达设计的完美结合。

猜你喜欢
界面设计车载界面
中医养生APP界面设计
共沉淀引发的溶解性有机质在水铁矿/水界面的分子分馏特性*
某车载提神香氛功效验证及应用
一种车载可折叠宿营住房
中国传统元素在界面设计中的应用
从零开始学用智能手机
适合它的车载安全工具 你才会无忧驾驶!
SA2型76毫米车载高炮多视图
界面设计中的图形创意方法
新媒体界面设计对当代报纸版面设计的启示