U6.07.3Distortion shifts as the focus moves; targets drift and become hard to hit设计

失真随焦点移动而变化,目标会移位而难以点中

别名: 目标漂移 · 动态失真

概念解释

鱼眼的变形场绑定在焦点上:焦点移动,整个画面的元素位置跟着重排——原本在指针下方的目标会滑开,用户伸手去点时它已经不在原位。这个"追着点、点不中"的效应是鱼眼交互最著名的可用性陷阱,它把一个静态可用的视图变成了运动中的靶场。

机制

漂移的机理是"指针位置决定变形场"的自指结构:悬停驱动的鱼眼里,指针位置即焦点,而指针位置又由画面上元素的当前位置决定——用户把指针移向目标,目标却在变形场重排中移走,指针到达时目标又挪了。这是控制论意义上的不稳定回路,尤其在目标位于压缩区与焦点区交界时最严重。缓解方向有三类:一是解绑(焦点滞后于指针、或用点击/键盘移动焦点而不是悬停),二是锁定(点住目标后冻结变形再点击),三是衰减(降低放大率梯度,让移位幅度变小)。三类都通向同一个原则:不能让"瞄准动作"本身改变靶子的位置。

边界

漂移问题的严重度与交互绑定方式强相关:悬停绑定最严重,显式移动(点击设定焦点)次之,键盘或滚动条驱动最轻。触屏上没有悬停,天然回避了最严重形态,但点按目标瞬间的变形仍会让目标在触下移位——触控鱼眼必须做"触点采样在变形前"的实现。漂移也与变形强度正相关:放大率梯度越陡,同样指针位移引起的目标移位越大;把强度调低是最便宜的缓解。

怎么落地

  • 悬停鱼眼必须做焦点滞后或阻尼(焦点平滑追踪指针,而非即时绑定)。
  • 提供"点击锁定目标 → 冻结变形 → 确认点击"的两段式选择,替代直接点击。
  • 验证:在鱼眼视图中计时用户点中指定小目标的次数与耗时;失败率明显高于常规视图即漂移未被控制,上锁定或降梯度。

延伸

  • 同组U6.07.1 鱼眼通过局部放大与周边压缩实现焦点加上下文 · U6.07.2 几何失真破坏位置编码,量值不再可读 · U6.07.4 失真视图适合导航定位,不适合读数与比较 · U6.07.5 需提供关闭失真、回到常规视图的方式
  • 相邻U6.06.5 焦点位置必须可由用户移动 · U6.09.2 触屏无悬停,需要替代路径
  • 站内检索fisheye pointing · target drifting · interaction stability

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/U6.07.3