Menentukan tujuan tampilan
Animasi bukan sekadar hiasan. Gerak singkat dapat menunjukkan bahwa tombol merespons atau sebuah panel baru saja dibuka. Tanpa fungsi yang jelas, animasi justru menambah waktu tunggu dan mengganggu fokus.
Mengurai pengalaman pengguna
Transisi sebaiknya cukup singkat sehingga tidak membuat pembaca menunggu. Efek pada transformasi dan opasitas umumnya lebih ramah performa dibanding perubahan layout berulang. Namun hasil sebenarnya tetap perlu diperiksa pada perangkat yang berbeda.
Menyusun elemen agar jelas
Sebagian pengguna memilih mengurangi gerakan melalui pengaturan aksesibilitas sistem. Website yang baik menghormati preferensi tersebut dengan membatasi animasi yang tidak diperlukan.
Contoh dalam praktik
Sebuah tombol yang naik sedikit saat disorot dapat memberi isyarat bahwa elemen dapat ditekan. Namun, ketika semua kartu bergerak bersamaan selama scrolling, efek tersebut mungkin malah menambah beban visual. Pilih titik gerak yang mendukung tindakan spesifik.
Mengukur kenyamanan akhir
Gunakan gerak hanya pada titik yang membantu memahami keadaan halaman. Ketika fungsi sudah jelas tanpa efek apa pun, pengurangan animasi bisa menjadi pilihan desain yang lebih matang.
Hal yang dapat diterapkan
- Kenali tujuan: Peran animasi kecil dalam menjelaskan perubahan tampilan.
- Pilih pengaturan dan sumber informasi yang sesuai dengan kebutuhan, bukan semata-mata mengikuti tampilan yang paling mencolok.
- Periksa kembali detail yang berubah dari waktu ke waktu sebelum mengambil keputusan terkait layanan lain.
Ditulis sebagai bacaan pengantar mengenai desain antarmuka. Informasi di halaman ini tidak menggantikan ketentuan dari layanan atau aplikasi yang dibahas.