Dialog Urungkan Daripada Konfirmasi: Mendesain UI yang Tidak Mengganggu
Mengapa rutin "Apakah kamu yakin?" dialog gagal, kapan konfirmasi masih benar, dan bagaimana merancang undo toast yang jelas, mudah diakses, dan aman.
Pengambilan Inti
Gunakan undo untuk tindakan yang dapat dibatalkan: segera lakukan tindakan tersebut, lalu tampilkan pesan singkat yang tidak menghalangi dengan tombol Undo. Pertahankan dialog konfirmasi untuk tindakan serius dan tidak dapat diubah seperti penghapusan permanen atau pembayaran besar, dan buatlah dialog tersebut spesifik: sebutkan objek dan konsekuensinya. Mengonfirmasi tindakan rutin akan melatih orang untuk mengklik "OK" tanpa membaca.
Mengapa konfirmasi rutin berhenti berfungsi
Panduan Nielsen Norman Group tentang dialog konfirmasi jelas: gunakan dialog tersebut sebelum tindakan dengan konsekuensi serius, dan jangan gunakan untuk tindakan rutin. Ketika orang melihat dialog yang sama berkali-kali, mereka mengonfirmasi karena kebiasaan, dan dialog tersebut berhenti mencegah kesalahan yang seharusnya terjadi. Artikel yang sama merekomendasikan untuk menawarkan pembatalan jika memungkinkan daripada mengandalkan peringatan.
Konfirmasikan atau batalkan: aturan sederhana
Ajukan satu pertanyaan: bisakah ini dibalik? Jika ya, bertindak dan tawarkan pembatalan. Jika tidak, konfirmasi terlebih dahulu, dan buat konfirmasi spesifik.
- Arsipkan, pindahkan, tandai sebagai telah dibaca, hapus dari daftar: bertindak sekarang, tawarkan pembatalan.
- Kirim pesan: banyak produk yang menunda pengiriman sebentar sehingga dapat dibatalkan. Gmail memungkinkan orang memilih jendela pembatalan 5, 10, 20 atau 30 detik.
- Hapus secara permanen, bayar, publikasikan secara publik: konfirmasi terlebih dahulu, beri nama item dan dampaknya (“Hapus 142 file”).
- Lebih baik lagi: jadikan penghapusan dapat dibalik dengan periode sampah atau pemulihan, lalu gunakan undo.
Merancang pesan pembatalan
Material Design menyebut komponen ini sebagai snackbar: pesan singkat dan interupsi minimal yang dapat berisi satu tindakan, tidak seperti dialog, yang memerlukan respons. Tulis apa yang terjadi dalam beberapa kata, tempatkan Undo sebagai tindakan tunggal, dan tampilkan di layar cukup lama agar orang dapat bereaksi. Jangan sembunyikan tindakan pembatalan penting dalam pesan yang hilang dalam dua detik.
Detail aksesibilitas
Toast yang hilang dengan sendirinya dapat terlewatkan oleh pengguna pembaca layar dan orang-orang yang membutuhkan lebih banyak waktu. Umumkan pesan melalui area langsung yang sopan, biarkan pengguna keyboard mencapai tombol Undo, jeda penghitung waktu saat pesan diarahkan atau difokuskan, dan berikan cara lain untuk membalikkan tindakan, seperti daftar riwayat atau sampah.
Gerakan untuk membatalkan
Pintu masuk yang singkat dan tenang dari tepi layar dan pintu keluar yang jelas membantu orang memperhatikan pesan tanpa diganggu. Saat Undo ditekan, animasikan item kembali ke tempatnya sehingga pembalikannya terlihat. Hormati pengaturan gerakan yang dikurangi dengan fade sederhana.
Kunci Principles untuk Diingat
- Tindakan yang dapat dibalik: segera bertindak dan tawarkan pembatalan
- Tindakan serius yang tidak dapat diubah: konfirmasi spesifik yang menyebutkan dampaknya
- Konfirmasi rutin diklik karena kebiasaan
- Jadikan pembatalan pesan dapat diakses: wilayah langsung, fokus keyboard, waktu yang cukup
- Animasikan pembalikan sehingga orang dapat melihatnya berhasil
Pertanyaan yang Sering Diajukan
Sumber
- Confirmation Dialogs Can Prevent User Errors — If Not Overused — Nielsen Norman Group
- Send or unsend Gmail messages — Bantuan Gmail
- Snackbar guidelines — Material Design 3