Tüm Amerikan okuyucularımıza Şükran Gününüz kutlu olsun!

Animasyon dijital arayüzlerde yeni bir şey değil. Yükselen, düşen ve tekrar popülerlikle yeniden yükselen ilginç bir geçmişe sahipler. İnce animasyonlar, kişiliği ve empatiyi başka bir sıkıcı arayüze ekler. Deneyimleri eğlenceli, keyifli ve akılda kalıcı kılarlar.

Web tasarımında animasyon uzun süredir devam ediyor. Önce .gif formatı ve daha sonra da .swf sayesinde popüler oldular. Bununla birlikte, kullanılabilirliği hesaba katmayan pek çok tasarımla, animasyon kısa zamanda kötü UX ile ilişkilendirildi.

Flash artık daha iyi olmadığında ve HTML5 artık teknolojiye dönüştüğünde, animasyon batonunu seçen CSS3 oldu; özellikle CSS geçişleri ve CSS animasyonları . JavaScript'den bile daha basit bir uygulama ve daha akıcı performans CSS'yi ideal bir araç haline getirdi ve tasarımcılar o zamandan beri UI'de animasyon ile deney yapıyorlar.

Animasyonla kişilik ekleme

Navigasyonunuzun açıkta kalması çok hoş bir dokunuş sağlar; Web sitenizin zarif olduğunu gösterir; Bu kişilik. Bir taksi uygulaması kullandığınızda ve büyük bir ipucu sağladığınızda, ekranda aşağı doğru düşen konfeti var; Bu eğlenceli, ilginç ve beklenmedik; Bu kişilik. Bunun gibi küçük şeyler, ziyaretçinizin sizinle kişisel bir bağlantı kurmasını sağlar.

Optimo'nun şapkaları hover üzerine oldukça güzel bir geçiş yapın, kendilerini giriş yolu ile yönlendirin ve şapka adına yer açın. Sinsice ötesinde, ama her şeyden önce hoş bir dokunuş, bu bir kişilik duygusu, bir zevk duygusu sağlar.

optimo
kaipoche
nguma
petenottage

Animasyon ile duygusal bir bağlantı oluşturma

Kişisel bir bağlantı olduğunda, duygusal bir bağlantı var. Artık şirketinizi ve markanızı beğenebiliyorum; Şu an bir ilişki içerisindeyiz, çünkü bu ince animasyonlar insanları / insanları - bilgisayar / makine / web sitesinin arkasında görmeme izin veriyor. Bu küçük dokunuşlar bir şirket kültürünün parlamasını sağlar. Şirketin arkasındaki insanları görmek çok da zor değil ve muhtemelen kolay gidiyor; Bu nedenle kişisel ve duygusal bir düzeyde onlarla bağlantı kurmak kolaydır.

ekran
17grad
brightmedia
fileto

Animasyonla heyecanlı bir ilgi

Açıkçası, ilginç animasyonlar eğlencelidir; Web sitenizi ilginç hale getiriyorlar! Dahası, insanlar bunu sever, ister arkadaşlarıyla paylaşırlar - ister sohbet ister bir tweet olsun - onlar sizi hatırlarlar.

Soleil Noir Rüya web sitesi başka bir şeydir. Her şey hareket eder, zıplar ve ne değildir; ama eğlenceli ve ilginç olması gerekiyordu gibi web sitesi için çok iyi çalışıyor. Her şey hiç bu kadar hafif animasyonlu; Bu, anlık bir olumlu izlenim yaratır.

Soleil animasyon ekran görüntüsü

Sonuç

Her şey onun olumsuz tarafı değil. İnce ve çok arasında ince bir çizgi var. Animasyon, özellikle uzun bir tek sayfanın her bölümüne bir animasyon yerleştirildiğinde, kullanıcılar için can sıkıcı olabilir. İçeriği bir kez bekletmek zorunda kaldım çünkü bir sayfanın altına kaydırdım ve bölümleri yükleyen animasyonun önüne geçtim. Bu iyi değil, iş akışımı rahatsız ediyor, beni rahatsız ediyor, beni kızdırıyor.

Bazı web sitelerinin bu animasyonlara sahip olması bile uygunsuz olabilir; ciddiye alınmak isteyen bir kar amacı gütmeyen veya belki de bir devlet vergilendirme web sitesi olduğunda, bir kullanıcı giriş yaptığında veya “gelir vergimi ödemem” düğmesine tıkladığınızda sayfanızda aşağı doğru bir konfeti olması sizin için uygun değildir. Bu, resminize zarar verebilir, insanları size güvenilmez kılar. Animasyonlarınızın, ne olursa olsun, kitleniz için uygun olduğundan emin olun.