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

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

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

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

相关推荐
死也不注释1 天前
【Unity UGUI 交互组件——Slider(7)】
unity·游戏引擎·交互
4Forsee2 天前
【Android】View 交互的事件处理机制
android·交互
安卓开发者2 天前
鸿蒙Next ArkWeb网页交互管理:从基础到高级实战
华为·交互·harmonyos
酷飞飞3 天前
PyQt 界面布局与交互组件使用指南
python·qt·交互·pyqt
木头左3 天前
讯飞星火大模型Spark4.0Ultra的WebSocket交互实现解析
websocket·网络协议·交互
死也不注释3 天前
【Unity UGUI 交互组件——InputFild(TMP版本)(11)】
unity·游戏引擎·交互
EQ-雪梨蛋花汤4 天前
【VR音游】音符轨道系统开发实录与原理解析(OpenXR手势交互)
交互·vr
python_1364 天前
MCP模型上下文协议以及交互流程
交互·mcp
Goona_4 天前
PyQt数字转大写金额GUI工具开发及财务规范实现
python·小程序·交互·pyqt
William_cl5 天前
MVC 中 AJAX 与前后端交互深度实战(含独家避坑与场景化方案)
ajax·mvc·交互