...
...
...
...
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
...
CLARIFIER EN FONCTION DES CAS > voir page d’accueil CRM
VOIR cas réels > avec les équipes métier
Donnée de référence : ce n’est pas ça, c’est une précision
Usage
...
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
...
du mois
Nombre d’interventions livrées
...
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
montant
pourcentage
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 ?
Vert / rouge / orange (=stable)
Actions
Au clic, où est-ce qu’on arrive ?
Possible ? Visiblement c’est demandé côté CRM
Idem widget liste côté modalité d’ouverture (popup)
Quoi ouvrir ?
Exemple liste préfiltrée comme le widget ?
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
...
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.