Les badges doivent permettre 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.
| Sommaire | ||
|---|---|---|
|
Les badges doivent permettrent permettre 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
exemplesExemples :
statut d’une intervention: planifiée, démarrée, …
origine d’une pièce commerciale: interne / externe
statut d’une tâche: à faire, en cours, …
Différents types de badge
Les types de badge ne doivent pas être mélangés dans un même champ.
Badge
...
feu
Le badge feu a des couleurs prédéfinis (vert, orange, rouge) > Mettre en évidence un danger, une interdiction, un niveau de criticité fort.
Badge classique
...
Ce badge permet d’utiliser toute la palette de couleur. Il peut être utilisé pour les usages en dehors du danger, interdiction ou criticité. Les couleurs utilisée utilisées doivent être consistantes au travers de toute l’application. On utilisera donc les nuances en fonction des sémantiques.
...
S’il y a beaucoup de différents états de statut, on pourra utiliser des dégradés de nuances. Exemple sur des statuts:
Exemples :
J’affiche les statuts d’une opportunité, d’une affaire
Badge avec lien interne ou externe
badge lien interne: permet de lié une fiche d’une entité liée à une autre entité.
exemple: intervention liée à une demande
...
Bonnes pratiques communes
Utilisation des couleurs
Dans l’application, nous avons voulu poussé des pratiques concernant les couleurs : bleu =
la palette de bleu est utilisée pour indiquer une information
la palette rouge / orange / vert
...
doit uniquement être utilisée pour indiquer un statut
...
, une criticité
De manière générale, garder une cohérence des couleurs entre différents éléments / entités :
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.
Affichage des badges au niveau de la fiche
Parfois le info retranscrite au niveau fiche une fois l'entité sélectionnée, un badge pourra apparaitre dans les infolines du header de l’entité.
Affichage des badges dans une vue liste
Dans une vue liste, on utilisera les badges pour représenter des statuts multiples sur une entité. On limitera le nombre de colonnes avec des badges pour hiérarchiser les informations sur plusieurs niveaux de lecture, pour ce faire certaines informations seront retranscrites sous forme de règles:
...
| Info |
|---|
Pour les règles par défaut dans une vue liste “tous” |
Au clic sur les badges
le Le clic sur les badges n’est pas une obligation, s’il y a clic on redirigera vers l’entité concernée par le badge.
...