C1.20.2Context-specific hover delays设计研究

菜单悬停展开与提示气泡悬停各自需要独立的延迟阈值

别名: 菜单延迟 · 提示气泡 · 悬停阈值

概念解释

菜单的悬停展开和说明性提示气泡虽然都由停留触发,却有不同的意图、后果和时间要求。情境化延迟指为它们分别设阈值:菜单常要支持连续导航,提示气泡则应避免干扰扫读或遮挡内容,不能机械共用一个全局等待时间。

机制

进入菜单项往往意味着导航路径的一部分,子菜单太慢会断开动作;工具提示通常是补充信息,过快出现会遮住后续目标。触发后内容大小、可交互性、移出行为和错误代价不同,因此计时器、宽限区和取消规则也应不同。

怎么研究

分别用菜单选择与信息查阅任务评估候选延迟,测量路径中断、误展开、提示被阅读比例、遮挡引起的回退和完成时间。不要把一个场景的最优值复制到另一个场景;还应测试移动到子菜单或提示内容时的连续性。

边界

独立阈值不意味着每个控件都随意设值。相同类型的组件应保持一致,差异须能由任务后果解释。若提示承载关键操作信息,它也许应改为持久、可触发的帮助,而非继续调低悬停延迟。

怎么落地

  • 为菜单、工具提示和预览建立各自组件级默认值与验证标准。
  • 使菜单延迟与指向子菜单的路径容错协同,而非只缩短计时器。
  • 将重要提示放进可点击或可聚焦界面,悬停仅作补充。

延伸

  • 同组C1.20.1 悬停延迟时长需要在响应速度与误触发率间取一个具体数值,而非仅原则性权衡 · C1.20.3 鼠标划过多个目标时,短暂经过不应逐一触发悬停内容 · C1.20.4 移出后延迟消失的宽限时间避免用户因手抖立刻丢失悬停内容 · C1.20.5 悬停引发的布局变化会遮挡后续操作路径
  • 相邻E1 界面元素与控件 · C1.19 光标形状作为状态表达
  • 站内检索menu delay · tooltip · hover

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/C1.20.2