Baca dalam bahasa Inggris

Bagikan melalui


Pesan Peringatan

Catatan

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 kita 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.

cuplikan layar pesan peringatan umum

Pesan peringatan modal yang khas.

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 tindakan. Beberapa jenis peringatan disajikan sebagai konfirmasi, dan jika demikian, pedoman konfirmasi juga berlaku.

Catatan: Panduan yang terkait dengan kotak dialog, konfirmasi, ikon standarpesan kesalahan, pemberitahuan, dan tata letak disajikan dalam artikel terpisah.

Apakah ini antarmuka pengguna yang tepat?

Untuk memutuskan, pertimbangkan pertanyaan-pertanyaan ini:

  • Apakah pengguna diberi tahu 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:

cuplikan layar pesan peringatan yang tidak perlu

Overwarning membuat program Anda terasa berbahaya dan terlihat seperti dirancang oleh pengacara.

Hanya potensi kehilangan data atau masalah di masa mendatang saja tidak cukup untuk memanggil peringatan. Selain itu, hasil yang tidak diinginkan harus tidak terduga atau tidak diinginkan, dan tidak mudah dikoreksi. Jika tidak, hampir semua kesalahan pengguna dapat ditafsirkan untuk mengakibatkan kehilangan data atau masalah potensial dari beberapa jenis dan memberi manfaat peringatan.

Karakteristik peringatan yang baik

Peringatan yang baik:

  • Melibatkan risiko. Peringatan yang baik memperingatkan pengguna tentang sesuatu yang signifikan.

Salah:

cuplikan layar peringatan 'apakah Anda ingin keluar?'

Lalu apa? Konfirmasi ini mengasumsikan bahwa pengguna sering keluar dari program secara tidak sengaja.

  • Memiliki relevansi segera. 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:

cuplikan layar peringatan baterai-rendah-dalam-tiga jam

Dalam hal ini, lebih baik hanya memperingatkan pengguna dalam tiga jam.

  • Mengarah ke tindakan. Ada sesuatu yang harus dilakukan atau diperhatikan 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:

cuplikan layar peringatan 'live messenger sedang berjalan'

Mengapa pemberitahuan ini menjadi peringatan? Apa yang harus dilakukan pengguna (selain khawatir)?

  • Tidak jelas. Jangan tampilkan peringatan untuk menyatakan konsekuensi yang jelas dari tindakan. Misalnya, asumsikan pengguna memahami konsekuensi dari tidak menyelesaikan tugas.

Salah:

cuplikan layar dari apakah Anda ingin keluar dari wizard? Peringatan

Membatalkan panduan 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:

cuplikan layar peringatan 'perbarui tanda tangan virus'

Pengguna lebih cenderung fokus untuk menyingkirkan peringatan daripada memperbaiki masalah yang mendasar.

Pesan yang tidak memiliki karakteristik ini mungkin masih menjadi pesan yang baik, hanya saja bukan peringatan yang baik.

Menentukan 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 sebaliknya) yang cocok dengan teks. Teks dan ikon instruksi utama harus selalu cocok.

Membuatnya 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:

cuplikan layar peringatan yang samar-samar tentang risiko yang signifikan

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 buruk untuk melanjutkan.

Benar:

cuplikan layar peringatan masalah dan konsekuensi

Dalam contoh ini, masalah dan konsekuensinya jelas.

Terkadang ada potensi masalah yang sah yang layak untuk memberi tahu pengguna, tetapi solusi dan konsekuensinya tidak diketahui dengan pasti. Daripada memberikan peringatan yang samar-samar, bersikaplah spesifik dengan memberikan informasi yang paling mungkin atau contoh yang paling umum.

Benar:

cuplikan layar peringatan dan solusi kesalahan jaringan

Dalam contoh ini, peringatan dibuat spesifik dengan memberikan solusi yang paling mungkin.

Namun, dalam kasus seperti itu, gunakan kata-kata yang menunjukkan bahwa ada kemungkinan lain. Jika tidak, pengguna mungkin salah.

Salah:

cuplikan layar peringatan kabel jaringan yang dilepas

Benar:

cuplikan layar kabel mungkin dilepaskan peringatannya

Dalam contoh yang salah, pengguna akan bingung jika kabel dicolokkan dengan jelas.

Jika Anda hanya melakukan dua hal ...

  1. Jangan berkeliaran. Batasi peringatan untuk kondisi yang melibatkan risiko dan segera relevan, dapat ditindak, tidak jelas, dan jarang. Jika tidak, hapus atau susun ulang pesan.

  2. 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.
Cuplikan layar peringatan masalah jaringan
Cuplikan layar peringatan baterai rendah
Cuplikan layar peringatan 'caps-lock-is-on'
Cuplikan layar peringatan 'TPM-not-found'
Contoh peringatan kesadaran.
Peringatan kesadaran memiliki presentasi berikut:
  • Instruksi utama: Jelaskan kondisi atau potensi masalah.
  • Instruksi tambahan: Jelaskan implikasinya dan mengapa itu penting.
  • Tombol Terapkan: Dekat.
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.
Cuplikan layar peringatan ruang bebas tidak cukup
Cuplikan layar peringatan Use-installation-CD
Contoh peringatan pencegahan kesalahan.
Masalah yang akan segera terjadi
Pengguna perlu melakukan sesuatu sekarang untuk mencegah masalah yang akan segera terjadi.
Cuplikan layar peringatan Close-programs
Contoh peringatan masalah yang akan segera terjadi.
Peringatan masalah yang akan segera terjadi memiliki presentasi berikut:
  • Instruksi utama: Jelaskan apa yang perlu dilakukan pengguna sekarang.
  • Instruksi tambahan: Jelaskan kondisi dan mengapa itu penting.
  • Tombol Terapkan: Tombol perintah atau tautan perintah untuk setiap opsi, atau OK jika tindakan terjadi di luar kotak dialog.
Konfirmasi tindakan berisiko
Konfirmasikan bahwa pengguna ingin melanjutkan dengan tindakan yang memiliki beberapa risiko dan tidak dapat dengan mudah dibatalkan.
Cuplikan layar peringatan Pemformatan-akan-hapus-data
Contoh konfirmasi tindakan berisiko.
Konfirmasi tindakan berisiko memiliki presentasi berikut:
  • Instruksi utama: Ajukan pertanyaan untuk menentukan apakah pengguna ingin melanjutkan.
  • Instruksi tambahan: Jelaskan alasan yang tidak jelas mengapa pengguna mungkin tidak ingin melanjutkan.
  • Tombol Terapkan: Ya, tidak.
Untuk panduan tentang pola ini, lihat Konfirmasi.

Panduan

Presentasi

  • Pilih antarmuka pengguna presentasi berdasarkan jenis informasi:
Antarmuka pengguna Paling baik digunakan untuk
Kotak dialog modal
Peringatan penting (termasuk konfirmasi) yang harus direspons pengguna sekarang.
Lokal
Informasi yang mungkin mencegah masalah, terutama ketika pengguna membuat pilihan.
Banner
Informasi yang mungkin mencegah masalah, terutama ketika terkait dengan penyelesaian 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.
    • Hanya menampilkan 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:

      cuplikan layar ikon kunci dengan overlay ikon peringatan

      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:

    cuplikan layar ikon peringatan dalam catatan kaki kotak dialog

    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 membutuhkan 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 lanjutan dalam pesan peringatan, ungkapkan dengan menggunakan tombol pengungkapan progresif (misalnya, "Tampilkan detail"). Melakukannya menyederhanakan peringatan untuk penggunaan umum. Jangan menyembunyikan informasi yang diperlukan karena pengguna mungkin tidak menemukannya.
  • Jangan gunakan "Tampilkan detail" kecuali benar-benar ada detail lebih lanjut. Jangan hanya mengembalikan 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 untuk menjadi default.

Teks

Umum

  • Hapus teks yang berlebihan. 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 "perhatian" dalam teks. Ketika digunakan dengan benar, ikon peringatan cukup berkomunikasi bahwa pengguna harus melanjutkan dengan hati-hati.

Salah:

cuplikan layar penggunaan peringatan yang tidak perlu dalam teks

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 itu akan berlebihan atau membingungkan dengan instruksi utama, gunakan nama program sebagai gantinya.

Salah:

cuplikan layar judul kotak dialog peringatan keamanan

Dalam contoh ini, "Peringatan Keamanan" tidak mengidentifikasi perintah atau fitur tempat peringatan berasal.

  • Jangan gunakan judul untuk menjelaskan apa yang harus dilakukan dalam dialog yang menjadi 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.
  • cuplikan layar pemberitahuan baterai rendah
  • Dalam contoh ini, pemberitahuan baterai rendah adalah peringatan kesadaran, sehingga instruksi utama menjelaskan kondisinya.
  • cuplikan layar mengubah baterai segera peringatan
  • 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 yang lebih, gunakan instruksi tambahan.
  • Gunakan kata-kata seperti "sekarang" dan "segera" jika pengguna harus segera bertindak. Jangan gunakan kata-kata ini jika tidak ada urgensi.
  • Pastikan 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. Sebaliknya, 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:
  • cuplikan layar kotak dialog peringatan dengan tombol ok
  • Masalah tidak OK, jadi gunakan Tutup sebagai gantinya.

Dokumentasi

Jika mengacu pada peringatan:

  • Jika peringatan mengajukan pertanyaan, lihat peringatan dengan pertanyaannya; jika tidak, gunakan instruksi utama. Jika pertanyaan atau instruksi utama panjang atau terperinci, rangkumlah.
  • 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 pesan Apakah Anda ingin menampilkan item yang tidak aman? , klik Ya.