手势交互界面的光标设计#

点击 --> 星标 ,收藏知识

如何设计垃圾的用户体验?

用户采纳AI建议的研究

如何构建用于伦理推测的设计小说?

HCI Deep Dives#一个专注于人机交互(HCI)领域播客节目

个性化技术如何在不同领域"搞事情"?

构建一个可解释的AI系统的简明指南

如果你在设计手势交互相关的系统,这篇论文里提到的 动态光标区域 和 控制显示增益,能帮你改进用户体验。

https://youtu.be/xxgR7d-_1UM?si=waz_ocIvjPGrdvu6

https://dl.acm.org/doi/10.1145/3706598.3714021

手势交互界面的光标设计建议:

Control-Display Gain

什么是CDG,简单点理解就是光标的移动增量。

研究表明,提高控制-显示增益(CDG),有助于提高手势交互的性能。需要根据显示器尺寸和界面布局,选择适当的增益水平。

以下是根据显示器尺寸、任务类型和目标密度给出的具体建议:

整体原则:

1 提高增益可以最大限度地减少手臂移动,尤其是在大型显示器上。

2 动态区域光标通过隐式定位最近的对象,帮助补偿因高增益可能导致的定位不准确或目标遗漏。用户知道不需要将光标精确移动到目标上,可以用更小的移动进行交互。

3 目标密度会影响性能。更密集的布局会限制区域光标的大小,降低其优势。确保 UI 元素之间有足够的空间,可以帮助区域光标补偿定位不准确性。研究建议,目标密度的合理上限约为 0.3,超过此值性能可能开始下降。

按显示器尺寸和任务类型划分的设计建议

小型显示器 (~27英寸):目标物理距离较近。

适合较低的增益 (~1--1.5),输入更快。

粗略指向任务(目标较少/较大): 增益约 1--2.513。布局建议:目标可以靠边放置,边缘留出额外空间。优点:快速指向,光标有更多扩张空间。

精细指向任务(目标较多/较小): 增益约 1--1.513。布局建议:目标放在屏幕中央或用户躯干前方,以减少物理移动。优点:提高精度,更受控的手部移动。

密度建议: 低 (~≤0.15--0.3)13。对于精细任务,密度应更低 (~≤0.1)13。


大型显示器 (~55英寸):目标物理距离较远。

适合较高的增益 (~1.5--3.5),区域光标特性支持用户在屏幕上移动更远距离。

粗略指向任务: 增益约 2.5--3.5。布局建议:目标可以靠边放置,边缘留出额外空间。优点:改善人机工程学,光标有更多扩张空间。

精细指向任务: 增益约 1.5--2.5。布局建议:目标放在屏幕中央或用户躯干前方。优点:平衡精度与人机工程学。

密度建议: 适度 (~≤0.45)。对于精细任务,密度应较低 (~≤0.3)。

用户在大型显示器上更能利用区域光标的特性,进行更远距离的指向。

其他布局考虑:

目标不应放置得离屏幕边缘太近,这样即使光标超出目标,用户仍能看到区域光标并进行辨别。

在局部密集的布局中,界面"外部"边缘额外的空间可能会鼓励用户故意稍微移过头,以避开干扰项,让区域光标有更多扩张空间。



动态增益的可能性:

尽管论文研究测试的是恒定增益,但结果表明不同任务对增益的需求不同(例如,调整滑块的精细任务中高增益可能更不利)。

动态调整增益以适应不同的输入任务(例如,粗略定位使用较高增益,精细调整使用较低增益)可能有助于提高可用性。例如,在密集区域(如键盘)附近使用较低增益,在其他区域使用较高增益。这是一个有潜力的未来研究方向。

总而言之,合理选择并结合使用动态区域光标和适当的增益,可以提高手势交互的效率和舒适度,尤其是在大型公共显示器上。

欢迎加入社群,探索下一代人机交互

shadow: " 迫不及待的想给最近做的 伪3D 显示加上手势交互了"

相关推荐
Larry_Yanan17 分钟前
QML学习笔记(四十三)QML与C++交互:上下文属性暴露
c++·笔记·qt·学习·ui·交互
top_designer3 小时前
告别“静态”VI手册:InDesign与AE打造可交互的动态品牌规范
设计模式·pdf·交互·vi·工作流·after effects·indesign
嵌入式学习和实践4 小时前
C# WinForms 多窗口交互通信的示例-主窗口子窗口交互通信
c#·交互·主窗口-子窗口通信
梵得儿SHI1 天前
Prompt Engineering 核心知识:从基础模式到思维链,掌握大模型高效交互秘籍
大模型·prompt·交互·提示词·对话·大模型提问艺术·极简指令
IT小哥哥呀1 天前
工业互联与设备IOT助力生产制造实践分享
物联网·交互·制造·简单工厂模式
jjjxxxhhh1231 天前
【项目-】Qt + QCustomPlot 实现频谱监测仪:四图联动、高频信号注入、鼠标交互全解析
开发语言·qt·交互
gis分享者2 天前
学习threejs,打造交互式花卉生成器
交互·threejs·生成·shadermaterial·花卉·planegeometry
猫头虎3 天前
OpenAI发布构建AI智能体的实践指南:实用框架、设计模式与最佳实践解析
人工智能·设计模式·开源·aigc·交互·pip·ai-native
Cloud Traveler3 天前
【征文计划】Rokid CXR-M SDK全解析:从设备连接到语音交互的AR协同开发指南
ar·交互
@PHARAOH4 天前
WHAT - 前端性能指标(交互和响应性能指标)
前端·交互