Animasi di website punya efek yang unik: kalau dilakukan dengan baik, user tidak akan menyadarinya. Kalau dilakukan dengan buruk, itu yang pertama mereka komplain. Ironis, tapi ini yang membuat motion design begitu tricky.
Banyak website over-animated karena pemiliknya ingin terlihat 'modern' atau 'dinamis'. Padahal tujuan utama motion design bukan untuk memamerkan skill — tapi untuk membimbing user: transisi antar halaman, feedback saat klik, indikator loading, atau perhatian ke elemen tertentu.
Aturan praktis yang kami pakai
- Durasi maksimal 300ms untuk feedback dan transisi — lebih lama dari itu terasa lambat
- Satu animasi per waktu — jangan animasikan semua elemen bersamaan, pilih prioritas
- Gunakan easing yang natural — ease-out untuk elemen yang muncul, ease-in-out untuk yang berpindah
- Hanya animasikan properti transform dan opacity — animasi width, height, atau top itu mahal secara performa
Pertanyaan paling penting sebelum menambahkan animasi: apakah ini membantu user memahami sesuatu? Kalau jawabannya 'biar keren aja', kemungkinan besar animasi itu tidak perlu. Produk digital yang hebat bukan yang paling banyak bergerak, tapi yang paling jelas dalam menyampaikan tujuannya.