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

為什么要使用網站動畫？  

如果你想在你的網站上添加動畫元素，你應該能夠將它們與特定的目的聯系起來。動畫的精心組合，達到以下三個方面之一：  

它吸引了人們的興趣。  

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

它響應一個動作。  

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

它發送通知。  

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

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

你的動畫有用嗎？  

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

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

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

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

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