Web tasarım animasyon kullanımı, doğru dozda verildiğinde kullanıcı deneyimini zenginleştirir. Ama pek çok sitede gördüğümüz tablo bunun tam tersi: Her scroll'da tetiklenen fade-in'ler, gecikmeli yüklenen başlıklar, hiperbolize hover efektleri, sayfalarca parallax. Sonuç: Yavaş, yorucu ve dikkat dağıtıcı bir deneyim. Web tasarım animasyon aşırılığının birinci sorunu performans. Her animasyon GPU ve CPU kaynağı tüketiyor. Orta düzey donanıma sahip cihazlarda aşırı animasyon kullanan siteler titriyor, takılıyor, bazen çöküyor. Kullanıcı siteye giriyor, sayfayı göremiyor bile, çünkü animasyonlar yüklenmeyi bloke ediyor. İkincisi erişilebilirlik sorunu. Hareket duyarlılığı (vestibular disorder) olan kullanıcılar için sürekli hareket eden öğeler baş dönmesine, mide bulantısına ve ciddi rahatsızlıklara yol açabiliyor. WCAG kılavuzları animasyonları durdurmak için seçenek sunulmasını gerektiriyor, ama çoğu site bu gereksinimi karşılamıyor. Üçüncüsü dikkat ekonomisi. Bir animasyon, kullanıcının gözünü içeriğe değil kendine çekiyor. Eğer kullanıcı sayfadaki animasyonu izlemekle meşgulse, mesajı okumuyor demektir. Web tasarım animasyon kullanımında altın kural: Animasyon anlam taşımalı. Bir dropdown'ın açılması, bir bildirim alert'inin vurgulanması, bir işlemin başarıyla tamamlandığının gösterilmesi, bunlar işlevsel animasyon. Sırf görsel şov için kullanılan animasyon ise bir gürültüden ibaret. Daha az animasyon, çoğu zaman daha iyi tasarım anlamına geliyor.