Bagikan melalui


Bilah Status (Dasar-dasar desain)

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 .

Bilah status adalah area di bagian bawah jendela utama yang menampilkan informasi tentang status jendela saat ini (seperti apa yang sedang dilihat dan bagaimana), tugas latar belakang (seperti pencetakan, pemindaian, dan pemformatan), atau informasi kontekstual lainnya (seperti pilihan dan status keyboard).

Bilah status biasanya menunjukkan status melalui teks dan ikon, tetapi juga dapat memiliki indikator kemajuan, serta menu untuk perintah dan opsi yang terkait dengan status.

cuplikan layar bilah status umum

Bilah status umum.

Nota

Panduan yang terkait dengan area pemberitahuan disajikan dalam artikel terpisah.

Apakah ini antarmuka pengguna yang tepat?

Untuk memutuskan, pertimbangkan pertanyaan-pertanyaan ini:

  • Apakah status relevan ketika pengguna secara aktif menggunakan program lain? Jika demikian, gunakan ikon area pemberitahuan .

  • Apakah item status perlu menampilkan pemberitahuan? Jika demikian, Anda harus menggunakan ikon area pemberitahuan.

  • Apakah jendela adalah jendela utama? Jika tidak, jangan gunakan bilah status. Kotak dialog, wizard, panel kontrol, dan lembar properti seharusnya tidak memiliki bilah status.

  • Apakah informasi tersebut terutama berstatus? Jika tidak, jangan gunakan bilah status. Bilah status tidak boleh digunakan sebagai bilah menu sekunder atau bilah alat .

  • Apakah informasi menjelaskan cara menggunakan kontrol yang dipilih? Jika demikian, tampilkan informasi di samping kontrol terkait menggunakan penjelasan tambahan atau label instruksi sebagai gantinya.

  • Apakah statusnya berguna dan relevan? Artinya, apakah pengguna cenderung mengubah perilaku mereka sebagai akibat dari informasi ini? Jika tidak, jangan tampilkan status, atau masukkan ke dalam file log.

  • Apakah statusnya kritis? Apakah tindakan segera diperlukan? Jika demikian, tampilkan informasi dalam formulir yang menuntut perhatian dan tidak dapat dengan mudah diabaikan, seperti kotak dialog atau di dalam jendela utama itu sendiri.

    cuplikan layar bilah status 'kesalahan sertifikat' merah

    Bilah alamat merah di Windows Internet Explorer.

  • Apakah program ini ditujukan terutama untuk pengguna pemula? Pengguna yang tidak berpengalaman umumnya tidak menyadari bilah status, jadi pertimbangkan kembali penggunaan bilah status dalam kasus ini.

Konsep desain

Bilah status adalah cara yang bagus untuk memberikan informasi status tanpa mengganggu pengguna atau memutus alur mereka. Namun, bilah status mudah diabaikan. Sangat mudah, pada kenyataannya, bahwa banyak pengguna tidak melihat bilah status.

Solusi untuk masalah ini bukan untuk menuntut perhatian pengguna dengan menggunakan ikon garish, animasi, atau flashing, tetapi untuk merancang untuk batasan ini. Anda dapat melakukan ini dengan:

  • Memastikan bahwa informasi status berguna dan relevan. Jika tidak, jangan berikan bilah status sama sekali.
  • Tidak menggunakan bilah status untuk informasi penting. Pengguna seharusnya tidak perlu tahu apa yang ada di bilah status. Jika pengguna harus melihatnya, jangan letakkan di bilah status.

Jika Anda hanya melakukan satu hal ...

Pastikan informasi bilah status berguna dan relevan tetapi tidak penting.

Pola penggunaan

Bilah status memiliki beberapa pola penggunaan:

Penggunaan Contoh
Status jendela saat ini
Tampilkan sumber apa yang ditampilkan bersama dengan mode tampilan apa pun
cuplikan layar bilah status 'lokasi'
Dalam contoh ini, bilah status menampilkan jalur ke dokumen.
Kemajuan
Perlihatkan kemajuan tugas latar belakang, baik dengan bilah kemajuan yang ditentukan atau animasi.
cuplikan layar bilah status dengan bilah kemajuan
Dalam contoh ini, bilah status menyertakan bilah kemajuan untuk memperlihatkan halaman Web yang dimuat ke jendela Internet Explorer.
informasi kontekstual
Tampilkan informasi kontekstual tentang apa yang saat ini dilakukan pengguna.
cuplikan layar bilah status yang memperlihatkan jumlah piksel
Dalam contoh ini, Microsoft Paint memperlihatkan ukuran pilihan dalam piksel.

Pedoman

Umum

  • Pertimbangkan untuk menyediakan perintah Tampilkan Bilah Status jika hanya beberapa pengguna yang memerlukan informasi bilah status. Sembunyikan bilah status secara default jika sebagian besar pengguna tidak membutuhkannya.
  • Jangan gunakan bilah status untuk menjelaskan item bilah menu. Pola bantuan ini tidak dapat ditemukan.

Presentasi

  • Nonaktifkan status modal yang tidak berlaku. Status modal mencakup status keyboard dan dokumen.
  • Hapus status non-modal yang tidak berlaku.
  • Sajikan informasi status dalam urutan berikut: status jendela saat ini; Kemajuan; dan informasi kontekstual.

Ikon

  • Pilih desain ikon status yang mudah dikenali. Pilih ikon dengan kerangka unik di atas ikon berbentuk persegi atau persegi panjang.

  • Gunakan swath murni merah, kuning, dan hijau hanya untuk mengomunikasikan informasi status. Jika tidak, ikon tersebut membingungkan.

    Benar:

    cuplikan layar bilah status dengan ikon biru

    Salah:

    cuplikan layar bilah status dengan ikon merah

    Dalam contoh yang salah, ikon merah secara tidak sengaja menyarankan kesalahan, membuat kebingungan.

  • Gunakan variasi ikon atau overlay untuk menunjukkan perubahan status atau status. Gunakan variasi ikon untuk menampilkan perubahan dalam jumlah atau kekuatan. Untuk jenis status lainnya, gunakan overlay standar ini:

    Overlay Keadaan
    cuplikan layar ikon peringatan
    Peringatan
    cuplikan layar ikon kesalahan
    Kesalahan
    cuplikan layar ikon dinonaktifkan/terputus
    Dinonaktifkan/Terputus
    cuplikan layar ikon yang diblokir/offline
    Diblokir/Offline
  • Jangan terlalu sering mengubah status. Ikon bilah status tidak boleh tampak berisik, tidak stabil, atau meminta perhatian. Mata sensitif terhadap perubahan di bidang penglihatan periferal, sehingga perubahan status harus halus.

  • Untuk ikon yang menyediakan informasi status penting, pilih label di tempat.

  • Ikon bilah status tidak berlabel harus memiliki tipsalat.

Untuk informasi selengkapnya, lihat Ikon .

Interaksi

  • Buat area bilah status interaktif untuk memungkinkan pengguna mengakses langsung ke perintah dan opsi terkait.
    • Gunakan kontrol yang terlihat dan berulah seperti tombol menu atau tombol pisahkan. Area bilah status ini harus memiliki panah turun bawah untuk menunjukkan bahwa area tersebut dapat diklik.
    • Tampilkan menu pada klik kiri pada mouse ke bawah, bukan mouse ke atas.
    • Jangan mendukung klik kanan atau klik dua kali. Pengguna tidak mengharapkan interaksi tersebut di bilah status, sehingga mereka tidak mungkin mencobanya.
  • Tampilkan tipsalat pada hover.

Teks

  • Umumnya, gunakan label ringkas. Potong teks apa pun yang dapat dihilangkan.
  • Lebih suka fragmen kalimat, tanpa tanda baca akhir. Gunakan kalimat lengkap (dengan tanda baca akhir) hanya ketika fragmen kalimat tidak jauh lebih pendek.
  • Untuk label kemajuan opsional, tunjukkan apa yang dilakukan operasi dengan label yang dimulai dengan kata kerja (bentuk gerund) dan diakhir dengan elipsis. Misalnya: "Menyalin...". Label ini dapat berubah secara dinamis jika operasi memiliki beberapa langkah atau memproses beberapa objek.
  • Jangan gunakan warna, tebal, atau miring untuk menekankan teks bilah status.
  • Untuk panduan pembuatan frasa tipsalat, lihat TipsAlat dan Infotips.

Dokumentasi

Lihat bilah status sebagai bilah status, bukan baris status atau variasi lainnya. Contoh: "Nomor halaman saat ini ditampilkan di bilah status."