Le widget métrique doit permettre de mettre en avant une donnée chiffrée figée à un instant T.

...

• de chiffre, nombre

• d’un montant

• d’un pourcentage

• d’une date

• d’une fraction

Progress

...

Anatomie

...

Usage

La version progress met en avant une donnée chiffrée précise par rapport à un état d’avancement. Elle peut notamment être mise en relation avec une donnée chiffrée de référence.

• …… exemples à mettre

Donnée mis en avant

La donnée doit être chiffrée et potentiellement pouvoir être comparée à une donnée de référence.

Cela peut être un

• nombre par rapport à un nombre total

• un montant par rapport à un montant total

• un pourcentage d’avancement

• ….

Progress bar

L'évolution doit permettre à l’utilisateur de comparer la donnée chiffrée par rapport à l'élément de référence.

Couleur ? une couleur est mise par défaut mais peut être paramétrée, garder l’option ?

Elément de référence

L'élément de référence doit être un libellé conscit (maximum 2 lignes) et parlant pour les utilisateurs.

Actions

Au clic, où est-ce qu’on arrive ?3 caractéristiques communes aux différents types de métrique :

• Donnée chiffrée mise en avant

• Intitulé secondaire

Feu

...

Anatomie

IMAGE A METTRE

...

Usage

La version feu met en avant une donnée chiffrée précise et indique le statut/état de cette donnée dans un cadran coloré par rapport à un objectif.

• …… exemples à mettre peut être mettre les différents exemples possibles: success/ …

Couleur de fond

Indicateur

Couleur ?

Actions

Au clic, où est-ce qu’on arrive ?