...
...
...
...
L'indicateur / metric permet de mettre en avant une donnée
...
alphanumérique figée à un instant T.
...
Classique
...
Anatomie
...
| Remarque |
|---|
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 pour l’anatomie on a des metrics (pas dans les widgets) qui ont une info en plus |
...
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é concis (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) peut être gris aussi
Actions
Au clic, où est-ce qu’on arrive ?
Possible ? Visiblement c’est demandé côté CRM demande: clic sur la donnée pour ouvrir une pop up avec la liste correspondante, exemple: metric avec les nouveaux contacts d’un tiers on arrive sur la liste des contacts filtrée sur le tiers, ouverture en pop up
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 ? 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 ?
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/ …
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.