Sayfadaki öğelerden birisi olan ve doğru kullanıldığı zaman harikalar ortaya çıkaran bir öğe olan animasyon teknikleri sitede çok büyük bir önem düzeyine sahip olmaktadır. Sitenin estetikliğini ve şıklığını direkt olarak etkileyen animasyon performansı olumsuz etkileyemeyecek ve kullanıcıya en ideal bir şekilde sunulur halde olması gerekmektedir. Sitede kullanılan her öğenin belirli bir plan dahilinde olması gerektiği bu öğede de aynı şekilde geçerlidir. Sitenin tasarımının daha iyi bir noktada olması günümüz trendlerine uygun bir hale gelmesi için animasyonlar ideal çözümler sunmaktadır. Bu süreç içerisinde CSS ve JAVASCRİPT öğeler çok büyük bir önem teşkil etmektedir.
İlk olarak menüleri ele alalım. Menüler site içinde yönlendirmelerin yapıldığı ve bu sayede gerekli bölümlendirmelerin yapılabildiği etkili yapılardır. Site içerisinde bulunan menüler önemli olmaktadır ve bu öğelerin en iyi şekillerde tasarlanmaları gerekmektedir. Zaman kaybettirici kısmı ise bazı tasarımlarda görüler gereksiz yapılar olmaktadır. Örneğin bir tasarımda aşırı ve gereksiz bir tasarım ile oluşturulmuş menü örnekleri hem performansı olumsuz etkileyecek hem de görüntü açısından çirkin olacaktır. Tabii ki tasarım için animasyon gerekir ama bunun ölçüsünün kaçırılmaması gerekmektedir. Daha etkin bir süreç için yani kullanıcılarınız sitenizi daha fazla kullanımını tetiklemeniz için bu ve bunun gibi öğeler çok büyük bir önem düzeyine sahip olmaktadır.
Diğer bir öğe ise örneğin bir butonun üzerine gelindiğinde butonun şekilden şekle girmesi olmaktadır. Site içinde bu ve bunun gibi öğelerin kullanımı genel olarak tasarımı olumsuz yönde etkilemektedir. Yani sitede bulunan bir butonun üzerine Mouse imleci ile gelindiğinde renk değişiyor hadi onu kabul ettiğimizi varsayalım buton yavaş yavaş büyüyüp, küçülür ve bu işlemlerde diğer öğelerin kullanımını da zorlaştırıyor ise işte bu öğe zaman kaybettirici ve gereksiz bir öğe olmaktadır. Tasarımda bu ve bunun gibi durumlar hakkında bilgi sahibi olup bunlardan kaçınmak gerekmektedir. Kullanıcılar her zaman kullanımı olumsuz etkilemeyen yapıları kullanmayı tercih edeceklerdir. Sizde ona göre bir tasarım şablonu oluşturmanızda fayda bulacaksınız .
Animasyon öğelerinden bir tanesi de her yerde slide kullanılması olmaktadır. Slide olarak tanımlanan kavram resimlerin veya diğer görsel öğelerin bir slayt halinde animasyonlu bir şekilde oynatılması vs. esasına dayanmaktadır. Bazı örneklerde görülür ki sitede, sırf sevildiğinden ötürü sitenin her yerinde bu öğelerden olduğunu görürsünüz. Bu yapılarında aşırı kullanımı yine tasarım açısından çok da faydalı değildir.
Site içerisinde resimleri bazen nerelere koyulacağı şaşırtıcı düzeyde değişkenlik gösterebiliyor. Bu tip bir tasarımda da sırf resim koymak için resim koyulduğu durumlarda ise gereksiz ve çirkin görünümler ortaya çıkmaktadır. Bu resimlerin yanında birde resimlerin tam olarak ayarlanamadığında resimlerin sayfa içinde kaydıkları, büyüdüklerinde vs. gibi çirkin görünümlerde ortaya çıkabiliyor.
