La première question que l’on se pose lorsqu’on commence à réaliser un dashboard, c’est “Quelle taille va-t-il faire ?”. Parce que la réponse évidente est qu’on veut un dashboard de la taille de l’écran sur lequel il est consulté, mais la réalisation n’est pas si simple.
Sur Tableau, il y a 3 options :
- Taille fixe
- Automatique
- Plage
Les tips incontournables
Se renseigner sur le matériel utilisé par les consommateurs.Avant de choisir une option de dimensionnement, il faut comprendre comment le dashboard sera consulté.
- Les types d'appareils : ordinateurs de bureau, ordinateurs portables, tablettes, téléphones
- Les résolutions d'écran
- Les navigateurs utilisés et leurs spécificités d'affichage
- Les contextes d'utilisation : réunions en salle, consultation mobile, affichage mural
Les tailles standards.Déjà, définir une taille standard n’est pas facile, car il y a en fait une grande variété dans les tailles utilisées.
Généralement, celles qui reviennent sont :
- 1920x1080
- 1600x900
- 1400x850
- 1200x800
Les options
Taille fixe
Principe : Le dashboard conserve des dimensions fixes définies en pixels, indépendamment de la taille de l'écran.
Avantages :
- Contrôle total sur le placement des éléments
- Rendu prévisible et cohérent
- Idéal pour des affichages standardisés
Inconvénients :
- Peut créer des barres de défilement sur petits écrans
- Sous-utilisation de l'espace sur grands écrans
- Moins adapté aux utilisations de plusieurs appareils
Cas d'usage recommandés : Dashboards destinés à des écrans spécifiques (e.g. téléviseurs) ou quand la précision du placement est critique.
Automatique
Principe : Tableau ajuste automatiquement la taille du dashboard en fonction de l'écran, en maintenant les proportions. C’est le responsive.
Avantages :
- Simplicité de mise en œuvre
- Adaptation automatique aux différentes tailles d'écran
Inconvénients :
- Contrôle limité sur le rendu final
- Peut provoquer des réarrangements imprévus
- Peut créer des espaces vides non optimisés (il faut penser à fixer ou dé-fixer certains éléments)
- Textes parfois illisibles sur petits écrans
Cas d'usage recommandés : Dashboards simples avec peu d'éléments complexes, ou pour des prototypes rapides.
Plage
Principe : Définit des dimensions minimales et maximales, permettant au dashboard de s'adapter dans cette fourchette tout en gardant un contrôle sur les limites.
Avantages :
- Flexibilité optimale : s'adapte aux différentes tailles d'écran
- Contrôle des limites : évite les rendus extrêmes (trop petit/trop grand)
- Maintien de la lisibilité sur tous les appareils
- Optimisation de l'espace disponible sans déformation excessive
- Expérience utilisateur cohérente sur différents devices
Inconvénients :
- Configuration plus complexe
- Nécessite des tests sur différentes résolutions
- Peut tout de même ne pas être adapté à la totalité des écrans
Cas d'usage recommandés : La majorité des dashboards destinés à être consultés sur différents appareils.
Ma recommandation
Pourquoi choisir l'option "Plage" ?
Dans l'environnement actuel, où les utilisateurs consultent les dashboards sur une multitude d'appareils (téléphones, tablettes, ordinateurs portables, moniteurs 4K), l'option "Plage" représente le meilleur compromis entre flexibilité et contrôle.
Configuration recommandée :
- Largeur minimale : 800px (pour assurer la lisibilité sur tablettes)
- Largeur maximale : 1920px (pour éviter l'étalement excessif sur grands écrans)
- Hauteur : Adaptée au contenu avec des limites raisonnables
Bonnes pratiques avec l'option Plage- Utilisez des conteneurs flexibles pour optimiser l'espace
- Bloquez les éléments stratégiques comme la barre de navigation ou les boutons pour qu’elle soit toujours lisible, mais ne prenne jamais trop de place
- Surveillez la densité d'information pour maintenir la lisibilité
Le petit +
Cet article couvre les layouts pour ordinateur, mais il est bon de rappeler qu’il est possible d’ajouter des configurations dédiées au mobile (ou tablette) qui permette de s’assurer d’un bon affichage quand on consulte son rapport sur ces appareils !
L’auteure : Eva Despesse
BI Engineer chez UnNest, Eva est en charge des sujets de modélisation de la donnée et du dashboarding, notamment sur Tableau et Power BI.
Ayant commencé dans une start-up, j’ai pu toucher aux flux de données de bout en bout. J’apprécie particulièrement faire les modélisations en bout de chaine avec le dashboarding pour suivre toute la chaine de transformation de données en information.
✉️ Me contacter : eva.despesse@unnest.co