Web Bileşenleri için İnteraktif Animasyon Mantığı ve Amacı

Web Bileşenleri için İnteraktif Animasyon Mantığı ve Amacı

Günümüzde artık web sayfaları,bundan on yıl önceki gibi  sabit-durağan verilerden oluşmuyor.Artık insanlar web sayfalarına girdiklerinde bir takım animasyonlar görmek istiyor.Aslında bu görme istekleri bilinçsizce yapılan bir şey.Çünkü bir kullanıcı için menünün açılarak gelmesi veya Mouse imlecini bir resmin üzerine götürdüğünüzde kıpırdaması bir ihtiyaç değildir.Ancak zamanla gelişen kullanıcı deneyimleri (UX) artık geliştirici tarafında da bu tür animasyonları zorunlu kılıyor.

Mesela bir form oluşturduğunuzu düşünün.Kullanıcı bu formda eksik veya hatalı bir yer doldurduğunda eskiden ya o kutunun yanında kırmızı bir işaret verirdik,ya da bir mesaj penceresiyle uyarırdık.Ancak yeni nesil web sayfa tasarımlarında biraz demode oldu.Bunun yerine hatalı olan metin kutucuklarını şöyle titrettiğimizde ,kullanıcı direkt olarak o hatalı metin kutusuna yönelecektir.

Bir başka örnekte de tab metinler arası geçişlerde veriler direkt gösterilebilirken ,yeni nesil tasarımlarda tab sayfaları arasındaki göstrerilecek olan veriler daha yumuşak bir etki ile kayarak gelebilir veya yavaş yavaş görünecek şekilde belirebilir.Veya mobil cihazlar için tasarım yapıyorsanız ,açılır kapanır yan menüler oluşturabilirsiniz.Yani görünen nesneleri duyarlı hale getirmeniz gerekiyor.Bu bahsetmiş olduğum animasyon teknikleri için iki farklı  Framework vardır.Bunlar VelocityJS ve AniJS’dir.Artık sizin için hangisi daha verimli ise onunla daha fazla haşır neşir olursunuz.

 

Share this post

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir