赞助商
立即赞助

给汽车做设计!车载智能后视镜交互布局分析

交互设计3年前 (2021)发布 流光
3.1K 0 0

给汽车做设计!车载智能后视镜交互布局分析

一. 智能后视镜时代背景

随社会的发展科技水平的提高,人们对驾驶汽车的安全性、娱乐性提出了高的求。汽车的中央后视镜应运衍化集安卓、Yunos操作系统、包含多种功能的汽车智能后视镜。智能后视镜能够提供语音控制、导航、道偏离、行车记录实时线音乐的视听驾驶汽车时的安全娱乐功能。并且能够配智能手机启蓝牙通讯模式,实电话接听、挂断、免打扰的功能。这些优质的功能极提升了车主的驾驶安全性驾车的娱乐体验。

二. 智能后视镜交互方式分析

车载HMI的设思不同于手机UI设,车载HMI的设思首先围绕汽车的驾驶安全展,安全驾驶永远第一的功能需求。所以车载HMI的设中尽可能的降低操作给驾驶员的精力分散。这也就对智能后视镜的交互设计提出了更高的要求,既要理有效的突出安全驾驶的提示息,要尽可能的删减不必要的功能操作,做动化智能化。

1. 语音交互

语音交互非常适在驾驶过程中进行人机交互,语音交互对于驾驶员来说是成本最低的交互方式。驾驶员是需要开说即可完成指令,不需要驾驶员的视线离开路面,也不需要离开方向盘进行操作。但是由于中国的地域音非常丰,所以也对语音识别的确度提出了非常高的要求。当然相随着术的进步这个问题终究会被完美解决。

给汽车做设计!车载智能后视镜交互布局分析

2. 手势操作(点击和滑)

智后视镜在车前方的中间位置根据车的同有同,小轿车一般与驾驶员头平齐,如果是SUV的话可还会头的位置。这样的使场景就给手势操作带来了天然的利因素。驾驶员在操作智后视镜的时候必须要抬起胳膊来操作,这样的操作方式首先会增操作需的时长,同时会由于胳膊的悬空降低操作的准确性。而手势中的点击操作和滑操作相对来说,滑操作更耗时间。在智后视镜的交互设计中应当尽量的减手势操作。

给汽车做设计!车载智能后视镜交互布局分析

3. 体感交互

体感交互可以过手势晃动跟智能后视镜互动,比如在些新智能硬件上已经可以过手势晃动来开启和隐藏后视镜系统。这晃动手势唤醒操作成本常低也常酷炫,很适合在内使用。相信在不久将来定能够实现更加丰富体感交互操作。

给汽车做设计!车载智能后视镜交互布局分析

三. 操作热区分析

在中国大陆驾驶的位置是在车的左位置,智能视镜的安装位置在车的中间头部的位置大概与驾驶的头部平齐。样相对的空间位置决定智能视镜的操热区。

给汽车做设计!车载智能后视镜交互布局分析

1. 绿色舒区域

由于驾驶员左侧置,所以驾驶员抬起手臂的时候易操作的置靠近左侧的置。随手臂往右侧移动手臂的自然运动弧线会一下落的过程。所以越往右侧移动操作的舒区域会越低。也就如图所示的操作舒区域的弧线。

2. 橙色可操作区域

可操作的区域紧邻舒区域的置,这区域驾驶员操作后视镜,需给手臂一加力抬臂的过程能行操作。这区域的操作会增加驾驶员的操作本。

3. 色困难区域

困难区域指驾驶员不易去操作的区域死角。这种置已超出了驾驶员的手势弧线区域,会给驾驶员的操作困难。这些区域好避免置功能操作。

四. 三种主流的交互布局对比分析

1. 九宫格入式

九宫格式入式的交互布局方式是现在比较主流的首页功能布局方式,所有功能都会以九宫格的方式排列出来,这种方式主要是借鉴了windows的面菜计方式。这些功能入有可能是均等的布局方式,也有可能是根据功能等的不同有大域的不同。

给汽车做设计!车载智能后视镜交互布局分析

△ 首页布局

点击某功能整页面切换这功能的界面,也就单任务操作的模式。这页面智能对这功能行操作。如果同时操作其他功能必须先退出界面行操作。

给汽车做设计!车载智能后视镜交互布局分析

△ 内页布局

种操相对来说比不人化,既没有突出安驾驶的设计理念也没有根据操场切换页面功能。种设计就相当手机的桌面摆放着各种app,点击其中一个进一个单独的APP进行操,互相之前没有任何关联。

2. 分屏显示内容

分屏幕设计是指把智能视镜分为两大区域,菜单区域和导航区域。菜单区域的功能与九宫口式的设计思路基相同,点击一个功能进就在个区域展示内容,果要操其他功能智能推出当前页面并且重新选择功能。导航区域是门为安驾驶存在的,个区域不被任何功能所覆盖。个区域分为路况提示状态和导航状态。在路况状态驾驶以轻松查看周边路况信息,例:周边路况是否拥堵等信息。导航状态显示更的行车信息指引驾驶安驾驶。

给汽车做设计!车载智能后视镜交互布局分析

△ 首页局

给汽车做设计!车载智能后视镜交互布局分析

△ 内页局

这交互布局着提升了安全驾驶理念,划分出单独区域展示路况信息和导航信息。其他功能菜单在另个区域显示和切换。体来说更加符合过程功能需求,用分屏来时满足安全驾驶和娱乐双需求。

3. 分场景切换内容

使用场景主要分为驻状态和状态,分场景切换内容是根据两使用场景来自动切换显示内容。在驻状态场景下首页展示功能入口,展示和九宫格入口展示类似。而在过程系统会根据速度自动切换至状态界。在状态主要显示跟相关信息,首先是路况信息,其是音乐照等娱乐系统快捷按键。这些快捷按钮内容以浮窗展现,尽可能降低安全信息影响。

给汽车做设计!车载智能后视镜交互布局分析

给汽车做设计!车载智能后视镜交互布局分析

种互局方式高度考虑汽车驾驶的使用场,在不同的场下提供不同的功能和互局。在驾驶状态重点突出安驾驶相关的内容,并且以快捷操娱乐系统无需退出界面操。种互局思路相对来说更加的人化更符合当时场下的驾驶需求。从操成的角度考虑也更加的方便快捷。

4. 特斯拉式展示内容

给汽车做设计!车载智能后视镜交互布局分析

给汽车做设计!车载智能后视镜交互布局分析

所谓的斯式内容展示指的是借鉴斯拉的内容展示思路,首先默认展示路况息作为默认的面背景。其功能以快捷菜的方式展现,点击内容后内容会通过屏的方式在路况上展示。

这种操作方式首先默认满足安全驾驶的需求,其次操作功能时通过分屏的方式满足内展示的需求。且这种交互布局中也可以轻松切换功能无需退出界面操作,操作本较低。

智能视镜的互验还有很以继续研究的问题,相信在未来有更更的互决方案出现。希望篇文章对大家有所启迪。

欢迎关注作者微信公众号:「UI酷设」

给汽车做设计!车载智能后视镜交互布局分析

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

@卫夕君 :产品炫酷到让人惊叹,但事实却是销量惨淡,让人爱不起来,这背后真正的原因到底是什么呢?本文笔者将通过实例分析...
产品设计
列表页是构成后台使用界面的重要组成之一,聚合了众多信息并提供操作入口。区别于小而美的C端产品列表,后台系统的用户希望列...
B端设计
ARK 最近被一股神秘力量笼罩了,这股神秘力量不仅指引大家拉了微信群,连快递小哥都忍不住问:每天都有的这个盒子,到底是什...
ARK创新咨询
想一个问题吧,如果有人给你发了一条微信,你没有回复 ta,原因是什么? 可能是给你发消息的人对你来说不重要?或者消息内...
交互设计
大家好,这里是 TCC 翻译情报局,我是李泽慧。2020 年,新冠疫情席卷全球,后疫情时代的需求也促使设计师们不断提出更有意义...
ui设计
最近刚毕业的时候听前辈说三年一个小坎,五年一个大坎,今年是我工作的第五个年头,在工作上确实遇到了一个很大的门坎,能不...
交互设计
栅格的前世今生 产品设计从理解用户到定义问题,再到探索方案并输出草图乃至视觉稿,每一个阶段都关系到一个产品的成败。而其...
ui设计
努力的橙子 为什么要写这篇文章? 自己入行交互一年多,最近从梁宁老师的《产品思维 30 讲》和《增长思维 30 讲》获得了两套...
游戏设计