Bilah Kemajuan

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.

Dengan bilah kemajuan, pengguna dapat mengikuti kemajuan operasi yang panjang. Bilah kemajuan dapat menunjukkan perkiraan persentase penyelesaian (menentukan), atau menunjukkan bahwa operasi sedang berlangsung (tidak ditentukan).

Studi kegunaan telah menunjukkan bahwa pengguna mengetahui waktu respons lebih dari satu detik. Akibatnya, Anda harus mempertimbangkan operasi yang membutuhkan waktu dua detik atau lebih lama untuk diselesaikan agar panjang dan membutuhkan beberapa jenis umpan balik kemajuan.

cuplikan layar bilah kemajuan umum

Bilah kemajuan yang khas.

Catatan

Panduan yang terkait dengan tata letak disajikan dalam artikel terpisah.

Apakah ini kontrol yang tepat?

Untuk memutuskan, pertimbangkan pertanyaan-pertanyaan ini:

  • Apakah operasi akan selesai dalam waktu sekitar lima detik atau kurang? Jika demikian, gunakan indikator aktivitas sebagai gantinya, karena menampilkan bilah kemajuan untuk durasi singkat seperti itu akan mengganggu. Jika operasi biasanya membutuhkan waktu lima detik atau kurang tetapi terkadang membutuhkan lebih banyak, mulailah dengan pointer yang sibuk dan konversi ke bilah kemajuan setelah lima detik.

  • Apakah bilah kemajuan yang tidak ditentukan digunakan untuk menunggu pengguna menyelesaikan tugas? Jika demikian, jangan gunakan bilah kemajuan. Bilah kemajuan adalah untuk kemajuan komputer, bukan kemajuan pengguna.

  • Apakah bilah kemajuan yang tidak ditentukan dikombinasikan dengan animasi? Jika demikian, gunakan hanya animasi sebagai gantinya. Bilah kemajuan yang tidak ditentukan secara efektif adalah animasi generik dan tidak menambahkan nilai ke animasi.

  • Apakah operasi ini merupakan tugas latar belakang yang sangat panjang (lebih dari dua menit) di mana pengguna lebih tertarik untuk menyelesaikan daripada kemajuan? Jika demikian, gunakan pemberitahuan sebagai gantinya. Dalam hal ini, pengguna melakukan tugas lain sementara itu dan tidak memantau kemajuan. Menggunakan pemberitahuan memungkinkan pengguna untuk melakukan tugas lain tanpa gangguan. Contoh operasi panjang tersebut termasuk pencetakan, pencadangan, pemindaian sistem, dan transfer atau konversi data massal.

  • Ketika operasi selesai, apakah pengguna akan dapat memutar ulang hasilnya? Jika demikian, gunakan slider sebagai gantinya. Contoh operasi tersebut termasuk perekaman dan pemutaran video dan audio.

    cuplikan layar pemutar media dan slider

    Dalam contoh ini, slider digunakan untuk menunjukkan kemajuan saat memutar suara. Melakukannya memungkinkan pengguna untuk memutar ulang hasilnya nanti.

Konsep desain

Selama operasi yang panjang, pengguna membutuhkan gambaran umum tentang apa yang dilakukan operasi. Mereka juga perlu mengetahui:

  • Bahwa operasi panjang telah dimulai.
  • Kemajuan itu sedang dibuat dan bahwa operasi pada akhirnya akan selesai (dan oleh karena itu belum dikunci).
  • Perkiraan persentase operasi yang telah selesai (dan oleh karena itu persentase tersisa).
  • Jika mereka harus membatalkan operasi jika tidak layak untuk terus menunggu.
  • Jika mereka harus terus menunggu atau melakukan hal lain saat operasi selesai.

Gunakan bilah kemajuan penentuan untuk operasi yang memerlukan waktu terbatas, bahkan jika jumlah waktu tersebut tidak dapat diprediksi secara akurat. Bilah kemajuan yang tidak ditentukan menunjukkan bahwa kemajuan sedang dibuat, tetapi tidak memberikan informasi lain. Jangan memilih bilah kemajuan yang tidak ditentukan hanya berdasarkan kemungkinan kurangnya akurasi saja.

Misalnya, operasi memerlukan lima langkah dan masing-masing langkah tersebut memerlukan jumlah waktu yang terikat, tetapi jumlah waktu untuk setiap langkah dapat sangat bervariasi. Dalam hal ini, gunakan bilah kemajuan yang ditentukan dan tunjukkan kemajuan ketika setiap langkah selesai sebanding dengan jumlah waktu yang biasanya dilakukan setiap langkah. Gunakan bilah kemajuan yang tidak ditentukan hanya jika bilah kemajuan yang ditentukan akan menyebabkan pengguna salah menyimpulkan bahwa operasi telah dikunci.

Jika Anda hanya melakukan satu hal ...

Pastikan Anda memberikan umpan balik kemajuan untuk operasi yang panjang dan bahwa informasi di atas dikomunikasikan dengan jelas. Gunakan bilah kemajuan penentuan jika memungkinkan.

Pola penggunaan

Bilah kemajuan memiliki beberapa pola penggunaan:

Menentukan bilah kemajuan

Label Nilai
Modal menentukan bilah kemajuan
Tunjukkan kemajuan operasi dengan mengisi dari kiri ke kanan dan mengisi sepenuhnya saat operasi selesai.
Karena umpan balik ini modal, pengguna tidak dapat melakukan tugas lain di jendela (atau induknya jika ditampilkan dalam kotak dialog modal) hingga operasi selesai.
Cuplikan layar bilah kemajuan di jendela modal
Dalam contoh ini, bilah kemajuan memberikan umpan balik selama konfigurasi.
Modal menentukan bilah kemajuan dengan tombol Batal atau Berhenti
Izinkan pengguna menghentikan operasi, mungkin karena operasi terlalu lama atau tidak sebanding dengan penantian.
Cuplikan layar bilah kemajuan dengan tombol Hentikan
Dalam contoh ini, pengguna dapat mengklik Hentikan untuk menghentikan operasi dan meninggalkan lingkungan dalam statusnya saat ini.
Modal menentukan bilah kemajuan dengan tombol Batal atau Hentikan dan animasi
Izinkan pengguna menghentikan operasi, dan menyertakan animasi untuk membantu pengguna memvisualisasikan efek operasi.
Cuplikan layar bilah kemajuan dengan animasi
Dalam contoh ini, pengguna dapat mengklik Hentikan untuk menghentikan operasi dan meninggalkan lingkungan dalam statusnya saat ini.
Modal menentukan bilah kemajuan ganda
Tunjukkan kemajuan operasi multi-langkah dengan menunjukkan kemajuan langkah saat ini di bilah kemajuan pertama, dan kemajuan keseluruhan di bilah kedua.
Karena bilah kemajuan pertama memberikan sedikit informasi tambahan dan bisa sangat mengganggu, pola ini tidak disarankan. Sebagai gantinya, memiliki semua langkah dalam operasi berbagi sebagian kemajuan dan memiliki satu bilah kemajuan pergi ke penyelesaian sekali.
Cuplikan layar bilah kemajuan saat ini dan keseluruhan
Dalam contoh ini, bilah kemajuan pertama menunjukkan kemajuan langkah saat ini dan bilah kemajuan kedua menunjukkan kemajuan keseluruhan.
Catatan: Pola ini biasanya tidak perlu dan harus dihindari.
Bilah kemajuan penentuan tanpa mode
Tunjukkan kemajuan operasi dengan mengisi dari kiri ke kanan dan mengisi sepenuhnya saat operasi selesai.
Tidak seperti bilah kemajuan modal, pengguna dapat melakukan tugas lain saat operasi sedang berlangsung. Bilah kemajuan ini dapat ditampilkan dalam konteks atau pada bilah status.
Cuplikan layar bilah kemajuan pada bilah status
Dalam contoh ini, Windows Internet ExplorerWindows Internet Explorer menampilkan kemajuannya untuk memuat halaman Web pada bilah status. Pengguna dapat melakukan tugas lain saat halaman sedang dimuat.

Bilah kemajuan yang tidak ditentukan

Tipe Bilah Kemajuan Deskripsi
Modal tidak menentukan bilah kemajuan
Tunjukkan bahwa operasi sedang berlangsung dengan memperlihatkan animasi yang terus berputar melintasi bilah dari kiri ke kanan.
Digunakan hanya untuk operasi yang kemajuan keseluruhannya tidak dapat ditentukan, sehingga tidak ada gagasan kelengkapan. Menentukan bilah kemajuan lebih disukai karena menunjukkan perkiraan persentase operasi yang telah selesai, dan membantu pengguna menentukan apakah operasi layak untuk terus menunggu. Mereka juga kurang mengganggu secara visual.
cuplikan layar modal, bilah kemajuan yang tidak ditentukan
Dalam contoh ini, Windows Update menggunakan bilah kemajuan yang tidak ditentukan modal untuk menunjukkan kemajuan saat mencari pembaruan.
Bilah kemajuan yang tidak ditentukan tanpa mode
Tunjukkan bahwa operasi sedang berlangsung dengan memperlihatkan animasi yang terus berputar melintasi bilah dari kiri ke kanan.
Tidak seperti bilah kemajuan modal, pengguna dapat melakukan tugas lain saat pemrosesan sedang berlangsung. bilah kemajuan ini dapat ditampilkan dalam konteks atau pada bilah status.
cuplikan layar bilah kemajuan tipis di jendela outlook
Dalam contoh ini, Microsoft Outlook menggunakan bilah kemajuan yang tidak ditentukan tanpa mode saat mengisi properti kontak. Pengguna dapat terus menggunakan jendela properti saat pekerjaan ini sedang berlangsung.

Meter

Jenis Deskripsi
Meter
Menunjukkan persentase yang tidak terkait dengan kemajuan.
Pola ini bukan bilah kemajuan, tetapi diimplementasikan menggunakan kontrol bilah kemajuan. meter memiliki tampilan yang berbeda untuk membedakannya dari bilah kemajuan sejati.
cuplikan layar meteran memperlihatkan ruang disk kosong
Dalam contoh ini, meteran menunjukkan persentase ruang drive disk yang digunakan.

Panduan

Umum

  • Berikan umpan balik kemajuan saat melakukan operasi yang panjang. Pengguna seharusnya tidak perlu menebak apakah kemajuan sedang dibuat.

  • Jelas menunjukkan kemajuan nyata. Bilah kemajuan harus maju jika kemajuan sedang dibuat. Jika rentang waktu penyelesaian yang diharapkan besar, pertimbangkan untuk menggunakan skala non-linier untuk menunjukkan kemajuan untuk waktu yang lebih lama. Anda tidak ingin pengguna menyimpulkan bahwa program Anda telah terkunci ketika belum.

  • Jelas menunjukkan kurangnya kemajuan. Bilah kemajuan tidak boleh maju jika tidak ada kemajuan yang dibuat. Anda tidak ingin pengguna menunggu tanpa batas waktu untuk operasi yang tidak akan pernah selesai.

  • Berikan detail kemajuan yang berguna. Berikan informasi kemajuan tambahan, tetapi hanya jika pengguna dapat melakukan sesuatu dengannya. Pastikan teks ditampilkan cukup lama agar pengguna dapat membacanya.

    cuplikan layar bilah kemajuan memperlihatkan laju transfer

    Dalam contoh ini, pengguna dapat melihat tingkat transfer. Tingkat transfer rendah di sini menunjukkan kebutuhan untuk menggunakan koneksi jaringan bandwidth tinggi.

  • Jangan berikan detail yang tidak perlu. Umumnya pengguna tidak peduli tentang detail operasi yang dilakukan. Misalnya, pengguna program penyiapan tidak peduli tentang file tertentu yang disalin atau komponen sistem sedang didaftarkan karena mereka tidak memiliki harapan tentang detail ini. Biasanya, bilah kemajuan berlabel baik saja menyediakan informasi yang memadai, jadi berikan informasi kemajuan tambahan hanya jika pengguna dapat melakukan sesuatu dengannya. Memberikan detail bahwa pengguna tidak peduli membuat pengalaman pengguna terlalu rumit dan teknis. Jika Anda memerlukan informasi lebih rinci untuk penelusuran kesalahan, jangan tampilkan dalam build rilis.

    Benar:

    cuplikan layar kemajuan penginstalan

    Dalam contoh ini, bilah kemajuan berlabel adalah semua yang diperlukan.

    Benar:

    cuplikan layar bilah kemajuan memperlihatkan laju transfer

    Dalam contoh ini, Windows Explorer menyalin file yang dipilih pengguna, sehingga menampilkan nama file yang sedang disalin bermakna.

    Salah:

    cuplikan layar kemajuan pendaftaran

    Dalam contoh ini, program penyiapan memberikan detail yang tidak berarti bagi pengguna.

  • Menyediakan animasi yang berguna. Jika dilakukan dengan baik, animasi meningkatkan pengalaman pengguna dengan membantu pengguna memvisualisasikan operasi. Animasi yang baik memiliki dampak lebih dari teks saja. Misalnya, bilah kemajuan untuk perintah Hapus Outlook menampilkan Keranjang Sampah untuk tujuan jika file dapat dipulihkan, tetapi tidak ada Keranjang Sampah jika file tidak dapat dipulihkan.

    cuplikan layar kemajuan penghapusan

    Dalam contoh ini, kurangnya Keranjang Sampah memperkuat bahwa file sedang dihapus secara permanen. Informasi tambahan ini tidak akan dikomunikasikan secara efektif menggunakan teks saja.

  • Jangan gunakan animasi yang tidak perlu. Animasi bisa menyesatkan karena biasanya berjalan di utas terpisah dari tugas aktual dan karenanya dapat menyarankan kemajuan bahkan jika operasi telah terkunci. Selain itu, jika operasi lebih lambat dari yang diharapkan, pengguna terkadang berasumsi bahwa animasi adalah bagian dari alasannya. Akibatnya, hanya menggunakan animasi ketika ada pembenaran yang jelas; jangan gunakan untuk mencoba menghibur pengguna.

  • Posisikan animasi yang berpusat di atas bilah kemajuan. Letakkan animasi di atas label bilah kemajuan, jika Anda memilikinya. Jika ada tombol Batalkan atau Hentikan di sebelah kanan bilah kemajuan, sertakan tombol saat menentukan pusat.

  • Memainkan efek suara pada penyelesaian operasi hanya jika sangat panjang (lebih dari dua menit), jarang, dan penting. Jika pengguna cenderung menjauh dari operasi penting saat sedang diproses, efek suara akan mengembalikan perhatian pengguna. Menggunakan efek suara setelah selesai dalam keadaan lain akan menjadi gangguan yang mengganggu.

  • Jangan mencuri fokus input untuk menampilkan pembaruan atau penyelesaian kemajuan. Pengguna sering beralih ke program lain saat menunggu dan tidak ingin terganggu. Tugas latar belakang harus tetap berada di latar belakang.

  • Jangan khawatir tentang dukungan teknis. Karena umpan balik yang diberikan oleh bilah kemajuan belum tentu akurat dan sejuk, bilah kemajuan bukanlah mekanisme yang baik untuk memberikan informasi untuk dukungan teknis. Akibatnya, jika operasi dapat gagal (seperti halnya program penyiapan), jangan berikan informasi kemajuan tambahan yang hanya berguna untuk dukungan teknis. Sebagai gantinya, berikan mekanisme alternatif seperti file log untuk merekam informasi dukungan teknis.

    Salah:

    cuplikan layar bilah kemajuan memperlihatkan nama server

    Dalam contoh ini, bilah kemajuan menampilkan detail yang ditujukan untuk dukungan teknis.

  • Jangan letakkan persentase lengkap atau teks lain pada bilah kemajuan. Teks tersebut tidak dapat diakses dan tidak kompatibel dengan menggunakan tema.

    Salah:

    cuplikan layar bilah kemajuan dengan teks pada bilah

    Dalam contoh ini, persentase teks pada bilah kemajuan tidak dapat diakses.

  • Jangan gabungkan bilah kemajuan dengan penunjuk yang sibuk. Gunakan satu atau yang lain, tetapi tidak keduanya pada saat yang sama.

  • Jangan gunakan bilah kemajuan vertikal. Bilah kemajuan horizontal memiliki pemetaan yang lebih alami dan aliran yang lebih baik.

Menentukan bilah kemajuan

  • Gunakan bilah kemajuan penentuan untuk operasi yang memerlukan waktu terikat, bahkan jika jumlah waktu tersebut tidak dapat diprediksi secara akurat. Bilah kemajuan yang tidak ditentukan menunjukkan bahwa kemajuan sedang dibuat, tetapi tidak memberikan informasi lain. Jangan pilih bilah kemajuan yang tidak ditentukan hanya berdasarkan kemungkinan kurangnya akurasi saja.

  • Menunjukkan dengan jelas fase kemajuan. Bilah kemajuan harus dapat menunjukkan apakah operasi berada di awal, tengah, atau akhir operasi. Misalnya, bilah kemajuan yang segera membidik hingga penyelesaian 99 persen, maka tinggal di sana untuk waktu yang lama sangat tidak informatif dan mengganggu. Dalam kasus ini, bilah kemajuan harus diatur awalnya ke paling banyak 33 persen untuk menunjukkan bahwa operasi masih dalam fase awal.

  • Jelas menunjukkan penyelesaian. Jangan biarkan bilah kemajuan masuk ke 100 persen kecuali operasi telah selesai.

  • Berikan perkiraan waktu yang tersisa jika Anda dapat melakukannya secara akurat. Perkiraan sisa waktu yang akurat berguna, tetapi perkiraan yang jauh dari tanda atau memantul secara signifikan tidak membantu. Anda mungkin perlu melakukan beberapa pemrosesan sebelum Anda dapat memberikan perkiraan yang akurat. Jika demikian, jangan tampilkan perkiraan yang berpotensi tidak akurat selama periode awal ini.

  • Jangan mulai ulang kemajuan. Bilah kemajuan kehilangan nilainya jika dimulai ulang (mungkin karena langkah dalam operasi selesai) karena pengguna tidak memiliki cara untuk mengetahui kapan operasi akan selesai. Sebagai gantinya, buat semua langkah dalam operasi berbagi sebagian kemajuan dan minta bilah kemajuan selesai sekali.

    Salah:

    cuplikan layar bilah kemajuan yang dimulai ulang

    Dalam contoh ini, operasi dipindahkan ke langkah menyalin file dan mengatur ulang bilah kemajuan untuk langkah tersebut. Sekarang pengguna tidak tahu berapa banyak kemajuan yang telah dibuat atau berapa banyak waktu yang tersisa.

  • Jangan mencadangkan kemajuan. Seperti halnya menghidupkan ulang, bilah kemajuan kehilangan nilainya jika dicadangkan. Selalu tingkatkan kemajuan secara monoton. Namun, Anda dapat memiliki perkiraan sisa waktu yang meningkat (serta menurun) karena tingkat kemajuan dapat bervariasi.

Bilah kemajuan yang tidak ditentukan

  • Gunakan bilah kemajuan yang tidak ditentukan hanya untuk operasi yang kemajuan keseluruhannya tidak dapat ditentukan. Gunakan bilah kemajuan yang tidak ditentukan untuk operasi yang memerlukan waktu yang tidak terbatas atau yang mengakses jumlah objek yang tidak diketahui. Gunakan batas waktu untuk memberikan batasan pada operasi berbasis waktu.

  • Konversikan ke bilah kemajuan penentuan setelah kemajuan keseluruhan dapat ditentukan. Misalnya, jika dibutuhkan secara signifikan lebih dari dua detik untuk menentukan jumlah objek, Anda dapat menggunakan bilah kemajuan yang tidak ditentukan saat objek dihitung, lalu mengonversi ke bilah kemajuan yang ditentukan.

  • Jangan gabungkan bilah kemajuan yang tidak ditentukan dengan persentase perkiraan selesai atau sisa waktu. Jika Anda dapat memberikan informasi ini, gunakan bilah kemajuan yang ditentukan sebagai gantinya.

  • Jangan gabungkan bilah kemajuan yang tidak ditentukan dengan animasi. Bilah kemajuan yang tidak ditentukan secara efektif adalah animasi generik, jadi Anda harus menggunakan satu atau yang lain tetapi tidak pernah keduanya.

    Benar:

    cuplikan layar kemajuan dalam mendeteksi server

    Dalam contoh ini, hanya animasi yang digunakan untuk menunjukkan bahwa operasi sedang berlangsung.

Bilah kemajuan tanpa mode

  • Jika pengguna dapat melakukan sesuatu yang produktif saat operasi sedang berlangsung, berikan umpan balik tanpa mode. Anda mungkin perlu menonaktifkan subset fungsionalitas yang mengharuskan operasi selesai.

  • Jika jendela memiliki bilah alamat, tampilkan kemajuan tanpa mode di bilah alamat.

    cuplikan layar bilah kemajuan sebagai bagian dari bilah alamat

    Dalam contoh ini, kemajuan tanpa mode ditampilkan di bilah alamat.

  • Jika tidak, jika jendela memiliki bilah status, tampilkan kemajuan tanpa mode di bilah status. Letakkan teks yang sesuai di sebelah kirinya di bilah status.

    cuplikan layar bilah kemajuan sebagai bagian dari bilah status

    Dalam contoh ini, kemajuan tanpa mode ditampilkan di bilah status.

  • Tempatkan bilah kemajuan modal pada halaman kemajuan ataukotak dialog kemajuan.

  • Berikan tombol perintah untuk menghentikan operasi jika perlu waktu lebih dari beberapa detik untuk diselesaikan, atau memiliki potensi untuk tidak pernah selesai. Beri label tombol Batal jika pembatalan mengembalikan lingkungan ke keadaan sebelumnya (tidak meninggalkan efek samping), jika tidak, beri label tombol Berhenti untuk menunjukkan bahwa tombol tersebut membiarkan operasi yang diselesaikan sebagian tetap utuh. Anda dapat mengubah label tombol dari Batalkan ke Berhenti di tengah operasi jika pada titik tertentu tidak dimungkinkan untuk mengembalikan lingkungan ke status sebelumnya. Tengahkan tombol perintah secara vertikal dengan bilah kemajuan alih-alih meratakan bagian atasnya.

    Benar:

    cuplikan layar kemajuan menunggu jaringan

    Dalam contoh ini, menghentikan koneksi jaringan tidak memiliki efek samping sehingga Batal digunakan.

    Benar:

    cuplikan layar bilah kemajuan memperlihatkan waktu salin tersisa

    Dalam contoh ini, menghentikan salinan meninggalkan file yang disalin, sehingga tombol perintah diberi label Berhenti.

    Salah:

    cuplikan layar bilah kemajuan pencarian dan tombol berhenti

    Dalam contoh ini, menghentikan pencarian tidak meninggalkan efek samping, sehingga tombol perintah harus diberi label Batal.

Waktu tersisa

Untuk menentukan bilah kemajuan:

  • Gunakan format waktu berikut. Mulailah dengan format pertama berikut di mana unit waktu terbesar bukan nol, lalu ubah ke format berikutnya setelah unit waktu terbesar menjadi nol.

    Untuk bilah kemajuan:

    Jika informasi terkait ditampilkan dalam format titik dua:

    Sisa waktu: jam jam, m menit

    Sisa waktu: m menit, detik

    Sisa waktu: s detik

    Jika ruang layar berada pada premium:

    h hrs, m menit tersisa

    m menit, s detik tersisa

    s detik tersisa

    Sebaliknya:

    jam, m menit tersisa

    m menit, s detik tersisa

    s detik tersisa

    Untuk bilah judul:

    hh:mm tersisa

    mm:ss tersisa

    0:ss tersisa

    Format ringkas ini menunjukkan informasi terpenting terlebih dahulu sehingga tidak terpotong pada taskbar.

  • Buat perkiraan akurat, tetapi jangan berikan presisi palsu. Jika unit terbesar adalah jam, berikan menit (jika bermakna) tetapi tidak detik.

    Salah:

    jam hh, mm menit, detik ss

  • Selalu perbarui perkiraan. Perkiraan waktu pembaruan yang tersisa setidaknya setiap 5 detik.

  • Fokus pada waktu yang tersisa karena itulah informasi yang paling dipedulikan pengguna. Berikan total waktu yang berlalu hanya ketika ada skenario di mana waktu yang berlalu sangat membantu (seperti ketika tugas kemungkinan akan diulang). Jika perkiraan waktu yang tersisa dikaitkan dengan bilah kemajuan, tidak memiliki persentase teks lengkap karena informasi tersebut disampaikan oleh bilah kemajuan itu sendiri.

  • Jadilah benar secara tata bahasa. Gunakan unit tunggal ketika angkanya adalah satu.

    Salah:

    1 menit, 1 detik

  • Gunakan kapitalisasi gaya kalimat.

Warna bilah kemajuan

  • Gunakan bilah kemajuan merah atau kuning hanya untuk menunjukkan status kemajuan, bukan hasil akhir tugas. Bilah kemajuan merah atau kuning menunjukkan bahwa pengguna perlu mengambil beberapa tindakan untuk menyelesaikan tugas. Jika kondisi tidak dapat dipulihkan, biarkan bilah kemajuan berwarna hijau dan tampilkan pesan kesalahan.
  • Ubah bilah kemajuan menjadi merah ketika ada kondisi yang dapat dipulihkan pengguna yang mencegah kemajuan lebih lanjut. Tampilkan pesan untuk menjelaskan masalah dan merekomendasikan solusi.
  • Ubah bilah kemajuan menjadi kuning untuk menunjukkan bahwa pengguna telah menjeda tugas atau bahwa ada kondisi yang menghambat kemajuan tetapi kemajuan masih berlangsung (seperti, misalnya, dengan konektivitas jaringan yang buruk). Jika pengguna telah dijeda, ubah label tombol Jeda menjadi Lanjutkan. Jika kemajuan terhambat, tampilkan pesan untuk menjelaskan masalah dan merekomendasikan solusi.

Meter

  • Gunakan bilah kemajuan hanya untuk kemajuan. Gunakan meter untuk menunjukkan persentase yang tidak terkait dengan kemajuan.

diagram memperlihatkan ukuran dan penspasian bilah kemajuan

Ukuran dan penspasian yang direkomendasikan untuk bilah kemajuan.

  • Selalu gunakan tinggi bilah kemajuan yang direkomendasikan.
    • Pengecualian: Anda dapat menggunakan tinggi yang berbeda jika jendela induk tidak mendukung tinggi yang disarankan.
  • Gunakan lebar minimum jika Anda ingin membuat bilah kemajuan tidak mengganggu.
  • Jangan gunakan lebar lebih panjang dari yang disarankan maksimum. Bilah kemajuan tidak harus mengisi ruang yang tersedia.
  • Tengahkan bilah kemajuan secara horizontal jika jendela jauh lebih lebar dari lebar maksimum yang disarankan.

Label

Label bilah kemajuan

  • Gunakan label ringkas dengan kontrol teks statis untuk menunjukkan apa yang dilakukan operasi. Mulai label dengan kata kerja (misalnya, Penyalinan) dan akhiri dengan elipsis. Label ini dapat berubah secara dinamis jika operasi memiliki beberapa langkah atau memproses beberapa objek.

  • Jangan tetapkan kunci akses unik karena kontrol tidak interaktif.

  • Gunakan kapitalisasi gaya kalimat.

  • Jika operasi tidak langsung dimulai oleh pengguna, Anda dapat menyertakan label tambahan untuk memberikan konteks dan meminta maaf atas gangguan tersebut. Mulai label tambahan ini dengan frasa, Silakan tunggu sementara. Label ini tidak boleh berubah selama operasi.

    cuplikan layar bilah kemajuan dengan label

    Dalam contoh ini, pengguna diminta untuk menunggu karena pengguna tidak langsung memulai operasi.

  • Posisikan label di atas bilah kemajuan dan ratakan label dengan tepi kiri bilah kemajuan.

Detail bilah kemajuan

  • Berikan detail dalam teks statis, sebelum data dengan label yang diakhir dengan titik dua. Tentukan unit (detik, kilobyte, dan sebagainya) setelah teks detail.

    Benar:

    cuplikan layar bilah kemajuan memperlihatkan laju transfer

    Dalam contoh ini, detail diberi label dengan benar.

    Salah:

    cuplikan layar bilah kemajuan tanpa label yang tepat

    Dalam contoh ini, detailnya tidak diberi label, sehingga mengharuskan pengguna untuk menentukan arti mereka.

  • Gunakan kapitalisasi gaya kalimat.

  • Posisikan detail di bawah bilah kemajuan dan ratakan label dengan tepi kiri bilah kemajuan.

  • Jangan berikan persentase yang selesai atau tersisa karena informasi tersebut disampaikan oleh bilah kemajuan itu sendiri.

Tombol batalkan

  • Beri label tombol Batal jika membatalkan mengembalikan lingkungan ke status sebelumnya (tidak meninggalkan efek samping); jika tidak, beri label tombol Berhenti untuk menunjukkan bahwa tombol tersebut membiarkan operasi yang sebagian selesai utuh.
  • Anda dapat mengubah label tombol dari Batal ke Berhenti di tengah operasi jika pada titik tertentu tidak dimungkinkan untuk mengembalikan lingkungan ke status sebelumnya.

Judul kotak dialog kemajuan

  • Jika bilah kemajuan ditampilkan dalam kotak dialog modal, judul kotak dialog harus menjadi nama program atau nama operasi. Jangan gunakan apa yang seharusnya menjadi label bilah kemajuan untuk judul kotak dialog.

    Benar:

    cuplikan layar judul bilah kemajuan dengan nama tugas

    Dalam contoh ini, nama tugas digunakan untuk judul kotak dialog.

    Salah:

    cuplikan layar judul kotak dialog redundan

    Dalam contoh ini, teks judul kotak dialog adalah pemulihan dari label bilah kemajuan. Nama program harus digunakan sebagai gantinya.

  • Jika bilah kemajuan ditampilkan dalam kotak dialog tanpa mode, optimalkan judul untuk ditampilkan di taskbar dengan secara ringkas menempatkan informasi pembeda terlebih dahulu. Contoh: "66% Selesai."