商品页面的一部分结构如这样：

型号：短型号 1
[短型号 1]
[型号名称特别长的乱七八糟的名字的玩意儿 2]
[型号 3]
[型号 4]

• 后 4 行是选择型号的 4 个按钮。
• 如果指针没有悬停在任何按钮上，则第一行显示已经选择的型号名字；
• 如果指针悬停在某个按钮上，则第一行显示点了按钮之后会切换到的型号的名字。

你想买第二个型号，于是你把鼠标移上去：

型号：型号名称特别长的乱七
         八糟的名字的玩意儿 2
[短型号 1] ↖
[型号名称特别长的乱七八糟的名字的玩意儿 2]
[型号 3]
[型号 4]

于是前面那个文本就会来回跳。像不像这个？

实际上，很多 app 都有这个问题——在开始选择列表中的项目时会导致列表项目的位置改变。
这是一个很糟糕的体验，应该在设计中避免。

• iOS 的内置应用需要先点击“选择”按钮才能进入选择模式，规避了这个问题。
• Windows 上有些 app （例如早期的 Metro 风格的）都很优雅地保持列表项目位置不变。
• 然而还是有很多 app 有这个问题。

阅读更多

移步 Please avoid accidentally creating a Joke:Win32/ClickMe，里面有有趣的动图。
此外，这篇 blog 的题图会在屏幕上根据高对比度主题变化。