...
L'indicateur / metric permet de mettre en avant une donnée
...
alphanumérique 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.
...
Chiffre d’affaire des commandes cumulées par rapport au chiffre d’affaire total
...
Chiffre d’affaire des commandes du mois par rapport aux nouvelles commandes
...
Il existe 3 types d’indicateurs, ayant en commun :
Une donnée principale de type alphanumérique
Un intitulé secondaire
Exemples d’utilisation :
Chiffre d’affaire des commandes cumulées sur l’année
Chiffre d’affaires des commandes du mois
Nombre d’OF non clôturés
Nombre de demandes d’achats en cours
...
Nombre d’intervention livrée par rapport au nombre d’intervention sur le mois en cours
Donnée mise 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
un montant
un pourcentage
une date ??
…
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.
Pourcentage d'évolution
L'évolution doit permettre à l’utilisateur de comparer la donnée chiffrée par rapport à l'élément de référence.
Couleur ?
Actions
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 et indique le statut/état de cette donnée dans un cadran coloré par rapport à un objectif.
…… exemples à mettre
Donnée mis en avant
Cela peut être un
nombre
montant
pourcentage
….
Couleur de fond
Indicateur
Couleur ?
Actions
...
du mois
Nombre d’interventions livrées cumulée sur l’année
Note Potentiel d’un tiers (ABC)
Contextes d’utilisation
L’indicateur / metric peut être utilisé dans différents contextes :
CRUD
widget (une documentation spécifique aux widgets est consultable ici : https://divalto.atlassian.net/wiki/x/N4BdkwI)
Types d’indicateur
| Pages enfant (affichage des enfants) | ||
|---|---|---|
|
FAQ
Puis-je mettre un autre type de donnée qu’alphanumérique dans un widget indicateur ?
L’utilisation d’un autre type de donnée est déconseillé pour garantir une utilisation compréhensible du composant indicateur / metric.
Quels types de formatages puis-je utiliser pour afficher la donnée alphanumérique ?
Il est possible d’avoir des formatages différents en fonction des besoins d’affichage. Ci-dessous voici quelques exemples :
Quelles sont les règles de rédaction pour un intitulé secondaire ?
L’intitulé secondaire doit être un libellé concis (maximum 5/6 mots). Il doit être parlant pour les utilisateurs. Il doit permettre de donnée une précision qui permettra à l’utilisateur de comprendre de quoi on parle.