Les badges doivent permettrent de mettre en avant visuellement un élément d’une entité ou d’un tiers. L’utilisateur pourra filtrer / créer des vues dédiées à une colonne indiquant un badge.
...
indiquer un statut
indiquer une fraction (1/2, 1/3, …)
mettre en avant un état
Différents types de badge
Les types de badge ne doivent pas être mélangés dans un même champ.
Badge feu avec les couleurs prédéfinis (vert, orange, rouge) > Mettre en évidence un danger, une interdiction, un niveau de criticité fort.
...
Badge classique (toutes les couleurs) > Tous les autres usages en dehors du danger, interdiction ou criticité. Les couleurs utilisée doivent être consistentes au travers de toute l’application. On utilisera donc les nuances en fontion des sémantiques suivante .
Pour une thématique de badge qui indique le statut d’avancement d’un élément :
Bleu : en cours, actif, …
Violet : brouillon, …en attente
Vert : gagné, …
Gris : terminé, cloturé, …
Rouge : …
…
Les types de badge ne doivent pas être mélangés dans un même champ.
...
en retard, perdu
S’il y a beaucoup de différents états de statut, on pourra utiliser des dégradés de nuances.
Badge avec lien interne ou externe
Bonnes pratiques communes
...
Garder une cohérence des couleurs entre différents éléments :
Exemple
Si dans la liste des écriture, j’utilise
un badge gris pour indiquer qu’il y a une seule ventilation analytique
un badge jaune pour indiquer qu’il y en a plusieurs
Si dans une autre vue, je dois représenter les ventilations analytiques, je garderai cette même logique.
...