Praktik Terbaik untuk Menerapkan Indikator Kemajuan Animasi untuk Keuntungan Anda

Jika Anda pernah menggunakan PC, Anda mungkin juga menyadari simbol Windows animasi yang muncul saat sistem melakukan booting. Butuh evolusi dalam desain dan animasi untuk berkembang menjadi apa yang kita lihat sekarang, tetapi pada Windows 1995 gambar tidak bergerak sama sekali. Beberapa dari Anda mungkin berpikir, mengapa menggunakan indikator animasi ini?

Tapi pertimbangkan ini, apakah Anda lebih suka menunggu dan menonton layar kosong untuk melihat tindakan Anda selesai? Atau tetap terhibur dengan sesuatu yang berarti sampai layar muncul lagi?

Di antara fitur paling utama dari desain antarmuka pengguna adalah kemampuan untuk menunjukkan kemajuannya sebagai status sistem. Pengguna perlu mengetahui apakah sistem menyadari tindakannya dan meresponsnya dengan tepat. Indikator kemajuan animasi mampu menunjukkan konteks operasi saat ini di hampir setiap waktu tertentu tanpa menggunakan fitur teks atau video yang ekstensif. Ini menjadikannya ideal untuk memberikan status sistem saat kemajuan sedang diselesaikan di latar belakang.

Mengapa Berinteraksi dengan Pengguna Selama Kemajuan Sistem Itu Penting?

Siapa yang tidak suka respon cepat dari aplikasi atau situs web? Meskipun itu sangat berarti bagi pengguna, tidak mungkin untuk menjalankannya dalam konsistensi yang tak tergoyahkan. Faktor-faktor tertentu selalu ditambahkan ke dalam persamaan yang dapat menghambat kecepatan aplikasi Anda. Faktor-faktor ini sebagian besar termasuk koneksi internet yang buruk, kinerja yang lambat karena beban berat dan bahkan kegagalan program. Dalam keadaan seperti itu, langkah terbaik adalah meminimalkan ketegangan pengguna dan memberikan jaminan bahwa aplikasi berfungsi dan kemajuan sedang dibuat. Untuk melakukan itu, Anda harus memberikan umpan balik kepada pengguna sehingga waktu tidak mengurangi kesabaran pengguna.

Buat Pengguna Terpikat dengan Umpan Balik

Waktu tunggu segera dimulai saat tindakan dilakukan oleh pengguna. Namun yang memperburuk adalah tidak adanya indikator yang tepat untuk merepresentasikan kemajuan sistem. Pengguna secara alami menganggap aplikasi gagal merespons ketika gagal menunjukkan pemberitahuan bahwa sistem membutuhkan waktu. Hasilnya dapat berkisar dari klik yang merajalela hingga pengabaian pengguna, hanya karena aplikasi tidak memberikan umpan balik tepat waktu.

Tindakan yang ditransfer untuk memulai kembali kemajuan, atau menyegarkan sistem, sering kali dilakukan saat memuat lebih banyak waktu daripada yang diantisipasi. Lagi-lagi, ketiadaan umpan balik tidak dapat menunjukkan respons permintaan meskipun dibuat di latar belakang. Itulah mengapa indikator animasi harus diperkenalkan untuk mendukung kemajuan sistem aplikasi kapan pun dibutuhkan.

Bagaimana Menggunakan Indikator Kemajuan untuk Setiap Tindakan yang Membutuhkan Waktu Lebih dari Satu Detik?

Biasanya, ketika aplikasi membutuhkan waktu kurang dari 1 detik untuk memuat, kemajuan tampaknya hampir tanpa hambatan dan pengguna tidak kehilangan fokusnya. Namun, jika waktu pemuatan melebihi 1 detik, maka tindakan harus diambil untuk membuat pengguna tetap terlibat. Penundaan singkat menjadi terlihat dan pengguna mulai mengembara tentang efektivitas tugas yang dilakukan pada aplikasi.

Itulah mengapa aplikasi harus merespons melalui indikator kemajuan untuk menawarkan alasan yang kredibel untuk menunggu dan mengurangi ketidakpastian pengguna sebelum lepas kendali. Perlu dicatat bahwa tindakan yang membutuhkan waktu kurang dari satu detik untuk memuat tidak selalu memerlukan indikator animasi, tetapi gambar dapat melakukannya. Ini direkomendasikan karena animasi yang terus berkedip di layar setiap kali tindakan dibuat, dapat membingungkan pengguna. Indikator kemajuan animasi paling baik digunakan untuk menetralisir efek menunggu lama dan membuat pengguna tetap terlibat di aplikasi atau situs web.

Jenis Indikator Kemajuan

1. Tidak tentu : Indikator tunggu animasi dirancang untuk berkomunikasi dengan pengguna dan memberi mereka informasi tentang tindakan pengguna terakhir mereka. Jenis indikator tunggu yang paling umum dan paling sederhana adalah "Tidak tentu". Jenis indikator seperti itu memberi tahu pengguna untuk menunggu tindakan selesai sambil membuat mereka tidak mengetahui waktu yang diperlukan untuk menyelesaikan kemajuan. Hampir dipahami bahwa indikator kemajuan tak tentu harus digunakan untuk tindakan cepat sebaiknya dalam waktu 2-10 detik. Lebih lama dari itu dan mungkin mempengaruhi kesabaran pengguna. Ini dapat meningkatkan rasio pentalan untuk situs web dan pengabaian untuk aplikasi.
2. Determinate : Dalam kasus indikator kemajuan “Tentukan”, waktunya cukup terbentang dalam animasi. Jenis indikator seperti itu membuat pengguna mendapat informasi tentang perkiraan atau waktu yang tepat untuk menyelesaikan kemajuan. Mereka lebih merupakan jenis indikator menunggu yang lebih populer karena menunjukkan kemajuan dari tempat dimulainya, berapa banyak yang telah dicapai dan berapa banyak lagi yang diperlukan untuk menghentikan penantian. Ini membantu pengguna tetap yakin tentang kemajuan yang dibuat dan ditampilkan melalui animasi, sambil meningkatkan kesediaan mereka untuk tetap terlibat dengan situs web atau aplikasi.

Indikator Animasi Berputar dan Indikator Persentase Selesai

• Looped Animation : Indikator animasi Looped dirancang untuk mewakili kemajuan tanpa menunjukkan perkiraan atau waktu pemuatan yang tepat. Itulah sebabnya indikator kemajuan animasi loop mayoritas tidak dapat ditentukan. Misalnya, indikator kemajuan Windows 7 dirancang untuk menunjukkan pengulangan animasi yang sama tanpa umpan balik tentang waktu yang tepat yang diperlukan untuk menyelesaikan kemajuan. Selain itu, ini mencakup semuanya mulai dari fungsi booting, pengaturan operasi antarmuka, dan bentuk pemuatan data lainnya. Karena dua alasan ini, pengguna tidak suka melihat indikator menunggu berulang untuk mewakili waktu pemuatan situs web atau aplikasi.

• Indikator Persen Selesai : Seperti namanya, indikator persen selesai menunjukkan kemajuan pemuatan dengan mengisi rentang animasi, lingkaran, atau bilah sebesar 0% hingga 100%. Karena menunjukkan waktu yang dibutuhkan untuk menyelesaikan kemajuan, indikator persen-selesai diklasifikasikan dalam indikator menunggu tertentu. Untuk kualitas khusus ini, sebaiknya gunakan indikator persen selesai untuk tugas yang membutuhkan lebih dari 10 detik untuk diselesaikan.

  

  

  Menurut sebuah penelitian, 10 detik adalah ambang batas kesabaran pengguna rata-rata. Di luar itu, pengguna menjadi sembrono dan menjadi tidak sabar sampai umpan balik lebih lanjut diberikan. Dengan menunjukkan indikator kemajuan persentase selesai untuk proses yang membutuhkan waktu lebih dari 10 detik untuk dimuat, Anda dapat membuat pengguna tetap terhubung ke situs web atau aplikasi tanpa mengurangi kesabaran mereka.

Bagaimana Menggunakan Indikator Kemajuan Secara Efektif?

Menggunakan indikator kemajuan secara efektif dalam aplikasi dan situs web Anda dapat berarti perbedaan keberhasilan dan kegagalan. Berikut adalah beberapa tip untuk memastikan indikator kemajuan Anda bekerja dengan baik.

1. Jauhkan Informasi Pengguna Tentang Alasan Menunggu : Ini adalah kesalahan pemula untuk membuat pengguna tidak menyadari kemajuan pemuatan yang sedang dilakukan di latar belakang. Hal ini meningkatkan kecenderungan mereka untuk kehilangan kesabaran dan keluar dari aplikasi atau situs web. Anda dapat terus memberi informasi kepada pengguna dengan menunjukkan indikator kemajuan animasi disertai dengan beberapa teks untuk pemahaman tambahan. Anda dapat menunjukkan proses mana yang secara khusus ditargetkan. Misalnya, Anda dapat menunjukkan progres tunggu dari video game dengan bilah pemuatan dan teks yang membaca proses mana yang sedang dilakukan misalnya, 'memuat grafik' atau 'memuat peta', dll.
2. Tunjukkan Perkiraan Waktu Sederhana untuk Tugas yang Memerlukan Jangka Waktu Lebih Lama : Jangan membawa hal-hal ke skala mikro. Anda dapat membuat pengguna tetap terlibat dengan memberikan perkiraan sederhana. Bermain-main dengan janji yang tidak dapat Anda tepati dapat membuat pengguna kesal dan memaksa mereka untuk pergi.
3. Tunjukkan Jumlah Tepat Waktu yang Diperlukan : Namun, untuk operasi yang umumnya memakan waktu lebih lama daripada batas tunggu rata-rata pengguna, memilih indikator kemajuan yang pasti akan menjadi langkah yang lebih cerdas. Pilihan yang ideal adalah indikator kemajuan persentase yang dilakukan karena membawa waktu pemuatan yang tepat menjadi pusat perhatian. Untuk operasi yang bahkan lebih lama untuk ditangani, pertimbangkan untuk menggunakan sejumlah langkah untuk menyoroti kemajuan yang dibuat.
4. Keep Up the Progress : Cobalah untuk membidik konsistensi di bilah kemajuan Anda selama memuat tugas. Setelah beberapa pengalaman, bilah kemajuan memaksa pengguna untuk mengembangkan ekspektasi tentang seberapa cepat tindakan akan diselesaikan. Akibatnya, setiap pembekuan di tengah kemajuan dapat memberikan pukulan serius terhadap harapan pengguna. Misalnya, ketika bilah mencapai 99% dan tetap seperti ini untuk waktu yang lama, sebagian besar pengguna merasa frustrasi dengan perilaku ini dan membiarkan aplikasi percaya bahwa itu dibekukan. Untuk mengatasi ini, Anda dapat menutupi penundaan yang tidak konsisten ini di bilah kemajuan dengan menunjukkannya bergerak secara instan dan mantap.
5. Tampilkan Kemajuan di Bar Lebih Cepat dari Kecepatan Sebenarnya : Kecepatan mentah dapat dimanifestasikan oleh persepsi sederhana yang dapat Anda buat untuk membuat bilah kemajuan terasa lebih cepat. Anda dapat melakukannya dengan mendesain animasi untuk bergerak lambat pada awalnya dan memilih kecepatannya saat menutup bagian akhir. Ini akan menciptakan ilusi kemajuan cepat tanpa mengorbankan waktu untuk menyelesaikan tugas.
6. Tawarkan Gangguan : Persepsi pengguna tentang waktu dapat sangat dikurangi dengan memperkenalkan indikator kemajuan kreatif. Jika aplikasi menunjukkan beberapa detail tekstual atau visual yang menarik saat kemajuan dibuat, itu dapat mengalihkan pikiran pengguna dari waktu yang dibutuhkan untuk menyelesaikan tindakan. Anda dapat menawarkan berbagai hal untuk menyibukkan pengguna seperti video pendek, fakta menarik, animasi, dan bahkan game sepele.

Alternatif – Gunakan Skeleton Screens untuk Melawan Indikator Kemajuan Animasi

Meskipun indikator kemajuan-animasi dapat mengguncang hampir setiap perasaan buruk yang muncul dari menunggu, beberapa audiens agak tahan terhadap taktik ini. Di antara beberapa alternatif bagus untuk membuat pengguna menunggu tanpa menggunakan indikator kemajuan adalah metode yang disebut layar kerangka. Juga dikenal sebagai wadah informasi sementara, teknik ini melibatkan menunjukkan kemajuan secara real time kepada pengguna alih-alih membuka bilah pemuatan. Bayangkan sebuah layar kosong yang secara bertahap diisi dengan komponen dan elemennya hingga terisi penuh. Ini menciptakan ilusi bahwa aplikasi bertindak dengan waktu pemuatan dan penantian mereka dihargai dengan kemajuan yang ditampilkan.

Itu tidak hanya membuat mereka tetap terlibat dengan situs web atau aplikasi, tetapi juga membuat mereka siap untuk menyelesaikan tugas berikutnya. Sementara indikator kemajuan juga merupakan sarana yang sangat baik untuk memuaskan pengguna, indikator tersebut gagal mempertahankan energi di dalam pengguna yang dipertahankan oleh layar kerangka selama kemajuan pemuatan mereka.

Pikiran Akhir

Tidak peduli seberapa cepat operasi aplikasi atau situs web kami, selalu ada kemungkinan waktu pemrosesan yang tidak diundang. Menggunakan indikator kemajuan tunggu animasi seperti indikator persen selesai dan pemintal pemuatan membantu meyakinkan pengguna tentang proses yang sedang berlangsung dan status sistem saat ini. Akibatnya, ini meningkatkan kemungkinan mereka tetap berada di situs web atau aplikasi untuk menunggu pemuatan dan melanjutkan tugas mereka yang tersisa. Menghitung waktu yang diperlukan untuk menyelesaikan proses, Anda harus menetapkan jenis indikator animasi kemajuan yang sesuai.

Indikator melingkar sangat ideal untuk operasi yang membutuhkan waktu 2-10 detik, sementara operasi yang memakan waktu lebih lama dapat dibantu dengan indikator persentase selesai. Dalam kasus animasi loop dan layar kerangka, yang terbaik adalah menggunakan layar kerangka karena mereka mampu melakukan tindakan apa pun yang melampaui beberapa milidetik, dan tetap membuat pengguna tetap tenang.