Wskaźniki postępu

Wskaźnik postępu informuje o stanie znanego lub nieznanego procesu.

Zasady

Jasne informacje zwrotne: wskaźnik postępu zapewnia natychmiastowe informacje zwrotne.

Spójność: wszystkie wskaźniki postępu powinny mieć wspólny język wizualny, aby były od razu rozpoznawalne.

Elastyczne: różne wskaźniki postępu i stany zapewniają elastyczność w przekazywaniu informacji o postępach.

Użycie i umieszczenie

Wskaźniki postępu pokazują stan procesu w czasie rzeczywistym.

Wskaźnik może wyrażać określony postęp z znanym czasem procesu, np. w przypadku timera.

lub nieokreślony postęp z nieznanym czasem trwania procesu, np. wczytywanie.

check_circle

Tak

Używaj wskaźnika postępu bez określenia czasu, aby pokazywać nieznane czasy przetwarzania, np. podczas wczytywania.

cancel

Nie

Gdy czas przetwarzania jest nieznany, użyj wskaźnika określonego. Może to wprowadzać użytkowników w błąd.

check_circle

Tak

Jeśli jest wystarczająco dużo czasu lub postępów do przekazania, używaj tylko jednego wskaźnika postępu naraz.

cancel

Nie

Nadmierne używanie wskaźników postępu lub używanie ich, gdy nie ma wystarczająco dużo czasu i postępu do przekazania.

Anatomia

1. Zatrzymanie określonego postępu – pokazuje określony punkt końcowy.
2. Aktualny postęp
3. Przyszły postęp
4. Przetwarzanie nieokreślone
5. Liniowy
6. Okrągły

Dostosowywanie

Oprócz wskaźników określonych i nieokreślonych istnieją też wskaźniki postępu w wersji liniowej, kołowej i falistej.

1. Wavy
2. Linie

Wszystkie faliste i liniowe warianty wskaźników postępu mają te same właściwości, opcje dostosowywania i wartości domyślne. W tabeli poniżej znajdziesz szczegółowe informacje na ten temat.