Anatomie
Titre
Donnée mise en avant
Barre de progression
Intitulé secondaire
Usage
La version métrique progress met en avant une donnée chiffrée précise en indiquant l'état d’avancement de cette donnée par rapport à un objectif.
Exemples :
Taux de transformation de devis
Etat d’avancement du projet
Titre du widget
Voir ce chapitre.
Donnée mise en avant
Voir chapitre https://divalto.atlassian.net/wiki/spaces/DDS/pages/10747250108/M+trique#Bonnes-pratiques-pour-tous-les-m%C3%A9triques
Intitulé secondaire
Voir chapitre https://divalto.atlassian.net/wiki/spaces/DDS/pages/10747250108/M+trique#Bonnes-pratiques-pour-tous-les-m%C3%A9triques
Barre de progression
La barre de progression permet de mettre en avant visuellement le niveau de progression de la donnée en fonction d’un objectif à atteindre. Par exemple, cela peut être un objectif de
100% si pourcentage
chiffre déterminé si fraction
La couleur est mise par défaut mais peut être paramétrée.
Elle peut être paramétrée soit en dur soit en fonction d’atteinte de seuil.
Actions
Au clic sur la donnée, possible de paramétrer l’ouverture d’une pop up qui permet d’afficher un niveau de détail plus précis de la donnée. Ce clic est mis en place s’il permet d’aider l’utilisateur à naviguer plus rapidement.
Exemples :
Je suis sur le tableau de bord de l’affaire. On a un widget metric avec progress bar qui permet d’afficher le pourcentage d’avancement de la facturation de l’affaire. Au clic sur le widget, j’accède en popup à la facture.