人机交互（

HCI）是一门跨领域的学科，吸引着许多来自各方面的研究人员、教育人士

和从业者。目前，人们对人机交互的范围定义还没有达成共识，不过大体上来说，这个学科
主要关注于供人使用的交互计算系统的设计、评估和实现，并对相关的主要现象进行研究
[1]。

人机交互在很大程度上是一个跨不同领域的学科，这些领域包括计算机科学、心理学、

社会学、人类学、和工业设计等等。因此人机交互研究人和机器之间的交流和互动，它源于来
自机器和人两方面的相关知识领域。在机器的方面，有计算机图形学、操作系统、程序设计语
言、以及研发环境；在人的方面，有通信理论、图形学、工业设计学、语言学、社会科学、认知
心理学、以及人的行为学；除了上述这些，还包括工程和设计方法。

本文主要讲述人机交互中人这一方面中的动画问题。经过大量的文献调查，本文提出了

一些技巧和原则，可帮助设计者建造更优秀、更高效的网站。

2、背景
动画，通过展现动态的用户界面，作为一种更加强有力的方式来教育用者，长期被推

崇。然而，由于运用动画的好处很难测量，所以实际的研究结果常常会使那些动画爱好者感
到惊讶和失落

[2]。浏览者对动画通常是很满意的，但是动画也分散了他们对关键内容的注

意力

[3]。
最近有一篇文章从教育、人机交互和心理学的方面研究了电脑动画

[4]。该文章的作者们

指出电脑动画虽然不是万能的，但是它能在一定条件下提高浏览者的效率和态度。他们总结
了能够影响动画效力的五个因素：动画内容、交互程度、动画目标、动画界面设计和个体差异。

Haas 等人(2005)比较了使用文本、图形和动画这三种表达方式在解释统计学术语时的

不同。发现这几种表达方式的表达效果相差无几。虽然用者喜好各有不同，但是术语类别不
同时，就出现了差异，动画在表达动作术语或者过程术语时显现出更大优势。缺乏对动画的
时间的控制则是一个问题

[5].

3、网页上的动画
动画是一种动态的视觉上的表达、形式和结构，并随时间推移而变化

[6]。动画十分普遍，

用途不尽相同，我们在电脑上、尤其是网页上和在线广告中常常可以看到。一些设计者使用
动画来传递信息，并认为在有限的电脑屏幕上动画比文本有用的多

[7]，但是我们对于动画

的效果却要小心谨慎

[8]。

多数人在多数情况下认为网页上的动画是令人讨厌的。很多用者在浏览网页时常常会被

网页上的动画所干扰，或者被分散了注意力，特别是当动画不能给用者正在进行的工作带
来任何信息的时候。

Zhang Ping

“

”

“

把这种动画称作为对用者的 非主要信息刺激 或者 辅助

”

刺激

[9]。换句话说，他们不能对用者正在进行的查找数据任务或者当前所需要的信息带来

任何有价值的信息。

Zhang 认为这类非主要信息刺激动画会引起视觉上的干扰，这种干扰影响了用者搜寻

信息的能力。无关紧要的动画经常出现或者突然出现，往往会分散用者在有用信息上的注意
力。因此，当人们在网页上搜寻有用信息时，常常会受到这些动画的干扰，正确获得所需信
息的时间也随之变长，这十分令人讨厌

[9]。

她也指出，虽然有一些视觉关注理论可以解释这种视觉干扰现象，但是能否把它们直

接用于像网页这样的计算环境中的搜寻信息任务中，我们还不太清楚。一个主要的原因就是
传统的视觉注意力研究中刺激物的曝露时间（通常为几毫秒）远远短于网页上的刺激物的
暴露时间（几秒或者几分钟），并且一个人的视觉行为在这段相对较长的曝露时间中可能
会改变

[9]。第二个原因是，在传统的视觉注意力上的实验环境或者试验设置也和诸如网页

那样的计算机环境上不同。为了展现刺激和捕获反应，我们常常在视觉注意力研究中采用各
种专业的设备类型。因此，直到今日，仅仅有少数的经验主义的研究报导了在网页环境上的