盡管這些動畫元素可能富有創(chuàng)造性和趣味性，但它們往往會造成比它們價值更大的麻煩。動畫是重要的元素之一，人們添加到他們的網(wǎng)站，因為他們看起來很酷，即使他們沒有任何實際用途。因此，雖然您可以以一種吸引人的、有品位的、甚至支持良好用戶體驗的方式添加動畫元素，但重要的是要先退一步，了解它們的用途以及它們可能出錯的方式。

一、為什么要使用網(wǎng)站動畫？

如果你想在你的網(wǎng)站上添加動畫元素，你應該能夠?qū)⑺鼈兣c特定的目的聯(lián)系起來。動畫的精心組合，達到以下三個方面之一：

1、它吸引了人們的興趣。

您希望用戶注意頁面上的元素。也許這是一張互動地圖或一本買家指南。你不應該使用太多的動畫來淹沒你的用戶，以免分散頁面的其余部分，但是一個小的動畫可以讓你的用戶知道這個頁面元素不僅僅是眼睛。

2、它響應一個動作。

動畫是向用戶發(fā)送操作反饋的一種有用方法。當你喜歡社交媒體上的照片時，一個微妙的動畫元素會讓你知道動作已經(jīng)完成。或者您可能發(fā)送了一條消息，動畫會讓您知道它已成功發(fā)送。如果郵差猴子沒有告訴我們我們我們的電子郵件已經(jīng)發(fā)送了，我們會在哪里呢？

3、它發(fā)送通知。

后，簡短的動畫可以提醒我們在界面中發(fā)生的重要事情。你忘了填表格上的重要內(nèi)容了嗎？你的收件箱里有新郵件嗎？當熟練使用時，通知動畫可以幫助防止用戶錯誤。

也就是說，雖然網(wǎng)站動畫可以給用戶體驗帶來好處，但是網(wǎng)站經(jīng)常過度使用這些效果，以至于它們變得臃腫和功能紊亂。在你開始將它們添加到你的網(wǎng)站之前，你應該問你自己一些問題。

二、你的動畫有用嗎？

這應該是你為你的網(wǎng)站所做的設計決策的黃金標準。有用嗎？如果你做“僅僅是因為”，你的網(wǎng)站的整體感覺將不那么引人注目和目標驅(qū)動。遵循良好的編輯原則，減少只會導致混亂和長期加載的摩擦。

三、您的動畫是否會影響用戶體驗？

在單擊鏈接或閱讀所需信息之前，是否必須等待動畫？這是一次令人沮喪的經(jīng)歷，但它變得非常普遍。網(wǎng)站將使用精心制作的動畫來轉(zhuǎn)換頁面，盡管個效果可能很酷，但很快就會消失。有時用戶只想實現(xiàn)他們想要的。后退一步，保持動畫完整。

四、您的動畫是否會導致輔助功能問題？

比阻礙用戶體驗的動畫更糟糕的是，有些用戶無法訪問您的網(wǎng)站。不幸的是，對于使用屏幕閱讀器或依賴鍵盤導航的用戶來說，這可能是一個主要問題。如果站點動畫破壞了這些輔助工具的工作方式，將它們從站點中刪除。