Dans l'univers de la visualisation de données, Power BI s'impose comme un outil incontournable pour créer des tableaux de bord interactifs et dynamiques. Mais aujourd'hui, un élément de plus en plus demandé par les utilisateurs est la possibilité de basculer entre un mode clair et un mode sombre, aussi appelé dark mode Power BI. Dans cet article, je vous explique comment j'ai conçu un tableau de bord de gestion de stock intégrant un switch entre ces deux modes, pour offrir une expérience utilisateur optimale et adaptée à différentes conditions de luminosité.

Pourquoi intégrer un Dark Mode dans vos rapports Power BI ?

Le dark mode Power BI n'est pas simplement une tendance esthétique. Il répond à plusieurs besoins importants :

• Réduction de la fatigue visuelle : Travailler longtemps sur des écrans lumineux peut fatiguer les yeux. Un mode sombre atténue cette fatigue, surtout dans des environnements peu éclairés.
• Amélioration de la lisibilité : Certains utilisateurs trouvent que le contraste élevé du mode sombre améliore la lecture et la compréhension des données.
• Modernisation de l'interface : Le dark mode donne un aspect plus contemporain et professionnel aux tableaux de bord.
• Personnalisation : Offrir aux utilisateurs la possibilité de choisir leur thème favori améliore leur engagement et leur satisfaction.

Ces avantages expliquent pourquoi de nombreuses entreprises et professionnels cherchent à implémenter un switch entre mode clair et mode sombre dans Power BI.

Contexte du projet : un tableau de bord de gestion de stock

Pour illustrer la mise en place du dark mode Power BI, j'ai travaillé sur un tableau de bord de gestion de stock. Ce type de rapport est très utile pour suivre les niveaux de stock, les entrées et sorties, ainsi que les performances des produits. Il est donc crucial que ce tableau soit à la fois clair et agréable à consulter, quelle que soit l'heure ou la luminosité ambiante.

Le défi principal était de créer un switch permettant de basculer instantanément entre un thème clair et un thème sombre, sans perdre en lisibilité ni en esthétique. Voici comment j'ai procédé.

Étape 1 : Préparer les thèmes clair et sombre

La première étape consiste à définir précisément les couleurs qui composeront les deux thèmes :

• Thème clair : fonds blancs ou très clairs, textes noirs ou gris foncé, couleurs vives pour les éléments de mise en valeur.
• Thème sombre : fonds noirs ou gris très foncés, textes blancs ou gris clair, couleurs plus douces ou néons pour les accents.

Dans Power BI, les thèmes peuvent être créés via un fichier JSON ou directement dans les paramètres de couleurs. Pour ce projet, j'ai préféré un contrôle granulaire en utilisant des variables et des mesures DAX afin de rendre le switch plus fluide et dynamique.

Étape 2 : Créer un switch visuel avec un slicer

Pour permettre à l'utilisateur de choisir entre le mode clair et le mode sombre, j'ai ajouté un slicer simple avec deux options :

1. Light Mode
2. Dark Mode

Cette sélection pilote ensuite des mesures DAX qui changent les couleurs des éléments du tableau de bord en fonction du mode choisi.

Exemple de mesure DAX pour choisir la couleur du fond

Voici un exemple simplifié d'une mesure qui retourne la couleur du fond selon le choix de l'utilisateur :

BackgroundColor = IF(SELECTEDVALUE(ThemeSwitch[Mode]) = "Dark Mode", "#121212", "#FFFFFF")

Cette mesure est ensuite utilisée dans les propriétés de formatage conditionnel des visuels pour changer dynamiquement leur apparence.

Étape 3 : Appliquer les couleurs dynamiques aux visuels

Le cœur du dark mode Power BI réside dans l'application des couleurs aux différents éléments du rapport :

• Arrière-plan du rapport et des pages
• Couleur des textes et titres
• Couleur des barres, lignes et autres graphiques
• Couleur des boutons et filtres

Grâce aux mesures DAX créées, j'ai pu paramétrer ces éléments pour qu'ils changent de couleur automatiquement selon la sélection dans le slicer. Cela garantit un basculement fluide et cohérent entre les deux modes.

Conseils pour le choix des couleurs

Pour éviter les erreurs de contraste ou de lisibilité, il est important de :

• Tester les couleurs sur différents écrans
• Utiliser des outils de vérification de contraste (comme WebAIM)
• Privilégier des couleurs neutres pour les fonds et des couleurs vives pour les éléments clés
• Veiller à ce que les textes soient toujours bien visibles

Étape 4 : Optimiser l'expérience utilisateur

Un switch dark/light mode n'est pas seulement une question d'esthétique. Il faut penser à l'expérience utilisateur globale :

• Positionner le slicer de manière visible : pour que l'utilisateur puisse facilement changer de mode.
• Ajouter des indications : un petit texte ou icône pour expliquer la fonction du switch.
• Tester la performance : s'assurer que le changement de thème ne ralentit pas le rapport.
• Prévoir un thème par défaut : en fonction des préférences générales ou de l'heure de la journée.

Bonus : Récupérer les données pour s'exercer

Pour ceux qui souhaitent reproduire cet exercice à la maison, je mets à disposition les données utilisées pour ce tableau de bord de gestion de stock. Vous pouvez les télécharger gratuitement via ce lien :

https://www.formationpowerbi.fr/ressources-yt

Ces données vous permettront de vous entraîner à créer votre propre dark mode Power BI et à expérimenter différentes approches.

Conclusion : Le dark mode, une valeur ajoutée incontournable

Intégrer un switch entre mode clair et mode sombre dans vos rapports Power BI est un excellent moyen d'améliorer l'ergonomie, l'esthétique et la satisfaction des utilisateurs. Grâce à l'utilisation de mesures DAX et d'un slicer bien pensé, vous pouvez facilement offrir cette fonctionnalité dans vos projets, même si vous débutez.

Le dark mode Power BI n'est plus une option facultative mais une véritable valeur ajoutée qui répond aux attentes modernes des utilisateurs. Je vous encourage vivement à l'intégrer dans vos prochains tableaux de bord pour rendre vos rapports plus professionnels et agréables à consulter.

🔎 Découvrez nos autres articles sur Power BI.

📧 Ne manquez pas nos actualités avec notre newsletter.

👀 Par ici pour découvrir nos formations Power BI.