Diskusi yang berkembang tentang animasi antarmuka pengguna telah menyoroti frustrasi signifikan terhadap pilihan desain Apple , khususnya terkait kecepatan animasi dan kontrol pengguna. Meskipun animasi dapat meningkatkan pengalaman pengguna ketika dilakukan dengan bijak, banyak pengguna merasa implementasi Apple justru menciptakan penundaan yang tidak perlu dalam alur kerja harian mereka.
Masalah Animasi Apple Menciptakan Frustrasi Harian
Pengguna Apple semakin vokal tentang animasi yang memprioritaskan kemolekan visual daripada kegunaan praktis. Keluhan umum meliputi gerakan perpindahan aplikasi yang lambat, penundaan penolakan notifikasi, dan animasi perpindahan ruang kerja yang mencatat input pengguna di layar yang salah hingga animasi selesai. Animasi koneksi dompet digital khususnya menonjol sebagai masalah - animasi ini menutupi seluruh layar tanpa cara untuk menghentikannya lebih awal, memaksa pengguna menunggu melalui apa yang dianggap banyak orang sebagai efek visual yang tidak berguna.
Masalah ini melampaui sekadar gangguan sederhana. Pengguna melaporkan harus mengetuk tombol beberapa kali ketika animasi belum selesai, dan mengalami lag input selama perpindahan desktop di mana klik tercatat di ruang kerja sebelumnya daripada target yang dimaksud. Masalah-masalah ini telah membuat banyak orang mencari pengaturan aksesibilitas untuk menonaktifkan animasi sepenuhnya, ironisnya membuat perangkat mereka lebih mudah diakses dengan menghilangkan efek visual.
Keluhan Umum Animasi Apple:
- Gerakan perpindahan aplikasi terasa lambat dan tidak responsif
- Animasi koneksi Wallet menghalangi seluruh layar tanpa alasan yang jelas
- Perpindahan desktop/workspace salah mendeteksi klik pada layar yang salah
- Penghapusan notifikasi memiliki penundaan yang berlebihan
- Animasi pengisian daya MagSafe tidak dapat dibatalkan lebih awal
- Beberapa animasi bertumpuk, menciptakan penundaan berlipat
Aturan 300 Milidetik dan Frekuensi Penggunaan
Para ahli desain menyarankan bahwa animasi antarmuka pengguna umumnya harus tetap di bawah 300 milidetik, dengan banyak yang lebih memilih durasi yang lebih pendek sekitar 200ms. Namun, frekuensi penggunaan memainkan peran penting dalam menentukan apakah animasi harus ada sama sekali. Aplikasi yang digunakan ratusan kali setiap hari, seperti peluncur cepat atau pintasan keyboard, paling diuntungkan dengan tidak memiliki animasi sama sekali.
Ketika saya membuka Raycast , saya memiliki tujuan yang jelas dalam pikiran. Saya tidak mengharapkan untuk 'terkesan', saya tidak perlu. Saya hanya ingin melakukan pekerjaan saya tanpa gesekan yang tidak perlu.
Prinsip ini menyoroti ketidaksesuaian mendasar antara niat desainer dan kebutuhan pengguna. Meskipun animasi mungkin menciptakan kesan pertama yang positif, animasi dengan cepat menjadi hambatan bagi pengguna mahir yang menghargai efisiensi daripada kemewahan visual.
Panduan Animasi yang Direkomendasikan:
- Durasi: Di bawah 300ms untuk transisi UI, sebaiknya 200ms
- Aturan frekuensi: Fitur yang sering digunakan (100+ kali/hari) sebaiknya tidak menggunakan animasi
- Tujuan: Hanya gunakan animasi untuk menunjukkan perubahan status atau memberikan kontinuitas visual
- Aksesibilitas: Selalu dukung pengaturan browser
prefers-reduced-motion - Dapat diinterupsi: Pengguna tidak boleh menunggu animasi selesai
 |
|---|
| Desain ini merepresentasikan pendekatan yang ramping terhadap antarmuka pengguna, menekankan efisiensi daripada gangguan visual yang tidak perlu |
Perdebatan Faktor Kesenangan
Komunitas desain tetap terbagi tentang apakah animasi harus memprioritaskan kesenangan pengguna versus fungsionalitas murni. Kritikus berpendapat bahwa sebagian besar pengguna yang terkesan dengan animasi mewah adalah desainer lain, bukan masyarakat umum yang hanya ingin menyelesaikan tugas secara efisien. Namun, pendukung menunjuk pada persepsi kualitas halus yang dapat diciptakan animasi yang dibuat dengan baik, membandingkannya dengan bobot yang memuaskan dan kualitas konstruksi produk fisik premium.
Perbedaan kunci terletak pada konteks dan audiens. Aplikasi bisnis-ke-bisnis, di mana perangkat lunak berfungsi sebagai alat kerja harian, hampir tidak memerlukan animasi dekoratif yang mengalihkan perhatian dari antarmuka yang padat dan kaya informasi. Aplikasi konsumen mungkin mendapat manfaat dari sentuhan menyenangkan sesekali, tetapi hanya ketika tidak mengganggu fungsionalitas inti.
Pertimbangan Teknis dan Kinerja Lintas Perangkat
Kualitas animasi bervariasi secara signifikan di berbagai perangkat dan tampilan. Apa yang tampak mulus di layar laptop kelas atas mungkin terlihat tersendat dan lambat di monitor lama atau konfigurasi perangkat keras yang berbeda. Ketidakkonsistenan ini berarti bahwa animasi yang dirancang untuk meningkatkan pengalaman pengguna sebenarnya dapat menurunkannya bagi pengguna dengan pengaturan teknis yang berbeda.
Solusinya melibatkan desain untuk penyebut umum terendah atau menyediakan kontrol pengguna untuk menyesuaikan preferensi animasi. Browser modern mendukung pengaturan prefers-reduced-motion, memungkinkan pengguna menonaktifkan animasi di seluruh sistem, tetapi banyak aplikasi tidak mengimplementasikan fitur aksesibilitas ini dengan benar.
Bergerak Menuju Desain Animasi yang Lebih Baik
Animasi yang paling efektif melayani tujuan yang jelas: membantu pengguna memahami perubahan status, menyediakan kontinuitas visual selama transisi, atau menunjukkan status sistem. Animasi dekoratif yang ada murni untuk alasan estetika sering menciptakan lebih banyak masalah daripada yang mereka selesaikan, terutama ketika mereka memblokir interaksi pengguna atau menambah latensi yang dirasakan pada tindakan umum.
Pendekatan terbaik berfokus pada membuat animasi dapat diinterupsi, menjaganya di bawah 200ms untuk interaksi yang sering, dan selalu memberikan pengguna pilihan untuk mengurangi atau menghilangkannya sepenuhnya. Seperti yang dicatat seorang komentator, jika pengguna harus menunggu animasi selesai sebelum melanjutkan pekerjaan mereka, animasi tersebut mungkin harus dihapus sepenuhnya.
Referensi: Making smart animations
 |
|---|
| Desain abstrak ini mewujudkan kebutuhan akan kejelasan dan fokus dalam animasi, mempromosikan fungsionalitas daripada efek visual yang berlebihan |