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

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

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

用户采纳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 显示加上手势交互了"

相关推荐
谷雪_6583 小时前
鼠标交互初体验:点击屏幕生成彩色气泡(EGE 库基础)
c语言·开发语言·microsoft·交互
Enti7c7 小时前
利用jQuery 实现多选标签下拉框,提升表单交互体验
前端·交互·jquery
南玖yy15 小时前
C++ 工具链与开发实践:构建安全、高效与创新的开发生态
开发语言·c++·人工智能·后端·安全·架构·交互
淺黙ベ1 天前
✍️【TS类型体操进阶】挑战类型极限,成为类型魔法师!♂️✨
前端·vue.js·typescript·交互
Enti7c2 天前
Vivo 手机官网交互效果实现解析
智能手机·交互
南玖yy2 天前
C++ 的未来趋势与挑战:探索新边界
开发语言·c++·人工智能·科技·交互·ai 与 hpc]
数智研发说2 天前
AI技术下研发体系重构
人工智能·科技·设计模式·重构·交互·设计规范
深声数字人实时交互2 天前
深度解析:2D 写实交互数字人 —— 开启智能交互新时代
人工智能·实时互动·人机交互·交互
Blossom.1183 天前
脑机接口技术:开启人类与机器的全新交互时代
人工智能·驱动开发·深度学习·计算机视觉·aigc·硬件架构·交互