Lompat ke konten utama
←

UX Writing

Pelajaran 9 dari 14

Dialog, keadaan kosong, dan istilah

Dialog tindakan destruktif dan keadaan kosong

Setelah pelajaran ini kamu bisa memutuskan kapan dialog konfirmasi diperlukan, menulis judul, isi, serta tombolnya sesuai Apple Alerts dan Dialog Microsoft, dan menulis keadaan kosong yang memberi langkah berikutnya.

±14 menitDiperiksa 28 Sep 2026

Materi

Tidak setiap penghapusan butuh dialog. Apple Alerts meminta peringatan tidak ditampilkan untuk tindakan umum yang bisa diurungkan, walau sifatnya menghapus, seperti memindahkan email ke Sampah. Untuk tindakan destruktif yang jarang dilakukan dan tidak bisa dibatalkan, peringatan penting karena tindakannya mungkin tidak sengaja. GOV.UK menyimpan tombol peringatan merah hanya untuk akibat serius yang tidak mudah diurungkan, seperti menghapus akun permanen, dan meminta konteks serta teks tombol menjelaskan apa yang terjadi, bukan warna merah saja.

Judul dan isi dialog menyebut apa yang terjadi. Apple melarang judul yang tidak memberi informasi seperti Error. Panduan Dialog Microsoft meminta judul yang berkaitan langsung dengan pilihan tombolnya, seperti "Delete file permanently?", dengan isi yang menyebut akibatnya. Tombolnya spesifik: Apple meminta satu atau dua kata yang menggambarkan hasilnya, seperti Hapus atau Kosongkan; OK hanya untuk peringatan yang sekadar memberi informasi, dan Ya serta Tidak dihindari. Tombol pembatal selalu berjudul Batal, dan Microsoft mewajibkan sedikitnya satu tombol aman seperti Batal atau Tutup.

<div role="dialog" aria-labelledby="judul-hapus-akun">
  <h2 id="judul-hapus-akun">Hapus akun Wulan Sari?</h2>
  <p>Semua riwayat pesanan akun ini akan dihapus permanen dan tidak bisa dipulihkan.</p>
  <button type="button">Hapus akun</button>
  <button type="button">Batal</button>
</div>

Keadaan kosong adalah layar yang belum punya isi: daftar tugas yang semuanya sudah selesai, hasil pencarian yang nihil, atau aplikasi yang baru dipasang. Apple Human Interface Guidelines meminta layar seperti itu memberi langkah berikutnya yang jelas, dengan tombol atau tautan untuk melakukannya bila memungkinkan. Keadaan kosong bersifat sementara, jadi informasi penting jangan hanya ditaruh di sana, karena akan hilang begitu layarnya berisi. Polanya: satu kalimat yang menyebut apa yang akan muncul di sana, lalu satu tombol atau tautan berupa kata kerja.

Latihan

0/3 lulus

Jawaban diperiksa di server. Lulus berarti kamu memahami contohnya, bukan penilaian seluruh pekerjaanmu.

Latihan 1 dari 3

Dialog berjudul "Kosongkan tempat sampah?" berisi "23 berkas akan dihapus permanen dan tidak bisa dipulihkan." Pasangan tombol mana yang sesuai Apple Alerts?

Pilih satu jawaban

Latihan 3 dari 3

Layar Catatan panen di CatatPanen masih kosong. Isi mana yang mengikuti aturan keadaan kosong Apple?

Pilih satu jawaban

Catatanmu

Memuat catatan…

tersimpan otomatis, ikut tercetak · 0/4.000

Luluskan semua latihan dulu untuk menandai pelajaran ini selesai.

Lanjutkan ke