Indikator progres

Indikator progres mengomunikasikan status waktu proses yang diketahui atau tidak diketahui.

Elemen desain harus ditambatkan ke bagian bawah
bingkai.

Prinsip

Masukan yang Jelas: Indikator progres memberikan masukan langsung.

Konsisten: Semua indikator progres harus menggunakan bahasa visual inti agar dapat langsung dikenali.

Fleksibel: Berbagai indikator dan status progres memberikan fleksibilitas untuk mengomunikasikan progres.

Penggunaan &Penempatan

Indikator progres menampilkan status proses secara real time.

Indikasi dapat menunjukkan progres yang ditentukan, dengan waktu proses yang diketahui, seperti timer.

Atau progres yang tidak ditentukan, dengan waktu proses yang tidak diketahui, seperti pemuatan.

Gunakan indikasi progres yang tidak ditentukan untuk menampilkan waktu pemrosesan yang tidak diketahui, seperti pemuatan.
Jangan gunakan indikator yang ditentukan jika waktu pemrosesan tidak diketahui. Hal ini akan memberikan kesan progres yang salah kepada pengguna.
Gunakan satu indikator progres saja jika ada cukup waktu atau progres untuk dikomunikasikan.
Jangan terlalu sering menggunakan indikator progres atau menggunakannya jika tidak ada cukup waktu dan progres untuk dikomunikasikan.

Anatomi

Anatomi progres

1. Hentian progres yang ditentukan - menampilkan endpoint yang pasti.
2. Progres saat ini
3. Progres mendatang
4. Pemrosesan yang tidak ditentukan
5. Linear
6. Melingkar

Penyesuaian

Selain yang ditentukan dan tidak ditentukan, indikator progres juga tersedia dalam variasi linear, melingkar, dan bergelombang.

Anatomi progres

1. Bergelombang
2. Linear

Semua varian indikator progres yang bergelombang dan linear memiliki properti, opsi penyesuaian, dan default yang sama. Tabel berikut menjelaskan detail ini.

Linear

Properti Penyesuaian Default
Ketebalan Ya 6 dp
Warna indikator Ya Utama
Warna pelacakan Ya Garis batas
Ukuran Ya 360 dp

Melingkar

Properti Penyesuaian Default
Ketebalan Ya 6 dp
Warna indikator Ya Utama
Warna pelacakan Ya Garis batas
Ukuran Ya 40 dp