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.
Bilah status umum.
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.
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 |
![]() Dalam contoh ini, bilah status menampilkan jalur ke dokumen. |
Kemajuan Perlihatkan kemajuan tugas latar belakang, baik dengan bilah kemajuan yang ditentukan atau animasi. |
![]() 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. |
![]() 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:
Salah:
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 Peringatan Kesalahan Dinonaktifkan/Terputus 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."