在动画过渡中添加视觉标识能否提高交互的可发现性?

荣誉提名
可视化感知与认知原型设计与用户测试

研究背景与问题

  • 作者发现了哪些问题或挑战? 触屏设备支持多样化输入,如轻触、滑动和长按等。然而,由于设备和平台之间的多样性和标准的缺乏,用户在何处以及如何交互往往难以得知。例如,滑动手势在不同应用中用途差异显著,导致知识转移困难以及用户交互的发现性较差。尤其是“滑动揭示隐藏组件 (swhidgets)”的发现性较差。

  • 为什么这个问题很重要? 隐藏组件(如 swhidgets)的设计旨在减少屏幕布局的杂乱并优化用户体验,但用户难以发现这些隐藏交互,可能无法利用其全部功能。这种发现性不足限制了触屏交互的潜力,并妨碍用户在日常任务中优化界面使用。

  • 研究动机与相关工作 通过动画过渡,界面能够建立连续性,帮助用户理解布局转换的关系。但尚未探讨利用动画过渡暂时可视化隐藏组件以提升发现性的方法。以往研究关于视觉提示(visual signifiers)的工作表明,其能够通过视觉元素有效传递交互信息。然而,动画中过渡类型是否能有效传达交互机会仍然存在探索空间。

解决方案

  • 作者提出了哪些方法或解决方案? 作者提出在视图间转换的动画中嵌入临时可视化的交互提示符,以揭示隐藏的 swhidgets,并进行两种过渡类型测试(“Container Transform”和“Panels”),从而研究该方法是否改善了交互发现性。

  • 该解决方案的创新之处是什么? 这是第一项研究,尝试利用 UI 动画过渡来展示隐藏组件的存在,而不改变其静态外观。这种“临时提示符”能维持界面的干净整洁,同时改善用户交互的发现性。

  • 实施步骤是什么?使用了哪些关键技术?

    1. 根据现有动画模式设计和实施两种过渡动画(Container Transform 和 Panels)。
    2. 将视觉提示符嵌入动画中,使 swhidgets 在屏幕边界暂时可视。
    3. 设计实验,要求用户完成任务,同时记录提示符是否帮助其发现隐藏交互。
    4. 对比无提示符的基准过渡动画与两种嵌入提示符的动画效果。
    5. 在二次实验中测试优化的 5000 毫秒过渡动画以确保视觉提示符的显著性。

研究成果

  • 取得了哪些具体成果? 研究结果表明,嵌入动画的视觉提示符尽管显著提高了其可见性,却未能显著改善隐藏交互的发现性。即使延长动画时长并确保提示符被注意到,大多数用户依然难以理解提示符所代表的交互。

  • 与现有解决方案相比,它有哪些优势? 新方法保持 UI 的简约设计,不增加屏幕元素的持久性。相比传统提示符,该方法通过充分利用现有动画过渡,探索了提示符的新应用领域。

  • 实验或评估结果是什么?

    1. 初次实验(33 名参与者):未观察到动画提示符对发现性的显著影响,参与者仅在任务中偶然发现隐藏交互。
    2. 二次实验(22 名参与者,5000 毫秒过渡动画):虽然提示符更显著,但提升发现性的成功率仍然有限。尤其是对新颖隐藏组件的发现尤为困难。
    3. Panels 过渡相比 Container Transform 更明显地吸引注意,但依然未能有效促使用户探索或发现交互。
  • 局限性与未来方向

    1. 局限性:

      • 用户实验场景中,任务需要转移用户的注意力,可能限制了对动画提示符的关注。
      • 提示符仅仅暂时可见,并未直接演示交互如何实现,这可能导致认知转化不足。
      • 实验仅研究了滑动揭示隐藏组件,未包括其他类型的交互提示符。
    2. 未来方向:

      • 探讨如何通过设计改变用户对动画过渡的理解,使其被更多地视为界面交互的一部分。
      • 研究是否有更直观或显性的方法,例如附加箭头或文字说明,来增加提示符的可理解性。
      • 分析长时间使用界面用户行为,观察长期暴露是否能改善发现性。
      • 研究其他临时可视化形式的有效性,例如直接在任务操作中实时演示隐藏交互。

总之,该研究揭示了短暂性视觉提示符的潜力和局限性,同时为开发更具发现性友好特性的隐藏交互提供了启发。

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/papers/chi/188614/2025

广告推荐

学习 AI 编程到 CodeNow

open_in_new打开DOI链接
DOI: https://dl.acm.org/doi/10.1145/3706598.3713914
一眼看懂

论文快照

fact_check
dataset
来源
CHI
calendar_month
年份
2025
emoji_events
奖项
荣誉提名
group
作者
4 位作者
sell
研究子方向
可视化感知与认知、原型设计与用户测试
work
职业/产业
—
article
内容状态
已索引正文
hub
相关论文
1 篇相关论文