精于方寸之间——智能汽车时代交互界面进化论

企业动态 智能汽车
智能网联系统作为用户与车辆交互的载体,是用户体验的重要接口。优秀的车载智能网联系统,可以给用户带来优质的用车体验,是用户对车辆满意度的重要组成部分。

随着数字屏幕承载的功能越来越多,燃油车和电动车的驾驶舱正向智能化、数字化、网联化快速发展。未来的智能座舱,不仅是智能车控、人工智能等黑科技的融合平台,也是人车交流的情感空间。智能网联系统作为用户与车辆交互的载体,是用户体验的重要接口。优秀的车载智能网联系统,可以给用户带来优质的用车体验,是用户对车辆满意度的重要组成部分。

智能网联系统的交互界面需要从一块屏幕出发,但又不囿于这块屏幕提供的纯粹视觉输出,需要在承载品牌及产品特征的基础上,为用户呈现智能、直观的交互体验。对于亿咖通科技智能网联系统交互界面设计师而言,他们一直在紧跟技术潮流,不断思考和探索,试图通过设计手段不断优化用户与汽车之间的交互模式,进一步营造和激发更有趣的驾乘感受。

UI设计细节契合品牌和产品风格

亿咖通科技新一代智能网联系统的界面与交互围绕“以用户为中心”的策略设计。历经一年的打磨、一次大的更新、近千次的细节优化和微调,通过减少信息层级的跳转、去除繁冗的效果修饰、重点强化信息阅读和识别,这套系统最终呈现出一个视觉上和逻辑上都“扁平化”的界面与交互效果——从感知层面上,降低用户的学习成本,提升用户的使用效率。

作为首款搭载亿咖通科技新一代智能网联系统产品的落地车型,星越L凭借横跨整个中控台的“米级屏”,充分展示了这套界面的美感。界面的设计延续整车外观和内饰所使用的“山峦”设计理念。仪表、主屏、副屏依次呈现出块状渐变的特殊处理。无论是开机引导页面、首页Launcher,还是主副屏上的Widget,均营造出一种空间横向延展、贯穿、连续的视觉效果。同时设计团队也通过“分割”的手段,将整个屏幕分成了快捷操作区、智能场景推荐区、控件展示区以及信息娱乐四个区域,并以明显的层次感呈现,方便用户快速识别相关信息。

大量圆角矩形的使用,赋予整个界面更强的亲和力

为了更好地匹配星越L“山峦”设计概念在内饰中较为圆润的应用,亿咖通科技的设计师团队也给几乎所有控件增加了“圆角”,赋予了整个界面识别上更强的亲和力,精确地呼应了内饰风格。

从便捷的交互的角度出发,遵循“少即是多”的原则,这套界面的背景层和通用组件用纯色、简洁风格来弱化与功能信息模块的视觉冲突。与此同时,功能信息引导层用品牌高亮色进行强化,突出内容层的信息识别,带来极致简洁的视觉感受。

引导层用品牌高亮色进行强化,突出内容层的信息识别

交互引领车载生活新方式

新一代的智能座舱交互系统不仅从视觉上为用户呈现了一个更为简洁现代的设计美学,更是为消费者带来双屏联动、黑白模式切换、可见即可控的界面交互体验。

左侧快捷控制,中间场景功能推荐及语音助手交互,右侧信息娱乐,版块错落有致

基于用户使用习惯,设计团队对信息层级深度进行了优化。界面最左侧的快捷操作区提供了5种核心用户需求场景(空调,车辆设置,应用中心,回到主页,用户中心),确保高频次使用的核心功能可以在首页上快速找到。

从实际应用的角度出发,亿咖通科技的设计团队也设计了“白天和黑夜”两种显示模式,提供浅色和深色两种基调的界面。界面显示在白天或夜晚的场景中可实现自动或手动的风格切换,以提供更为清晰的辨识度。

黑夜模式可以在夜晚提供更高的辨识度

 

白天模式保证在阳光直射下也有较高的辨识度

米级屏的宽阔也带来了屏间交互的需求。新一代智能网联系统无论从功能、生态还是多媒体服务层面都赋予了副驾驶在主屏幕与副屏幕之间的主动交互能力。例如当副驾在通过“副驾屏幕”使用导航时,就可以用手势拖拽的方式,把目的地导航路线分享到“主驾屏幕”,帮助主驾实现导航操作。

为了让交互更加直观,车内常用功能的控制被设计师们以3D渲染界面来展示。在没有机械按键的前提下,用户可以对座椅与空调调节等诸多车辆控制功能实现直观的“可见即可控”。这也是亿咖通科技协助吉利汽车首次实现在界面上的“实时渲染”。

界面交互设计的迭代

从成立之初,亿咖通科技就以技术创新为起点和初心,秉持着“互联共创,开放共享”的产品设计理念,以用户出行需求为核心,不断迭代更新,以持续优化用户体验。对于整个UX设计业务而言,亿咖通科技在跋涉中演进成为了车机系统界面和交互体验设计的先锋探索者之一。

2018年,亿咖通科技希望在智能网联系统的界面交互中呈现“将互联网装进汽车”的理念,因此直接将智能手机上“应用交互”模式移植进车机,使车机界面呈现出与手机端相似的交互体验。

紧随科技界设计趋势及潮流,亿咖通科技于2019年对智能网联系统界面布局进行整体升级,把近似智能手机的“应用交互”优化为“控件交互”,形成全新“智能桌面”。控件交互跳过了“打开App”的动作,让交互“一触即达”,大幅降低了驾驶者视线从路面移开的时长,提升了交互便利性与驾驶安全性。

亿咖通科技以用户需求为核心,不断迭代更新界面交互设计,持续优化用户体验

智能网联系统迭代至今,从用户界面上,延续了之前简洁现代的设计风格和以人为本的设计原则,并与车型的品牌元素保持一致性。基于当下语音交互的丰富性,以及主驾和副驾多屏交互的体验需求,全新一代的产品设计更多的展现了“可见即可控”的界面布局和交互能力。

亿咖通科技的底层技术积累是从公司创立之初就开始的,在细节上的精进也从未间断。亿咖通科技希望通过自身设计的风格延续和细节精进,启发同行业的设计灵感,在帮助主机厂传承品牌元素的同时,加速创新与产品迭代,持续保持竞争力,进而实现科技和人文的深度融合。

责任编辑:张燕妮 来源: 51CTO
相关推荐

2013-10-17 16:46:00

DevOps

2015-06-05 12:14:57

DevOps云应用开发Docker

2012-07-25 10:44:39

2016-07-11 11:28:22

华三

2009-10-28 09:11:17

2018-11-06 12:23:12

2020-11-18 13:03:10

云防火墙安全运营云安全

2010-05-11 10:56:41

HTML 5

2017-04-10 10:06:09

互联网

2009-12-07 10:19:19

服务器IT基础架构惠普

2021-05-27 07:54:21

CPU 指令集CISC

2012-03-31 11:09:24

ITWindows

2013-03-06 09:51:54

2014-10-08 15:13:12

GITC2014全球互联网技术大会

2014-10-22 09:09:16

敏捷华为

2021-03-13 08:00:59

机器人AI人工智能

2017-12-26 11:34:27

CIO
点赞
收藏

51CTO技术栈公众号