Indicatori di avanzamento

L'indicatore di avanzamento comunica lo stato di un processo noto o sconosciuto tempo.

Principi

Feedback chiaro: l'indicatore di avanzamento fornisce un feedback immediato.

Coerenza: tutti gli indicatori di avanzamento devono condividere un linguaggio visivo di base per essere immediatamente riconoscibili.

Flessibile: la varietà di indicatori di stato e di avanzamento offre flessibilità per comunicare i progressi.

Utilizzo e posizionamento

Gli indicatori di avanzamento mostrano lo stato di un processo in tempo reale.

L'indicazione può esprimere un avanzamento determinato, con un tempo di elaborazione noto, come un timer.

Oppure un avanzamento indeterminato, con un tempo di elaborazione sconosciuto, come il caricamento.

check_circle

Cosa fare

Utilizza un indicatore di avanzamento indeterminato per mostrare tempi di elaborazione sconosciuti, ad esempio il caricamento.

cancel

Cosa non fare

Utilizza un indicatore determinato quando il tempo di elaborazione è sconosciuto. In questo modo, gli utenti avranno una falsa sensazione di avanzamento.

check_circle

Cosa fare

Utilizza un solo indicatore di avanzamento alla volta quando c'è tempo o progressi sufficienti da comunicare.

cancel

Cosa non fare

Utilizzare eccessivamente gli indicatori di avanzamento o utilizzarli quando non c'è tempo e avanzamento sufficienti da comunicare.

Anatomia

1. Arresto dell'avanzamento determinato: mostra l'endpoint definitivo.
2. Progressi attuali
3. Progressi futuri
4. Elaborazione indeterminata
5. Lineare
6. Circolare

Personalizzazione

Oltre a determinate e indeterminate, gli indicatori di avanzamento sono disponibili anche nelle varianti lineare, circolare e ondulata.

1. Ondulato
2. Lineare

Tutte le varianti ondulate e lineari degli indicatori di avanzamento condividono le stesse proprietà, opzioni di personalizzazione e impostazioni predefinite. La tabella seguente descrive questi dettagli.