《网页设计综合指南》（二）：内容布局、页面结构等(11)

2.11 动画

越来越多的设计师将动画作为功能元素来加强用户体验。动画不只是为了乐趣，它是提高交互效率的重要方式之一。但是，动画只有在合适的时间和位置才能提高用户体验。好的交互动画有一个目标：它是有意义、有作用的。

以下是动画增强用户体验的一些场景：

• 对用户行为的视觉反馈。良好的交互设计应该提高视觉反馈。当您需要告知用户操作的结果时，视觉反馈是有帮助的。如果操作没有成功执行，通过动画，用户可以快速地了解相关的信息。例如，输入错误的密码时可以使用摇动效果。这很容易理解，摇一摇在日常沟通中意味着“不”，因此摇动效果也能传递相同信息。

用户看到动画后，能立即了解问题。 (Image credit: The Kinetic UI)

• 系统状态的可见性。Jakob Nielsen的可用性的 10 个启发式中，系统状态的可见性是用户界面设计中最重要的原则之一。用户在任何时候都想知道当前的上下文，而不应该让他们猜测——应该通过适当的视觉反馈告诉用户发生了什么事情。数据上传和下载操作是功能性动画的常用场景。例如，一个动画加载栏显示了任务的完成进度，并展示了对任务速度的预估。

(Image credit: xjw)

• 导航式切换。导航式切换是指网站上各个模块之间的切换——例如从概述视图到详细视图。模块切换往往涉及到大块面积切换，用户思维难以跟上。动画能使用户在这些的时刻变得舒适，在切换上下文之间平滑地过渡，并通过创建模块之间的可视化连接来解释页面的变化。

(Image credit: Ramotion)

• 品牌。假设你有几十个相同功能的网站，帮助用户完成相同的任务。它们都能提供良好的用户体验，但人们真正喜欢的不仅仅是良好的用户体验。网站应该建立与用户的情感联系。品牌动画在吸引用户方面起着关键作用。它会形成公司的品牌价值，突出产品的优势，使用户真正感到愉快和难忘。

(Image credit Heco)

第二部分结束，请移步第三部分。

（编辑：ASP站长网）