Le widgets métrique doit permettre de mettre en avant une donnée chiffrée figée à un instant T.
Classique
Lien vers la bibliothèque de composants : https://sfk.red.divalto.com/page/metric2
...
Anatomie
...
Usage
La version classique met en avant une donnée chiffrée précise. Elle peut notamment être mise en relation avec une donnée chiffrée de référence. Elle permet donc d’ajouter la notion d'évolution (baisse ou hausse) par rapport à la donnée de référence.
...
Au clic, où est-ce qu’on arrive ?
Progress
...
Anatomie
IMAGE A METTRE
...
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 ?
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 ?
Feu
...
Anatomie
IMAGE A METTRE
Usage
La version feu met en avant une donnée chiffrée précise.
…… exemples à mettre
Donnée mis en avant
Cela peut être un
nombre
montant
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 ?
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 ?