Interfaces utilisateur de tableau de bord/panneau mural

Interfaces utilisateur de tableau de bord/panneau mural #

Le tableau de bord et wallboard ont des interfaces utilisateur similaires. Chacune prend en charge différentes vues qui peuvent être configurées pour afficher différentes statistiques/filtres en fonction des besoins de différents utilisateurs ou départements.

Affichage #

Chaque vue est une collection de tuiles qui peuvent être configurées pour afficher une gamme de statistiques. Vues multiples1 Peut être créé dans les zones du tableau de bord et du panneau mural de l'espace de travail.

Sélection #

Le sélecteur de vue permet de basculer rapidement entre les vues configurées :

Capture d'écran

Les utilisateurs peuvent passer d'une vue à l'autre selon leurs besoins.

Information Circle info
Lorsque vous changez de vue, l'initialisation des nouvelles informations de vignette et l'application de filtres peuvent prendre quelques secondes.

Paramètres #

Chaque vue dispose de paramètres qui contrôlent la taille/l'emplacement des tuiles de la vue et le choix de l'apparence par défaut des nouvelles tuiles. Ces paramètres diffèrent entre les vues Tableau de bord et Panneau mural.

Tableau de bord #

Options d'affichage

Le tableau de bord fournit une zone de travail où les utilisateurs peuvent dimensionner et positionner les vignettes selon leurs besoins. Le seul paramètre qui applique l'emplacement des tuiles contrôle si les tuiles s'ancrent au sommet de ce qui se trouve au-dessus d'elles ou si elles restent là où elles se trouvent.

  • Ancrage des tuiles en haut activé : si une tuile en haut de la vue est supprimée, les tuiles en dessous se déplaceront automatiquement vers le haut pour prendre sa place.
  • Désactiver l'ancrage des tuiles en haut : si une tuile en haut de la vue est supprimée, les tuiles en dessous resteront à leur emplacement actuel.

Par défaut = Activé

Palette de couleurs

Le tableau de bord utilise une combinaison de thèmes et de paramètres de mode sombre pour contrôler les couleurs des tuiles. Les thèmes peuvent être modifiés selon les besoins ou des couleurs personnalisées peuvent être utilisées pour remplacer les thèmes sur des tuiles individuelles. Par défaut, toute nouvelle tuile ajoutée à une vue utilisera une couleur du thème sélectionné.

Information Circle info
Si la palette de couleurs est modifiée sur une vue, la couleur de n'importe quelle tuile utilisant l'une des couleurs standard du thème sera automatiquement mise à jour.

Panneau mural #

Options de mise en page

Les options de disposition d'un Wallboard permettent un certain contrôle sur la disposition de la grille d'un mode d'affichage uniforme. Le tableau ci-dessous répertorie les différentes options de mise en page disponibles et fournit une description des fonctionnalités de chacune.

Options de mise en page Description
Dynamique Le nombre de lignes et de colonnes est géré automatiquement par le système. Au fur et à mesure que des tuiles sont ajoutées, le nombre de lignes/colonnes est mis à jour pour un meilleur ajustement.
Lignes fixes Le nombre de lignes de la vue sera fixé à la valeur spécifique. Au fur et à mesure que des tuiles sont ajoutées, le nombre de colonnes augmente de manière dynamique.
Colonnes fixes Le nombre de colonnes de la vue sera fixé à la valeur spécifique. Au fur et à mesure que des tuiles sont ajoutées, le nombre de lignes augmente de manière dynamique.

Mode couleur

Le mode couleur contrôle la façon dont les couleurs du texte et de l'arrière-plan sont automatiquement choisies pour les tuiles nouvellement créées. Les couleurs seront choisies au hasard pour s'adapter au mode de couleur configuré, ce qui permet d'accélérer la configuration des nouvelles vues. Le mode couleur affecte uniquement l'apparence par défaut des nouvelles tuiles ajoutées à une vue. Une fois ajoutée à une vue, l'apparence de la tuile peut être remplacée selon les besoins.

Mode couleur Description
Fond coloré Une nouvelle couleur d'arrière-plan est sélectionnée en fonction de l'emplacement de la vignette avec un texte blanc pour chaque nouvelle vignette.
Texte coloré, fond clair Une nouvelle couleur de texte est sélectionnée en fonction de l'emplacement de la vignette avec un arrière-plan blanc pour chaque nouvelle vignette.
Texte coloré, fond sombre Une nouvelle couleur de texte est sélectionnée en fonction de l'emplacement de la vignette avec un arrière-plan noir pour chaque nouvelle vignette.
Monochrome (léger) Un fond blanc et un texte noir sont sélectionnés pour chaque nouvelle tuile.
Monochrome (foncé) Un fond noir et un texte blanc sont sélectionnés pour chaque nouvelle tuile.

Le mode couleur ne s'applique pas aux tuiles d'images et de vidéos.

Information Circle info
La modification du mode de couleur n'affectera pas les tuiles existantes, mais uniquement les nouvelles tuiles ajoutées à une vue.

Vue plein écran #

Chaque vue propose un mode plein écran qui supprime le cadre du navigateur et les menus de l'application pour afficher la vue actuelle sur l'ensemble de l'écran.

Le mode plein écran peut être activé en cliquant sur l'icône la plus à droite dans le menu des options d'affichage :

Capture d'écran

Information Circle info
Le mode plein écran peut être désactivé en appuyant sur F11.

Clonage de vues #

Pour simplifier le processus de création de plusieurs vues, les vues existantes peuvent être clonées, puis modifiées pour éviter d'avoir à recréer des vues à partir de zéro.

Pour cloner une vue existante, procédez comme suit :

  • Chargez la vue source en la sélectionnant dans la liste déroulante de la vue
  • Ouvrez le formulaire de paramètres en sélectionnant l'icône en forme de roue dentée à droite de la liste déroulante de sélection de la vue
  • Fournir un nouveau nom à la vue
  • Sélectionnez « Enregistrer en tant que neuf » dans le bouton déroulant Enregistrer

Une nouvelle vue sera maintenant créée avec les paramètres de la vue source, mais avec le nouveau nom qui a été fourni. Cette vue peut ensuite être modifiée selon les besoins.


  1. Si la licence le permet. ↩︎