C1.05.2Cursor hotspot offset设计

光标图形重心与热点不一致会产生系统性偏移

别名: 光标偏移 · hotspot offset · visual centroid

概念解释

光标热点偏移(cursor hotspot offset)发生在用户自然当作“指向点”的图形重心或尖端,与系统的实际热点不一致时。用户会反复朝视觉参考点点击,而事件稳定地落在其一侧,形成方向一致的系统性误差。

机制

人按图形轮廓和显著部位估计指向位置,系统按一个不可见坐标命中。当两者有固定距离,用户的视觉—运动校准会被持续误导;即使熟练后可部分补偿,光标换形、缩放或小目标会重新暴露偏差。

这种补偿本质上是学会了一个固定偏移量,只要视觉参考点与实际热点的相对关系不变,补偿就一直有效,用户甚至意识不到自己在补偿。问题在于这个相对关系并不总是稳定:一旦光标换成另一副图形(悬停态换形、拖放态换形),或者视觉参考点和热点各自的缩放比例不同步,原来学会的偏移量就不再适用,用户又要在没有任何提示的情况下重新摸索——而且因为图形看上去仍然"正常",用户通常只会归因于自己"最近手感不好",而不是热点变了。

边界

某些光标故意把热点放在角落,以露出目标或避开手部遮挡;这并非错误,前提是图形清楚表达指向端。问题更常见于圆形、十字、定制图标——这类图形没有天然的"尖端"提示视觉参考点该落在哪里,用户只能靠猜。

系统级无障碍功能(放大光标、高对比度光标主题)替换整个光标图形,是这类偏移最容易被忽视的来源:主题切换通常只关心视觉可见性,若沿用了原图形的热点坐标而没有针对新图形的视觉重心重新标注,恰恰是最依赖精确光标反馈的用户群体,承受了最大的偏移。

怎么落地

  • 把热点放在图形明显的指向端;对无方向图形让热点靠近视觉中心。
  • 在各缩放倍率和状态资源中比对热点元数据,不只比较位图外观。
  • 收集未命中点相对目标的方向分布;若持续偏向同一方向,排查热点偏移。
  • 为每种光标状态建立热点坐标表,作为资源变更的回归基线;替换或新增光标资源时,对比新旧热点与视觉指向端的相对位置是否保持一致,尤其是无障碍光标主题上线前必须单独过一遍。

延伸

  • 同组C1.05.1 热点是光标图形中的单点参考位置 · C1.05.3 命中区域可以大于视觉区域 · C1.05.4 命中区域重叠时需要显式的优先级规则
  • 相邻C1.03 控制—显示增益 · C1.08 拖放
  • 站内检索cursor hotspot offset · systematic error · visual centroid

同组卡片

快捷操作

分享

分享当前页面

ios_share

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