中控屏UI设计全解析:布局与交互技巧
创作时间:
作者:
@小白创作中心
中控屏UI设计全解析:布局与交互技巧
引用
1
来源
1.
https://www.jindouyun.cn/document/industry/details/244552
在现代科技的浪潮中,中控屏已成为智能系统不可或缺的交互界面。无论是智能家居、车载系统还是工业控制,一个直观、易用且美观的中控屏 UI 设计对于提升用户体验至关重要。本文将深入探讨中控屏UI设计的核心要素,包括HMI概念、体验设计原则、视觉设计过程以及未来设计趋势,为设计师提供宝贵的参考和指导。
HMI 概念
HMI 是英文(Human Machine Interaction)的缩写,中文翻译为人机交互,是研究系统与用户交互的知识。系统可以是各种机器,也可以是计算机系统和软件。应用于车辆的人机交互系统可以实现人与车之间的交流。驾驶员可以通过该系统获得车辆信息和报警,并设置车辆,实现娱乐功能。
我们通常所说的“人机交互界面”是指用户可见的部分。通过人机交互界面与系统交流和操作。从收音机的播放按钮到飞机上的仪表板或电厂的控制室。因此,人机交互界面的设计应包括用户对系统的理解(即心智模型),这是为了系统的可用性或用户的友好性。
汽车的人机交互主要分为车内娱乐系统的人机交互、车内驾驶员与乘客的交互、车外远程人机交互。所有汽车公司都在这个大交互系统中寻找用户体验的突破,并进行了充分的实验和尝试。
HMI 体验设计原则
低视觉负荷
用户在屏幕上识别和搜索信息的过程是视觉负荷。尤其是司机开车时经常使用它。用户的注意力管理对于减少注意力分散造成的交通事故是非常必要的,因此快速识别和找到用户想要的内容尤为重要。我们可以遵循几个原则来减少操作负荷。
- 高效浏览:在设置信息层次时,通过对比设计技巧,可以更快地设置驾驶员的信息,保证驾驶员在驾驶时具有高效的浏览性,降低驾驶员的安全性。视觉捕捉成本
- 3 秒原则:用户的注意力管理需要减少注意力分散造成的交通事故。在驾驶过程中,需要遵循必要的操作。3 秒原则,用户必须在第 1 秒钟内找到应用场景的关键信息和功能入口,然后第 2 秒进行互动动作,最后第 3 秒得到想要的信息结果。在每一个过程中准确把握时间,消除多余元素的干扰,避免分散注意力
- 信息可视化原则:以明确的意义和直观的方式表达数据,使用户能够解释和易于理解。这包括数据可视化和仪表板。对于非专家来说,信息可视化是一种有效的方法,可以通过易于理解的方式分享洞察力。
减少操作负荷
司机开车时,应尽可能短的操作路径。如果操作太繁琐,步骤太多,他可能会半途而废。这就是运动负荷的影响。
- 快速响应:驾驶员在驾驶过程中经常操作界面。为了驾驶员的安全,操作应该更轻,比如功能突出、操作路径短等常用方法。
- 及时反馈:在实际驾驶场景中,我们面对的是复杂的路况信息,需要能够通过视觉、设计、声音等方式即时反馈给我们的驾驶员。
- 安静交互:安静交互是我们日常使用中的一种安静融合,不需要多思考,也不需要特别注意。汽车作为一种工具,不应该成为司机关注的中心,以吸引注意力。在未来的设计中,车辆是让用户专注于“任务”而不是工具。 HMI交互的最终归宿
- 语音交互:语音交互可以快速找到用户想要的内容,避免驾驶分心,让驾驶更安全。目前,大多数汽车也配备了语音助手,这已经成为汽车的标准。
减少心理负荷
在处理任务时,由于某些原因,用户的心理压力是心理负荷。心理负荷会阻碍用户顺利完成任务,因此减少心理负荷可以提高任务完成率
- 减少用户焦虑:手机端常用的缓解焦虑的方法有加载进度反馈,排队人数... 例如,当用户在驾驶场景中出现问题或事故时,系统应给予鼓励和解决方案,以缓解用户的焦虑。
HMI 视觉设计过程
- 需求分析阶段:重点了解需求、用户、车型、品牌,形成统一的目标
- 创意设计阶段:根据设计目标,完成创意概念的传播,确定交互和视觉的概念方向,完成详细的设计。
- 验证评估阶段:在在进入实车之前,HMI 测试关键功能,包括软硬件协调、产品体验(交互、视觉)等。
- 工程开发阶段:采用真实的实车作为测试环境,各种使用场景、功能、视觉测试 HMI,最后封版交付给实车。
设计趋势
- 场景化:未来的汽车是人们的第三智能生活空间(娱乐空间、办公空间、生活空间)...)未来车内的交互场景将逐渐从驾驶舱内驾驶行为主导的人机交互转变为基于日常生活中多个场景的交互。基于不同的场景,我们的设计应该不一样。
- 智能化:现在大多数技术都是这样 L3 水平自动驾驶,有条件的自动驾驶,基本上需要司机辅助操作,保证驾驶安全。我相信,在未来,人们可以完全解放双手,实现手稿安全水平的自动驾驶,这样我们就可以在其他更有价值的信息处理上利用我们的精力和时间。
- 自动化:未来智能驾驶舱与电子设备的联系会更加紧密,可以实现服务场景的无缝流通。即使在很远的地方,也可以用手机远程控制大灯、空调、车门和窗户。
- 人性化:多通道融合交互技术将人的多种感官有机地融合在一起,与汽车形成多种交互行为(体感、手势、视觉、触摸、按键、语音...),全面提升用户的驾驶体验。比如司机累了,车的机会语音提醒你休息,车的机会释放出新鲜的气味,提神醒脑。目前,当用户驾驶汽车时,视觉仍然占信息接收的五分之四,因此视觉通道技术仍然是未来智能汽车人机交互设计的基础。此外,语音交互技术形成了未来多通道融合交互的发展趋势
- 个性化:个性化需求和定制一直是各行各业用户追求的趋势。成千上万的人建造最了解你的智能汽车已经成为各大汽车公司最认可的基本开发逻辑。目前,许多企业已经推出了生物识别技术,如语音识别、面部识别、指纹解锁等。因此,基于生物识别技术和感知技术的智能汽车人机交互仍然是未来智能汽车人机交互设计的发展方向之一
- 娱乐化:目前,导航、听歌和电话是我们传统汽车最常用的功能。随着汽车机械硬件性能的提高,我们可以在新势力汽车制造的汽车机械系统中看到更多产品功能的应用。华为更大胆,整个手机 APP 该系统直接移动到汽车机器中,汽车是人类的第二个手机系统。我相信在未来,随着自动驾驶取代人类的驾驶功能,我们可以在汽车中看电影、吃饭和开会... 当然,更多、更全面的应用是必然趋势。
热门推荐
关于“意识”的神经科学研究:历史回溯
装修攻略:半包VS全包,哪个更适合你?
金庸笔下的童贯:从奸臣到武林高手
装修资金紧张?这六个地方可以考虑暂时不做!
夜拍神器揭秘:你的手机如何变身光学魔术师?
黄晓明沉默背后:从“宠妻狂魔”到事业受挫
腰椎管狭窄症的饮食是什么
干细胞移植改善椎间盘退变
广州港口:严把质量关,守护进口白糖安全
告别“甜蜜负担”:实用控糖指南
白砂糖烘焙大揭秘:甜蜜背后的科学
冬季烘焙必备:白砂糖成分大揭秘
红糖、白糖、冰糖,谁更健康?一文读懂三种糖的区别与健康影响
空气炸锅炸万物?警惕!有些东西不能放进空气炸锅
漳州必打卡:南靖土楼vs东山岛蓝桥,一南一北两颗明珠
江门中心医院成功实施首例骶神经调控术,为尿潴留患者带来新希望
在家自制老成都豆汤饭,超简单!
麻婆豆腐:成都小吃界的百年传奇
2024成都国际美食嘉年华:老字号里的百年味道
成都必打卡:叶儿耙、钵钵鸡、军屯锅魁
从襄阳到成都:武当山、长江三峡自驾游全攻略
从襄阳到成都:11.5小时自驾之旅,串联起多个城市的自然人文美景
腰椎疾病的症状和体征
腰椎间盘突出应该怎么自检
巴黎时装周机场时尚大比拼:刘亦菲简约VS范冰冰多变
刘亦菲VS范冰冰:古典美与现代美的巅峰对决
用音乐公主激发孩子音乐兴趣的6个妙招
国庆必打卡:西安十大地道美食与最佳打卡地
专家辟谣:戴口罩不会引发慢阻肺
丹东草莓:一颗果子撬动乡村振兴