如何做好HMI交互设计?
写在前面
如果小伙伴们喜欢汽车,那一定听说过HMI设计,它也是汽车软件解决方案的关键要素。如果没有它,用户将无法控制自己的汽车。那么如何做好HMI交互设计呢?下面请听我为大家娓娓道来!
/1/
首先,想要搞清楚一个东西就要从它的定义入手。HMI其实有两个定义:
1.Human Machine Interface 人机界面
2.Human Machine Interaction 人机交互
第一阶段:人机界面。顾名思义,就是通过界面使人和机器进行连接。界面通常以屏幕的形式出现。广义上,通过屏幕,你可以看到机器的状态以及你想检测的信息,就像ATM取款机、可以触控的iPad、医疗机器的触控板这些。现今,我们探讨的汽车中的交互界面通常指的是中控和仪表。
第二阶段:人机交互。它重点体现的是交互。从字面上不难理解,就是从一个界面上的反馈到后面人与机器的交互,它是一个从平面到三维、从三维到多维空间的转变。(当然对于汽车行业的HMI来说就是汽车本身啦)
那什么是交互呢?说的通俗点就是我和你产生了互动,比如你踢我一脚,我踢你一脚,这叫人与人交互;揪住狗的耳朵,狗咬你一口,这叫人与狗交互。
那么人机交互是什么样的呢?手机打字感受到的震动,按方向盘汽车发出的滴滴声,这就是人机交互。所以交互最重要的两个环节就是:给出动作→接受并且反馈给你。
所以做好交互设计无非就是让你在交互的过程中,感受方便,享受快乐。
/2/
感受方便就要求设计师去解决用户痛点,享受快乐就是让你的设计让用户眼前一亮。
那么如何做好HMI交互体验呢?
这里我为大家总结了一个设计公式:解决主要矛盾+设计亮点
接下来我会通过举例为大家一一阐释!
宝马
主要矛盾:“视觉盲区”引发交通事故
解决方案:通过HUD监测行人信息
设计亮点:增加呼吸灯带
在某些交通场景中,两名交通参与者之间会发生视觉盲区,而在近距离、短时间的情况下,在空间和时间上,双方可能都无法做出及时的反应以及准确的判断,最终发生交通事故。
你我无怨又无仇,千万别当冤大头
说得通俗点就是当你开着车在路上行驶的时候,突然从前面侧方冲出来一个人或者其他车辆,你没有时间反应,那么就出事故了。
在此情况下,宝马VISION NEXT 100通过多模态交互以及V2X等通讯手段,实时判断其他交通参与者行为(通常为弱势交通者),并且通过UI标注等方法,提醒用户行人位置,以及通过时间。
这样不仅能消除视觉盲区带来的问题,还能消除用户紧张的情绪,并且通过UI的变化为用户提供乐趣。
通过HUD显示行人检测信息
HUD即抬头显示,可让挡风玻璃来显示相关信息
并且当行人通过时,会有绿色的呼吸灯通过,与人产生互动,提醒行人先行,使得人与汽车的沟通更加自然。
呼吸灯带
总结 这款车型,通过HUD解决了“视觉盲区”的主要矛盾,增加了“与交通参与者互动”的亮点。
思考题
呼吸灯是否根据人们对颜色的认知,进而通过改变颜色,对应特定功能呢?
蔚来
主要矛盾:交互繁琐
解决方案:利用语音助手开启功能
设计亮点:表情互动功能
经常开车的小伙伴们,有没有类似这样的经历:当在高速路上行驶时,突然觉得阳光不错,想把天窗打开,来一个日光浴。于是心惊胆战的在中控屏幕上寻找开启天窗按钮,时不时还要抬头看一下前方的道路。终于找到了打开天窗的图标,你用力一按——恭喜你成功开启了空调。
所以在这个场景下,我们的主要矛盾就是——繁琐的交互。那有没有什么办法可以一键直达呢?
有!那就是利用语音助手来控制你想开启的功能。这就是跳跃式交互——省去中间复杂的步骤,直接开启相应功能。
例如蔚来的这款汽车,当你在驾驶的过程中,可以跟它进行语音交互。当你和它说相应指令时,就会开启相应的功能。比如,当你说:音量小一点,系统会自动帮你调低音量。你甚至可以精确音量的百分比。当给定的输入被接受时,用户在不将视线从道路上移开的情况下收到确认。
通过语音助手,控制天窗以及音量
并且据说,这个小机器人有上百种表情可以根据场景的不同而变化,同时也通过表情来给用户反馈。比如疫情期间提醒你带上口罩等。
总结 这款车型,通过语音助手解决了“繁琐交互”的主要矛盾,增加了“通过表情与用户互动”的亮点。
思考题
除了语音助手,还有哪些方式可以产生跳跃式的交互呢?
奥迪
主要矛盾:信息过载
解决方案:取消多屏设计,用手机充当中控
设计亮点:无人机作为照明设备
我们知道,在过去几年我们所认识的仪表是机械仪表,中控也是物理按键的形式。
随着智能化的发展,我们的中控和仪表逐渐变成了屏幕的样式,随之对其的设计感也越来越高。(各大设计平台都有中控仪表的相关设计)
大屏中控仪表的样式
奥迪的一款越野车,却采用了截然相反的做法。他取消了多屏幕的设计,就连一块显示屏也不用,取而代之的是一部手机(手机就成了中控系统),并且汽车取消了车灯,用四架无人机照明,甚至利用无人机作为野营的照明设备。
奥迪AI Trail
所以这款汽车主要解决的问题就是,越野车不需要多大的屏幕和信息,用户更在意的是自然界的场景,以及更大的空间。
总结 通过手机替换中控系统解决了“信息过载”的主要矛盾,增加了“便于野外照明”的亮点。
思考题
还可以通过什么样的方式,在保持功能不变的情况下,减少过多的显示信息呢?
/3/
无论是HUD、还是语音助手,都是HMI设计的重要手段,目的是解决问题、提高驾驶安全。
现代车辆已经采用了一系列交互方法,这在几年前是不可想象的,并且,HMI 系统越来越倾向于采用无接触的模式与车辆、车内连接系统以及周围环境进行交互,这代表着你无需将手从方向盘上移开,即可实现一切交互功能。这是智能驾驶的未来趋势。
那么在下一篇我将为大家分析,未来的HMI交互趋势是什么样的?有问题的小伙伴可以联系我哦!
*文中的图片来源于网络,如有问题请联系作者删除!
如何做好HMI交互设计?相关推荐
- 如何做好网站页面的交互设计?
在互联网发展早期,很多网站的交互 设计其实非常简单,往往一个翻页效果.一个简短的动画就能吸引到很多用户.如今随着互联网的不断更新迭代,技术不断革新,网站交互也得到了很大程度的加强,可以说当前网站的 ...
- 老站长的一些丰富知识,怎么样可以做好阿里、腾讯交互设计工作呢
老站长的一些丰富知识,怎么样可以做好阿里.腾讯交互设计工作呢 很多学弟学妹问我如何应聘腾讯和阿里的实习生,所以打算把一些问题整理成体系回复一下,因为定下的文章结构过于庞大而时间紧迫,所以这篇文章将先行 ...
- 如何做好扁平化设计:交互篇(2)
先我们来看为什么扁平化会那么来势汹汹. 这是因为我们的需求环境在发生变化.以前我们没有ipad 没有智能手机,只有pc,我们只有电脑环境需求,所以扁不扁平化似乎没有多重要,再来看现在我们有着多种智能设 ...
- 做好扁平化设计-交互篇
[编者按]"扁平化"一词很早就开始流行,设计师们一直都在强调交互的易用性和创造优质用户体验以及更加直观的表达方式,其目的无非是让用户能更准确的使用体验.文中以iOS7与iOS6为例 ...
- sketch如何做设计稿交互_交互设计师是做什么的——交互设计的历史、现状和未来...
交互设计是定义.设计人造物系统的行为的设计领域,它定义了两个或者多个互动的个体之间交流的内容和结构,使之互相配合,达成某种目的.--百度百科 交互设计师是以人的需求为导向,理解用户的期望和需求的同时, ...
- sketch如何做设计稿交互_做交互设计不可不知的十大原则
交互界最知名的"尼尔森十大可用性原则",或者称之为"尼尔森十大交互原则",这是尼尔森(Jakob Nielsen)博士于1995年提出的非常经典的十大准则,虽然 ...
- firebird 3.0 开发者指南_手机端空间级AR交互设计指南
AR改变了世界的显示方式,给人们带来认知和交互的全新体验. 人们不仅可以通过触屏.语音,而是可以使用手势.肢体等多种模态与机器(如手机.AR眼镜等)进行交互.而机器的输出更是现实和虚拟的叠加融合. A ...
- 交互设计新人的核心竞争力
从实习的第一天起,我就数着日子在过,时间走的太快拦也拦不住,要做要学的事情又太多.转眼七月已经过去,总觉得还是有点后知后觉,花了一个月的时间去适应新环境和新工作,慢慢才知道寻求突破点的重要性,所以今天 ...
- 交互设计的114条原则
1.交互设计不是凭空猜测. 2.用户界面应该基于用户的心里模型,而不是基于实现模型. 3.目标导向的交互反映了用户的心理模型. 4.用户不理解布尔逻辑. 5.不要全盘复制机械时代产品的用户界面,而一定 ...
- 三个步骤教你如何做好后台产品设计
转载自:http://news.cnblogs.com/n/532719/ 导语: 这段时间,让我对后台产品有了初步的了解.所以想尝试自己总结一下对后台产品设计和开发的一些知识.后台产品也有不同的分类 ...
最新文章
- Python Socket编程基础篇
- CheckStyle, 强制你遵循编码规范
- linux编译libevent
- java开发文档怎么写_程序员该不该写技术文档,怎么写文档,易懂又能提升自己...
- opencv 高通滤波和低通滤波_滤波电路合集(低通滤波,CLCП滤波,DLC滤波,CRC П滤波)...
- matlab对图像进行傅里叶变换_数字图像处理(一)—— 傅里叶变换
- 计算机图形学笔记 (第一周)
- 安卓Android资源链接失败,Android资源链接失败
- Hibernate 主键
- 实战Kaggle比赛(二)——房价预测
- Node.JS全开源B2C商城
- 如何从godaddy转出域名
- 阿里云 语音通知 语音验证码 收不到 白名单
- 上海基诺墙绘 总羡慕别人家的墙绘,今天教你如何画自己家的墙绘!
- listview 的首行固定内容标题且加粗显示(类似于表格的首行)的实现方法
- MySql两台服务器(主机)间热备份(双机热备份)
- 网络攻防实践 第八周作业
- GPIO的寄存器BSRR和BRR使用摘抄汇总
- win7如何显示文件后缀
- 解决audio: Failed to create voice `goldfish_audio'错误
热门文章
- groupwise_SSL证书安装指南 - Groupwise 6 Netware Email Server
- 夜曲歌词 拼音_《夜曲》的歌词 - 歌手:周杰伦 (Jay Chou)
- 项目人力资源管理之编制项目人力资源管理计划
- @【基础测绘计算】(坐标正反算)
- c# 将dwg文件转化为pdf
- 2022年最新常用的浏览器排行榜单
- C# IFELanguage接口获取拼音,支持多音字,音调 win10/8.1/7测试通过
- vnr光学识别怎么打开_物流仓库安防监控系统安装的作用和功能
- 红米6.0系统如何无root激活xposed框架的教程
- 如何在eclipse中新建java web项目,并且生成的是WebRoot目录而不是WebContent