21、网页动画背景对阅读速度的影响：实证研究

网页动画背景对阅读速度的影响：实证研究

1. 引言

在早期的网页中，正文后面带有动画背景的网站并不少见。然而，随着网络在过去几十年的发展，这种情况越来越少。一般认为，在文本后面放置动画是一种不好的做法，例如有观点认为动画不应分散注意力或造成混乱。

不使用动画背景有几个明显的原因：
- 对比度问题 ：动画背景可能会暂时导致文本与背景之间的对比度不足。例如，白色文本搭配黑色背景，当动画在特定文本附近几秒钟显示为白色时，文本显然就无法阅读了（白字配白背景）。这是因为视觉感知基于检测差异，即亮度对比度。这也是视频中的字幕通常显示在纯色或半透明背景上，或带有清晰对比轮廓的原因。
- 注意力分散 ：动画通常包含运动，视野内的运动容易吸引视觉系统的注意力，从而增加了将注意力从文本阅读过程中转移的风险。例如，有研究表明网站上的Flash动画会吸引用户的注意力。

在透视增强现实和平视显示器等场景中，文本信息与现实世界的图像混合，这个问题变得更加重要，尤其是对于依赖视觉线索的低视力用户。因此，设计了一个简单的受控阅读实验，从客观和主观两方面衡量动画对阅读过程的影响。

2. 相关研究

在网页可用性和可访问性方面有大量的研究文献，一些文献关注网页文本与背景之间的亮度对比度，最近也有对界面黑暗模式效果的研究。此外，还有关于颜色选择过程的研究，以及帮助设计师选择具有足够对比度的文本和背景颜色对的工具。

然而，关于网页上带有动画背景的文本可读性的研究较少。不过，有一些相关研究涉及到叠加在3D可视化上的文本可读性，以及透视显示器中文本的可读性：