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

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

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

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

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

2、它響應(yīng)一個(gè)動作。

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

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

后，簡短的動畫可以提醒我們在界面中發(fā)生的重要事情。你忘了填表格上的重要內(nèi)容了嗎？你的收件箱里有新郵件嗎？當(dāng)熟練使用時(shí)，通知?jiǎng)赢嬁梢詭椭乐褂脩翦e(cuò)誤。

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

二、你的動畫有用嗎？

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

三、您的動畫是否會影響用戶體驗(yàn)？

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

四、您的動畫是否會導(dǎo)致輔助功能問題？

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