Conceptions de tableaux de bord : Barres de navigation réactives

Nombreux sont ceux qui pensent qu'Excel est un environnement statique et qu'il n'est pas adapté à la création de rapports mobiles réactifs. Les utilisateurs de XLCubed en savent plus. Avec le Dashboard Designer de XLCubed, il est possible de créer des tableaux de bord qui sont non seulement interactifs et connectés aux données, mais aussi réactifs pour s'adapter à n'importe quel appareil.

Si vous êtes nouveau dans le monde des tableaux de bord XLCubed, lisez cet article pour savoir comment démarrer. Pour ceux qui ont déjà utilisé cette fonctionnalité, vous vous demandez peut-être comment concevoir des tableaux de bord qui soient à la fois conviviaux et affichent au mieux vos données.

L'utilisation d'une barre de navigation est une fonction souvent nécessaire du tableau de bord. Pour les petits appareils en particulier, il est difficile de tout représenter sur un seul écran, il est donc utile de disposer d'un système permettant aux utilisateurs de naviguer entre les pages. Avec XLCubed, les rapports sont conçus dans Excel qui comporte intrinsèquement des onglets. Aussi utile que cela puisse être, pour les rapports mobiles, ce n'est pas le plus intuitif. Les utilisateurs s'attendent à une navigation simple, clairement affichée en haut de la page.

Voici un exemple de tableau de bord qui utilise une barre de navigation réactive.

Vue de bureau :

Vue du téléphone :

Le tableau de bord utilise une fenêtre de page qui affiche une plage Excel avec la conception de la navigation. Chaque page a une fenêtre différente qui pointe sur une plage différente, de sorte que la page actuelle semble être mise en évidence.

La fenêtre de visualisation reste sensible à la taille de l'écran en utilisant l'option "scale to fit" avec "lock aspect ratio" et en réglant la couleur de fond de la fenêtre de visualisation pour qu'elle soit identique à la couleur de la barre de navigation. Cela signifie que si la largeur de l'écran est supérieure à la portée de la barre de navigation, la fenêtre d'affichage se colore dans l'espace restant, de sorte qu'elle semble toujours remplir l'écran.

Pour mieux s'adapter à une vue en portrait, le tableau de bord utilise un design différent optimisé pour un écran étroit. La cible "portrait téléphonique" cache alors la vue originale de la barre de navigation et affiche à la place une nouvelle vue qui affiche cette portée.

Pour un tutoriel étape par étape sur la façon de recréer ce design, lisez cet article.

EDITER : Vous pouvez trouver des bordures blanches inattendues dans la fenêtre de visualisation lorsque vous regardez dans Chrome ou Firefox. Vous pouvez y remédier en définissant la couleur de fond sur toute la feuille contenant la plage de la barre de navigation, plutôt que sur la plage elle-même.