Le widget 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
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
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
Nombre d’OF non cloturés par rapport aux nombres d’OF totaux
Nombre de demandes d’achats en cours par rapport au nombre de demandes d’achat totales
Nombre d’interventions livrées 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
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 ?
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
Au clic, où est-ce qu’on arrive ?