Pesan Peringatan
Nota
Panduan desain ini dibuat untuk Windows 7 dan belum diperbarui untuk versi Windows yang lebih baru. Sebagian besar panduan masih berlaku pada prinsipnya, tetapi presentasi dan contoh tidak mencerminkan panduan desain kami saat ini .
Pesan peringatan adalah kotak dialog modal, pesan di tempat, pemberitahuan, atau balon yang memperingatkan pengguna tentang kondisi yang mungkin menyebabkan masalah di masa mendatang.
Pesan peringatan modal umum.
Karakteristik mendasar dari peringatan adalah bahwa mereka melibatkan risiko kehilangan satu atau beberapa hal berikut:
- Aset berharga, seperti keuangan penting atau data lainnya.
- Akses atau integritas sistem.
- Privasi atau kontrol atas informasi rahasia.
- Waktu pengguna (jumlah yang signifikan, seperti 30 detik atau lebih).
Sebaliknya, konfirmasi adalah kotak dialog modal yang menanyakan apakah pengguna ingin melanjutkan dengan tindakan. Beberapa jenis peringatan disajikan sebagai konfirmasi, dan jika demikian, pedoman konfirmasi juga berlaku.
Catatan : Panduan terkait kotak dialog , konfirmasi , pesan kesalahan ikon standar, pemberitahuan , dan tata letak disajikan dalam artikel terpisah.
Apakah ini antarmuka pengguna yang tepat?
Untuk memutuskan, pertimbangkan pertanyaan-pertanyaan ini:
- Apakah pengguna diberitahu tentang kondisi yang dapat menyebabkan masalah di masa mendatang? Jika tidak, pesan bukan peringatan.
- Apakah UI yang menyajikan kesalahan atau masalah yang telah terjadi? Jika demikian, gunakan pesan kesalahan sebagai gantinya.
- Apakah pengguna cenderung melakukan tindakan atau mengubah perilaku mereka sebagai hasil dari pesan? Jika tidak, kondisi tidak membenarkan mengganggu pengguna sehingga lebih baik menekan peringatan.
- Apakah kondisi tersebut merupakan hasil langsung dari tindakan yang dimulai oleh pengguna? Jika tidak, pertimbangkan untuk menggunakan pemberitahuan peristiwa non-kritis.
- Apakah kondisi tersebut merupakan kondisi khusus dalam kontrol? Jika demikian, gunakan balon sebagai gantinya.
- Untuk konfirmasi, apakah pengguna akan melakukan tindakan berisiko? Jika demikian, peringatan sesuai jika tindakan memiliki konsekuensi yang signifikan atau tidak dapat dengan mudah dibatalkan.
- Untuk jenis peringatan lainnya, apakah pengguna perlu bertindak sekarang atau di masa mendatang? Jangan tampilkan peringatan jika pengguna dapat terus bekerja secara produktif tanpa masalah langsung. Tunda peringatan sampai kondisi lebih langsung dan relevan.
Konsep desain
Hindari overwarning
Kami mengesampingkan program Microsoft Windows. Program Windows yang khas memiliki peringatan yang tampak di mana-mana, peringatan tentang hal-hal yang memiliki sedikit signifikansi. Dalam beberapa program, hampir setiap pertanyaan disajikan sebagai peringatan. Overwarning membuat penggunaan program terasa seperti aktivitas berbahaya, dan mengurangi masalah yang benar-benar signifikan.
Salah:
Overwarning membuat program Anda terasa berbahaya dan terlihat seperti dirancang oleh pengacara.
Potensi kehilangan data atau masalah di masa mendatang saja tidak cukup untuk meminta peringatan. Selain itu, setiap hasil yang tidak diinginkan harus tidak terduga atau tidak diinginkan, dan tidak mudah diperbaik. Jika tidak, hampir semua kesalahan pengguna dapat ditafsirkan untuk mengakibatkan kehilangan data atau potensi masalah semacam itu dan berperan sebagai peringatan.
Karakteristik peringatan yang baik
Peringatan baik:
- Melibatkan risiko. Peringatan yang baik memperingatkan pengguna tentang sesuatu yang signifikan.
Salah:
Lalu apa? Konfirmasi ini mengasumsikan bahwa pengguna sering keluar dari program secara tidak sengaja.
- Memiliki relevansi langsung. Tidak hanya pengguna yang harus peduli, mereka harus peduli sekarang. Pengguna biasanya tidak tertarik dengan masalah yang mungkin mereka miliki nanti selama mereka dapat melakukan pekerjaan mereka sekarang.
Salah:
Dalam hal ini, lebih baik hanya memperingatkan pengguna dalam tiga jam.
- Mengarah ke tindakan. Ada sesuatu yang harus dilakukan atau diwaspadai pengguna sebagai akibat dari peringatan tersebut. Mungkin mereka harus mengambil tindakan sekarang atau kadang-kadang di masa depan segera. Mungkin mereka akan melakukan tugas secara berbeda sebagai hasilnya. Konsekuensi dari mengabaikan peringatan harus jelas. Peringatan tanpa tindakan hanya membuat pengguna merasa paranoid.
Salah:
Mengapa pemberitahuan ini menjadi peringatan? Apa yang harus dilakukan pengguna (selain khawatir)?
- Tidak jelas. Jangan tampilkan peringatan untuk menyatakan konsekuensi tindakan yang jelas. Misalnya, asumsikan pengguna memahami konsekuensi dari tidak menyelesaikan tugas.
Salah:
peringatan
Membatalkan wizard yang tidak lengkap berarti tugas tidak selesai... siapa yang tahu?
- Jarang terjadi. Peringatan konstan dengan cepat menjadi tidak efektif dan mengganggu. Pengguna sering menjadi lebih fokus untuk menyingkirkan peringatan daripada mengatasi masalah.
Salah:
Pengguna lebih cenderung fokus untuk menyingkirkan peringatan daripada memperbaiki masalah yang mendasar.
Pesan yang tidak memiliki karakteristik ini mungkin masih merupakan pesan yang baik, hanya saja bukan peringatan yang baik.
Tentukan jenis pesan yang sesuai
Beberapa masalah dapat disajikan sebagai kesalahan, peringatan, atau informasi, tergantung pada penekanan dan pembuatan frasa. Misalnya, halaman Web tidak dapat memuat kontrol ActiveX yang tidak ditandatangani berdasarkan konfigurasi Windows Internet Explorer saat ini:
- Kesalahan. "Halaman ini tidak dapat memuat kontrol ActiveX yang tidak ditandatangani." (Diungkapkan sebagai masalah yang ada.)
- Peringatan. "Halaman ini mungkin tidak berulah seperti yang diharapkan karena Windows Internet Explorer tidak dikonfigurasi untuk memuat kontrol ActiveX yang tidak ditandatangani." atau "Izinkan halaman ini menginstal Kontrol ActiveX yang tidak ditandatangani? Melakukannya dari sumber yang tidak tepercaya dapat membahayakan komputer Anda." (Keduanya diungkapkan sebagai kondisi yang dapat menyebabkan masalah di masa mendatang.)
- Informasi. "Anda telah mengonfigurasi Windows Internet Explorer untuk memblokir kontrol ActiveX yang tidak ditandatangani." (Diungkapkan sebagai pernyataan fakta.)
Untuk menentukan jenis pesan yang sesuai, fokus pada aspek terpenting dari masalah yang perlu diketahui atau ditindak lanjuti pengguna. Biasanya, jika masalah memblokir pengguna untuk melanjutkan, Anda harus menyajikannya sebagai kesalahan; jika pengguna dapat melanjutkan, sajikan sebagai peringatan. Buat instruksi utama atau teks terkait lainnya berdasarkan fokus tersebut, lalu pilih ikon ( standar atau lainnya) yang cocok dengan teks. Teks dan ikon instruksi utama harus selalu cocok.
Jadilah spesifik
Peringatan lebih menarik ketika informasi berikut spesifik dan jelas:
- Sumber peringatan.
- Kondisi spesifik dan potensi masalah.
- Apa yang harus dilakukan pengguna tentang hal itu.
- Apa yang terjadi jika pengguna tidak melakukan apa pun.
Salah:
Dalam contoh ini, apa potensi masalahnya? Apa yang harus dilakukan pengguna, selain tidak menggunakan proyektor melalui jaringan? Tanpa informasi yang lebih spesifik, semua yang dapat dilakukan pengguna merasa tidak enak untuk melanjutkan.
Benar:
Dalam contoh ini, masalah dan konsekuensinya jelas.
Terkadang ada potensi masalah yang sah yang layak untuk memberi tahu pengguna tentang, tetapi solusi dan konsekuensinya tidak diketahui secara pasti. Daripada memberikan peringatan yang tidak jelas, spesifikkan dengan memberikan informasi yang paling mungkin atau contoh yang paling umum.
Benar:
Dalam contoh ini, peringatan dibuat khusus dengan memberikan solusi yang paling mungkin.
Namun, dalam kasus seperti itu, gunakan kata-kata yang menunjukkan bahwa ada kemungkinan lain. Jika tidak, pengguna mungkin disesatkan.
Salah:
Benar:
peringatan
Dalam contoh yang salah, pengguna akan bingung jika kabel dicolokkan dengan jelas.
Jika Anda hanya melakukan dua hal ...
Jangan mengesampingkan. Batasi peringatan terhadap kondisi yang melibatkan risiko dan segera relevan, dapat ditindak, tidak jelas, dan jarang. Jika tidak, hapus atau frasa ulang pesan.
Berikan informasi spesifik dan berguna.
Pola penggunaan
Peringatan memiliki beberapa pola penggunaan:
Label | Nilai |
---|---|
Kesadaran Buat pengguna mengetahui kondisi atau potensi masalah, tetapi pengguna mungkin tidak perlu melakukan apa pun sekarang. |
![]() ![]() ![]() ![]() Contoh peringatan kesadaran. Peringatan kesadaran memiliki presentasi berikut:
|
pencegahan kesalahan Buat pengguna mengetahui informasi yang mungkin mencegah masalah, terutama saat membuat pilihan. |
Peringatan pencegahan kesalahan paling baik disajikan menggunakan ikon peringatan di tempat dan teks penjelasan. ![]() ![]() Contoh peringatan pencegahan kesalahan. |
masalah Segera Pengguna perlu melakukan sesuatu sekarang untuk mencegah masalah yang akan segera terjadi. |
![]() Contoh peringatan masalah yang akan segera terjadi. Peringatan masalah yang akan segera terjadi memiliki presentasi berikut:
|
konfirmasi tindakan berisiko Konfirmasikan bahwa pengguna ingin melanjutkan dengan tindakan yang memiliki beberapa risiko dan tidak dapat dengan mudah dibatalkan. |
![]() Contoh konfirmasi tindakan berisiko. Konfirmasi tindakan berisiko memiliki presentasi berikut:
|
Pedoman
Presentasi
- Pilih antarmuka pengguna presentasi berdasarkan jenis informasi:
Antarmuka pengguna | Paling baik digunakan untuk |
---|---|
Kotak dialog modal |
Peringatan penting (termasuk konfirmasi) yang harus ditanggapi pengguna sekarang. |
Di tempat |
Informasi yang mungkin mencegah masalah, terutama ketika pengguna membuat pilihan. |
Banner |
Informasi yang mungkin mencegah masalah, terutama ketika terkait dengan menyelesaikan tugas. |
Pemberitahuan |
Peristiwa atau status signifikan yang dapat diabaikan dengan aman, setidaknya untuk sementara. |
Balon |
Kontrol dalam keadaan yang memengaruhi input. Status ini kemungkinan tidak diinginkan dan pengguna mungkin tidak menyadari input terpengaruh. |
-
Untuk kotak dialog modal:
- Gunakan dialog tugas kapan pun sesuai untuk mencapai tampilan dan tata letak yang konsisten. Dialog tugas memerlukan Windows Vista atau yang lebih baru, sehingga tidak cocok untuk versi Windows yang lebih lama.
- Tampilkan hanya satu pesan peringatan per kondisi. Misalnya, tampilkan satu peringatan yang sepenuhnya menjelaskan kondisi alih-alih menjelaskannya satu detail pada satu waktu per pesan. Menampilkan urutan dialog peringatan untuk satu kondisi membingungkan dan mengganggu.
- Jangan tampilkan peringatan lebih dari sekali per kondisi. Peringatan konstan dengan cepat menjadi tidak efektif dan mengganggu. Pengguna sering menjadi lebih fokus untuk menyingkirkan peringatan daripada mengatasi masalah. Jika Anda harus memperingatkan berulang kali untuk satu kondisi, gunakan eskalasi progresif .
- Jangan menyertai peringatan dengan efek suara atau bip. Melakukannya adalah jarring dan tidak perlu.
- Pengecualian: Jika pengguna harus segera merespons, Anda dapat menggunakan efek suara.
Ikon
Jangan letakkan ikon peringatan di bilah judul kotak dialog.
Gunakan ikon peringatan. Pengecualian:
Jika peringatan adalah untuk fitur yang memiliki ikon, Anda dapat menggunakan ikon fitur dengan overlay peringatan.
Benar:
Dalam contoh ini, ikon fitur memiliki overlay peringatan.
Untuk kotak dialog modal dengan catatan kaki peringatan, letakkan ikon peringatan di catatan kaki, bukan area konten.
Benar:
Dalam contoh ini, catatan kaki memiliki ikon peringatan.
Untuk panduan dan contoh lainnya, lihat Ikon Standar.
Jangan perlihatkan pesan ini lagi
- Jika kotak dialog peringatan memerlukan opsi ini, pertimbangkan kembali peringatan dan frekuensinya. Jika memiliki semua karakteristik peringatan yang baik (melibatkan risiko, dan segera relevan, dapat ditindak lanjuti, tidak jelas, dan jarang), seharusnya tidak masuk akal bagi pengguna untuk menekannya.
Untuk panduan selengkapnya, lihat kotak dialog .
Pengungkapan progresif
- Jika Anda harus menyertakan informasi tingkat lanjut dalam pesan peringatan, ungkapkan dengan menggunakan tombol pengungkapan progresif (misalnya, "Tampilkan detail"). Melakukannya menyederhanakan peringatan untuk penggunaan umum. Jangan sembunyikan informasi yang diperlukan karena pengguna mungkin tidak menemukannya.
- Jangan gunakan "Tampilkan detail" kecuali benar-benar ada detail lebih lanjut. Jangan hanya memulihkan informasi yang ada dalam format yang berbeda.
Untuk panduan pelabelan, lihat Pengungkapan Progresif.
Nilai default
- Pilih respons paling aman, paling tidak merusak, atau paling aman menjadi default.
Teks
Umum
- Hapus teks redundan. Cari di judul, instruksi utama, instruksi tambahan, area konten, tautan perintah, dan tombol penerapan. Umumnya, biarkan teks lengkap dalam instruksi dan kontrol interaktif, dan hapus redundansi apa pun dari tempat lain.
- Jangan gunakan istilah "peringatan" atau "hati-hati" dalam teks. Ketika digunakan dengan benar, ikon peringatan cukup berkomunikasi bahwa pengguna harus melanjutkan dengan hati-hati.
Salah:
Dalam contoh ini, istilah "peringatan" tidak perlu.
Judul
- Gunakan judul untuk mengidentifikasi perintah atau fitur tempat peringatan berasal. Pengecualian:
- Jika peringatan ditampilkan oleh banyak perintah yang berbeda, pertimbangkan untuk menggunakan nama program sebagai gantinya.
- Jika judul tersebut akan berlebihan atau membingungkan dengan instruksi utama, gunakan nama program sebagai gantinya.
Salah:
Dalam contoh ini, "Peringatan Keamanan" tidak mengidentifikasi perintah atau fitur tempat peringatan berasal.
- Jangan gunakan judul untuk menjelaskan apa yang harus dilakukan dalam dialog itulah tujuan instruksi utama.
- Gunakan kapitalisasi gaya judul, tanpa tanda baca akhir.
Instruksi utama
- Instruksi utama untuk peringatan didasarkan pada pola desainnya:
Pola | Instruksi utama |
---|---|
Kesadaran |
Jelaskan kondisi atau potensi masalah. |
Masalah yang akan segera terjadi |
Jelaskan apa yang perlu dilakukan pengguna sekarang. |
Konfirmasi tindakan berisiko |
Ajukan pertanyaan untuk menentukan apakah pengguna ingin melanjutkan. |
-
- Dalam contoh ini, pemberitahuan baterai rendah adalah peringatan kesadaran, sehingga instruksi utama menjelaskan kondisinya.
-
- Dalam contoh ini, kotak dialog baterai rendah adalah masalah yang akan segera terjadi, sehingga instruksi utama menjelaskan apa yang perlu dilakukan pengguna sekarang.
- Ringkas gunakan hanya satu kalimat lengkap. Hapus instruksi utama ke informasi penting. Jika Anda harus menjelaskan sesuatu lebih lanjut, gunakan instruksi tambahan.
- Gunakan kata-kata seperti "sekarang" dan "segera" jika pengguna harus segera bertindak. Jangan gunakan kata-kata ini jika tidak ada urgensi.
- Spesifik jika ada objek yang terlibat, berikan nama lengkapnya.
- Gunakan kapitalisasi gaya kalimat.
Instruksi tambahan
- Instruksi tambahan untuk peringatan didasarkan pada pola desainnya:
Pola | Instruksi tambahan |
---|---|
Kesadaran |
Jelaskan implikasinya dan mengapa itu penting. |
Masalah yang akan segera terjadi |
Jelaskan kondisi dan mengapa itu penting. |
Konfirmasi tindakan berisiko |
Jelaskan alasan yang tidak jelas mengapa pengguna mungkin tidak ingin melanjutkan. |
- Jangan ulangi instruksi utama dengan kata-kata yang sedikit berbeda. Sebagai gantinya, hilangkan instruksi tambahan jika tidak ada lagi yang ditambahkan.
- Gunakan kalimat lengkap, kapitalisasi gaya kalimat, dan tanda baca akhir.
Tombol Terapkan
- Untuk kotak dialog peringatan, tombol penerapan didasarkan pada pola desainnya:
Pola | Tombol Terapkan |
---|---|
Kesadaran |
Tutup. Jangan gunakan OK karena menunjukkan bahwa potensi masalah baik-baik saja. |
Masalah yang akan segera terjadi |
Tombol perintah atau tautan perintah untuk setiap opsi, atau OK jika tindakan terjadi di luar kotak dialog. |
Konfirmasi tindakan berisiko |
Ya, tidak. |
- Salah:
-
- Masalah tidak OK, jadi gunakan Tutup sebagai gantinya.
Dokumentasi
Jika mengacu pada peringatan:
- Jika peringatan mengajukan pertanyaan, lihat peringatan berdasarkan pertanyaannya; jika tidak, gunakan instruksi utama. Jika pertanyaan atau instruksi utama panjang atau terperinci, ringkaslah.
- Jika perlu, Anda dapat merujuk ke kotak dialog peringatan sebagai pesan.
- Jika memungkinkan, format teks menggunakan tebal. Jika tidak, letakkan teks dalam tanda kutip hanya jika diperlukan untuk mencegah kebingungan.
Contoh: Di Ingin menampilkan item yang tidak aman? pesan, klik Ya.