/
Tableau de bord et widgets

Tableau de bord et widgets

Le tableau de bord est un outil de suivi et de pilotage qui permet d’avoir une vision synthétique de l’activité de l’entreprise dans le CRM et l’ERP.

Il est utilisé :

  • par défaut sur la page d’accueil des produits divalto (CRM, ERP)

Slice 2.svg
  • En fonction des besoins, l’intégrateur peut paramétrer un tableau de bord sur les pages de type entité

image 3.svg

Le tableau de bord est un template de page composé de widgets.

Types de widget

Il existe différents type de widgets dont les spécificités sont explicitées dans les pages liées :

La liste des widgets disponibles et leurs capacités ne sont pas exhaustives.

Dans le cas où les capacités disponibles ne répondent pas totalement à vos besoins, il est possible de voir avec l’équipe UX et plateforme One, ce qu’il est possible de faire (mise à disposition d’un nouveau composant, évolution d’un composant existant).

FAQ

Quel titre pour mon widget ?

Le titre doit être clair et succinct pour que l’utilisateur comprenne facilement le propos du widget. Il peut mentionner des éléments de type :

  • nom / type d’entité
    exemple: si l’on parle de tiers avoir le type de tiers “client”

  • les filtres appliqués
    exemple: Nouveaux clients sur le mois courant, Client dans un rayon de…

  • la temporalité
    exemple: Nouveaux clients sur le mois courant

Bonnes pratiques :

  • Ne pas mentionner le type de widget (ex : “camembert”, “graphique”, “liste”). D’autres éléments l’indiqueront à l’utilisateur (pictogramme dans la bibliothèque de widget, pré-visualisation).

  • Ne pas utiliser d’abréviations hors les abréviations génériques de types : HT, TVA, OF, …)

  • Lorsque des abréviations sont utilisées :

    • les écrire en majuscules (TVA pas tva, OF pas of, etc.)

    • ne pas accorder les abréviations (exemples : OFs, BLs)

  • Eviter les titres trop longs (maximum 5/6 mots). Des précisions pourront être apportées à l’utilisateur dans la description (voir ci-dessous)

  • Le titre doit comprendre le nom/type de l’entité localisée
    exemple: si l’on parle de tiers avoir le type de tiers “client”

  • Le titre doit retranscrire les filtres appliqués
    exemple: Nouveaux clients sur le mois courant, Client dans un rayon de…

  • Si la temporalité joue un rôle, elle doit apparaitre
    exemple: Nouveaux clients sur le mois courant

Quelle description pour mon widget ?

La description du widget doit permettre à l’utilisateur de comprendre facilement et rapidement le contenu du widget. Elle peut par exemples donner des informations comme :

  • le détail du contenu (catégories qui le composent, filtres appliqués, …)

  • la période affichée,

  • la ou les unités,

Cette liste n’est pas exhaustive.

Pour rédiger la description, posez vous la question : Qu’est-ce que permet de visualiser / réaliser / observer le widget ?

Bonnes pratiques de rédaction :

  • Pertinence : le titre et la description doivent être complémentaires. Si la description répète le contenu du titre, alors il est préférable de simplifier le titre et s’assurer que la description apporte des informations complémentaires ou ne pas mettre de description.

  • Contenu :

    • En termes de contenu, éviter de donner des éléments d’interface. Exemple : si la case X est cochée

    • Ne pas mettre le type de widget dans la description. A travers l’iconographie proposée, l’utilisateur pourra avoir cette information

    • Ne pas indiquer le détail des clics possibles pour le widget. Exemple : dans un widget grille indiquant la liste des articles, il n’est pas nécessaire de préciser que l’on peut accéder à la fiche article.

  • Ton utilisé :

    • Utilisez des phrases nominales avec un ton direct de manière à aller directement au but : expliquer le contenu du widget. En début de description évitez donc d’utiliser des tournures de phrase telle que : “affiche…”, “présente…”

    • Eviter les répétitions dans les phrases.

    • Faire des phrases courtes et si besoin les ponctuer. Mettre des points en fin de phrase.

  • Taille : En termes de longueur, privilégiez une description qui ne dépasserait pas 100 caractères si c’est possible. Dans le catalogue au niveau 1, on affichera maximum 2 lignes de description. L’utilisateur pourra consulter la description complète au niveau inférieur dans la vue preview du widget.

Puis-je décliner un même widget sous différentes formes (liste, cartographie, métrique, etc.) ?

Oui c’est tout-à-fait possible. Cela peut offrir à l’utilisateur des niveaux d’information variés pour une même donnée et il pourra donc adapter en fonction de ses besoins. S’il existe des variantes de type du widget le titre de chacun d’eux doit être identique.

Quelle icône dans la bibliothèque de widget ?

Par défaut l’icône représente le type de widget. Pour conserver la consistance graphique dans les applications il est recommandé de ne pas modifier l’icône.

Dans quelle catégorie ranger mon widget dans la bibliothèque ?

Le catalogue permet de ranger les widget par catégorie afin de faciliter la recherche parmi tous les widgets disponibles dans le catalogue. Les catégories du catalogue sont basées sur les activités du menu de navigation. Des catégories particulières peuvent être créées si les catégories existantes ne sont pas suffisantes.

Chaque nouveau widget devra apparaitre dans un catalogue adapté.

Rubriques à éviter : autre / général / …

 

Quelle taille par défaut pour mon widget ?

Il faut définir une taille minimum pour les widgets afin de le rendre utilisable dès l’insertion sur le tableau de bord. Pour cela, être attentif aux éléments suivants :

  • vérifier le bon affichage des données et éviter d’avoir des données tronquées ou illisibles. Par exemples : légende, graphique, données, titre.

  • éviter à l’utilisateur de scroller si c’est possible

 

Dans quels cas dois-je utiliser une grille ou une liste view ?

 

Grille

Liste

 

Grille

Liste

Nombre d'éléments max

illimité

10 max

Nombre de champs max (pour chaque élément)

illimité

6 max

Primary link

✅obligatoire

✅ obligatoire

Scroll horizontal

Action “en voir plus”

Libellé du champ

Paginer les éléments

Trier les éléments (utilisateur final)

Filtrer les éléments (utilisateur final)

Afficher/masquer un champ (utilisateur final)

Redimensionner un champ (utilisateur final)

Groupements d'éléments

Agrégation de champs

 

Related content