D1.05.1Hover affordance设计研究

悬停反馈表明元素可交互

别名: hover feedback · pointer affordance · discoverability · rollover

概念解释

悬停可供性(hover affordance)是指指针经过元素时出现的即时变化,用来暗示该元素可以点击、拖动、展开或获取更多信息。颜色、阴影、描边、光标、预览或工具提示都可能成为悬停反馈;关键是变化与可执行动作具有稳定关系。它为鼠标和触控板用户提供低成本的探索:无需先点击再承担后果,就能发现哪里有交互以及可能会发生什么。

机制

许多数字对象的交互性没有物理把手,视觉外观又常与文本、容器和装饰相似。指针进入后发生的局部变化把空间位置与可能动作临时绑定,降低了探索的不确定性。悬停的价值来自可逆:用户能扫过多个候选对象,比较反馈后再决定是否激活。若可点元素毫无反应,而不可点元素又有相似动效,用户只好通过试错学习;若反馈与实际动作不一致,则会形成错误的可供性预期。

怎么研究

可让参与者首次接触页面,在不点击的前提下指出哪些元素可操作、预期会发生什么,再完成查找与激活任务。比较有无悬停、不同反馈强度和真假可供性混杂时的发现率、错误点击和探索时间。眼动或指针轨迹可补充观察用户是否把悬停当作系统性扫描线索,但不要以「鼠标经过次数」直接等同于理解。研究还应区分用户是否真的看到了反馈,与用户是否把它解释为正确动作。

边界

悬停只在指针设备上存在,不能是功能可发现性的唯一来源;触屏、键盘、语音和辅助技术用户不会获得这个瞬时状态。并非所有可点击元素都要在悬停时剧烈变化:重复密集的表格行、阅读内容中的链接和高频工具可能需要更克制的线索。悬停也不应承担必须被读到的警告或关键说明,因为它会随指针离开而消失,并可能在误经时遮挡内容。

怎么落地

  • 为可悬停元素定义一个与其动作一致的探索信号,例如可拖对象显示抓取关系、可展开对象显示预览或方向,而不是统一套一层装饰阴影。
  • 检查同一界面中不可操作容器不会触发相同反馈,避免把视觉活跃误当成可点击性。
  • 为没有悬停的输入方式提供常驻标签、焦点提示、显式按钮或上下文帮助,使发现不依赖指针经过。
  • 用首次使用任务验收:参与者应能在不盲点的情况下找到目标并预测动作;错误探索集中处需要修正信号或信息架构。

延伸

  • 同组D1.05.2 悬停不应造成布局位移 · D1.05.3 悬停信息在触屏上必须另有出口
  • 相邻D1.03.1 选中态与悬停态必须可区分 · D1.12 焦点、悬停与选中三者的区分
  • 站内检索hover affordance · pointer affordance · discoverability

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/D1.05.1