Steps Circle

Otevřít ve Figmě

StepsCircle je vizuální indikátor, který slouží k zobrazení stavu dokončení úkolu nebo procesu, například vyplňování formuláře nebo jiné operace. Uživatelům poskytuje jasný pocit z délky trvání.

Obsah - Popis aktuálního kroku.
Splněná část - Sděluje uživateli jaká část procesu už byla splněná
Nesplněná část - Sděluje uživateli jaká část procesu ještě nebyla splněná.
Hodnota - Číslo aktuálního kroku a celkový počet kroků.

Hodnota může být variabilní podle počtu kroků
Hodnota může být statická uvedená v procentech

Varianty

Base - pouze název a popis kroku
Libovolná relevantní Komponenta
Organismus z více komponent

Použití

Pokud je StepsCircle součástí průchodu uživatele procesem, komponenta by měla být srozumitelně spojená s ovládacími prvky které umožňují uživateli postup procesem. Komponenta může také nést čistě informativní funkci.

Responzivita

Komponenta může být ve stejné variantě použitá na různých zařízeních. Na mobilních zařízeních je nutné dbát na správně umístění ovládacích prvků.