Techniques de développement de rapports Web dans LuckyTemplates

Dans ce didacticiel, je vais vous montrer comment concevoir un rapport dans LuckyTemplates qui ressemble à une application de rapport basée sur le Web. Vous apprendrez à créer des expériences de navigation uniques dans vos rapports, à utiliser le nouveau générateur de thèmes de LuckyTemplates pour doubler votre vitesse de développement et à développer des modèles réutilisables pour adapter la création de rapports à vos équipes. Vous pouvez regarder la vidéo complète de ce tutoriel au bas de ce blog.

Récemment, LuckyTemplates a ajouté des fonctionnalités qui nous ont permis de créer des rapports très convaincants et des applications de création de rapports basées sur le Web. Je veux vous montrer comment vous pouvez prendre un ancien rapport ou même repartir de zéro et le rendre bien meilleur et bien plus interactif.

Ceux d'entre vous qui nous connaissent assez bien savent que nous avons l'approche des quatre piliers. Il s'agit de notre framework pour développer des rapports LuckyTemplates. Le premier pilier est le chargement et la transformation des données. Le deuxième pilier est la modélisation des données. Le troisième pilier est les calculs DAX, et le quatrième est les rapports et les visualisations. Aujourd'hui, nous sautons les trois premiers piliers et nous plongeons vraiment dans le pilier quatre.

Table des matières

• Comment créer un rapport Web dans LuckyTemplates
  • Thème de couleur de rapport
  • Navigation de page de rapport basée sur le Web
  • Info-bulles sur un rapport Web
• Plus de techniques et de conseils de visualisation pour un rapport basé sur le Web
• Conclusion

Comment créer un rapport Web dans LuckyTemplates

Dans cet exemple, j'ai créé un modèle simple en utilisant la technique de la cascade, où nous avons nos tables de recherche en haut descendant vers notre table de faits. Il s'agit d'un jeu de données simple. Nous avons une organisation qui vend des choses et une table de faits avec toutes les différentes transactions qui ont eu lieu au sein de l'entreprise.

Thème de couleur de rapport

La première chose qui, à mon avis, est absolument essentielle lors du développement de ces applications de création de rapports, c'est que vous devez avoir une bonne thématisation. Vous devez obtenir un thème de couleur homogène et cohérent dans vos rapports.

Vous avez peut-être déjà un thème qui correspond à votre organisation et c'est très bien. Peut-être que quelqu'un a créé un modèle pour vous. Mais si ce n'est pas le cas, je vais vous montrer comment vous pouvez créer quelque chose d'assez efficace dans LuckyTemplates en combinaison avec certains des outils que nous avons dans notre propre application appelée Analyst .

Dans le ruban Affichage , nous avons cette liste déroulante avec notre sélection de thèmes, et vous verrez que nous avons toute une gamme de thèmes prêts à l'emploi. Cependant, je pense que ce sont tous des thèmes de couleurs pas si convaincants, donc je n'en utilise vraiment aucun.

Vous devez vraiment faire ressortir vos couleurs et elles doivent vraiment bien fonctionner ensemble. J'avais l'habitude de changer individuellement les couleurs de chacun de ces différents éléments, mais maintenant je personnalise mon thème de couleur. Dans le ruban Affichage, faites simplement défiler vers le bas et vous verrez l' option Personnaliser le thème actuel . Cliquez dessus et vous obtiendrez cette fenêtre contextuelle.

Vous avez une tonne de façons de personnaliser votre thème ici. Vous pouvez modifier les couleurs générales du thème, mais vous pouvez également modifier les différents éléments, tels que vos titres, vos étiquettes de données, le texte, les visuels, etc. Vous pouvez également créer des couleurs pour le volet de filtre.

Il s'agit d'une excellente option pour créer des thèmes, mais une autre façon de le faire rapidement consiste à utiliser le hub des analystes, et c'est gratuit ! Tout le monde a accès à l'Analyst Hub. Notre objectif est de le garder beaucoup plus simple et plus facile à comprendre pour tous nos utilisateurs.

Dans l'Analyst Hub, nous avons un générateur de thème de couleur . Il existe plusieurs façons de créer votre thème de couleur ici. Personnellement, j'adore le Color Fan. Le problème avec les thèmes est que vous ne voulez pas trop compliquer les couleurs de votre rapport pour créer un thème homogène. Avoir une palette similaire, mais juste des nuances différentes, fonctionne très bien dans les conceptions de rapports.

Une fois que vous avez choisi votre thème de couleur, vous pouvez simplement copier la couleur et la coller dans votre rapport. Personnellement, j'aime avoir un fond plus sombre et des lettres blanches.

Ainsi, vous pouvez cliquer sur la couleur de votre choix, puis la copier-coller dans l'option Personnaliser les couleurs du thème dans LuckyTemplates.

Vous avez toute la flexibilité de personnalisation ici pour votre rapport en termes de thème, y compris le texte, les polices, les info-bulles, les en-têtes, etc. Et puis, dans votre rapport, vous pouvez faire plus d'ajustements comme les couleurs, la transparence, etc. J'aime aussi utiliser Format Painter, et vous pouvez également faire une sélection multiple pour accélérer les choses.

Maintenant que notre thème est configuré, passons à la navigation dans les pages.

Navigation de page de rapport basée sur le Web

Lors de la création d'un rapport, vous souhaitez permettre à l'utilisateur de naviguer dans votre rapport exactement comme vous le souhaitez. Ne vous contentez pas de tout vider sur une page, puis laissez l'utilisateur cliquer sur tous ces différents segments et pages. Vous voulez guider l'utilisateur à travers l'histoire que vous voulez lui raconter en utilisant des techniques de navigation qui peuvent vraiment permettre cela.

La première chose que je ferais serait d'ajouter des formes et des icônes . Je récupère généralement mes icônes sur un site Web appelé Flaticons . J'ai un abonnement et j'ai téléchargé certaines des icônes, qui sont très utiles lorsque je fais des rapports comme celui-ci.

Vous pouvez ensuite intégrer ces icônes dans le rapport. Vous pouvez les formater, changer la couleur, les redimensionner et les faire glisser à l'endroit où vous souhaitez les placer.

Ensuite, vous avez besoin d'un moyen de signifier sur quelle page vous vous trouvez réellement à un moment donné. Pour illustrer cela, je vais créer un autre rectangle ou simplement copier et coller celui que j'ai déjà créé. Je peux superposer les formes les unes sur les autres. Ensuite, je duplique simplement la page et mets des fonctionnalités similaires dans la page suivante et la page suivante, etc.

Personnellement, je ne veux pas que tous mes filtres soient jetés sur ma page. Je veux être beaucoup plus intelligent sur la façon dont j'utilise les filtres. Donc, je crée généralement une boîte de filtrage dynamique qui apparaîtra en fonction d'un clic. Pour ce faire, nous devons utiliser des signets et des sélections .

Je vais ajouter une icône, qui sera mon image de filtrage. Donc, quand quelqu'un clique dessus, je veux qu'une boîte apparaisse. Et puis, je veux que cette case me permette de filtrer par date, par exemple. Je vais commencer à construire cette boîte avant de faire quoi que ce soit d'autre. Je peux le personnaliser à ma guise.

Le volet de sélection nous donne une liste de tous les éléments de notre rapport. Nous pouvons également manipuler cela. Nous pouvons isoler certaines parties de notre rapport. Nous pouvons les montrer et les cacher.

Maintenant, je peux ajouter des trancheuses, des images ou tout autre visuel dans la boîte. Je peux également regrouper ces éléments, par exemple en tant que mon groupe de filtres. Ce faisant, je peux simplement sélectionner le groupe plutôt que de sélectionner les éléments individuellement.

Ensuite, je vais créer deux marque-pages. L'un est Afficher les filtres et l'autre Masquer les filtres. Tout ce que j'ai à faire à ce stade est de lier ces signets aux sélections de ces images. Pour ce faire, je vais cliquer sur l'image, puis aller sur Action sous le volet Formater l'image et l'activer. Je vais sélectionner Signets pour Type et Afficher les filtres pour Signet.

Je peux ensuite ajouter rapidement des éléments visuels et créer des informations pour le rapport.

Après cela, je vais dupliquer cette page en tant que Clients, Emplacements et Produits. Je m'assure également de masquer ces pages car je ne veux pas que mes utilisateurs voient ces pages en bas de notre rapport. Je veux qu'ils naviguent directement dans la barre de navigation que j'ai créée.

Pour intégrer la navigation dans la barre de navigation, sélectionnez simplement l'icône, puis accédez à Formater l'image et placez les actions en conséquence.

Maintenant, je vais apporter les modifications nécessaires pour chaque page que nous avons dupliquée. Par exemple, pour la page Clients, je vais changer le titre de la page en Analyse client. Je vais également ajuster l'icône des clients sur la barre de navigation et supprimer ou placer les visuels pertinents.

Info-bulles sur un rapport Web

Ce ne sont là que quelques-unes des techniques que vous pouvez utiliser dans LuckyTemplates. Les info-bulles sont une autre fonctionnalité intéressante que vous pouvez utiliser pour votre rapport Web . C'est une fonctionnalité incroyable. Vous pouvez le personnaliser pour l'aligner sur notre thème. L'utilisation des info-bulles est un excellent moyen pour les utilisateurs d'explorer efficacement et rapidement les détails du rapport.

Alors, créons une simple info-bulle. Pour ce faire, créez une nouvelle page et nommez-la. Pour cet exemple, nous l'appellerons Customer Tooltip. Je vais également le masquer car je ne souhaite pas afficher ces info-bulles sous forme de page dans le rapport. L'essentiel à noter ici est que vous devez activer Tooltip .

Vous pouvez également personnaliser vos info-bulles. Vous pouvez ajuster la taille et les couleurs et les rendre aussi fantaisistes que vous le souhaitez. Vous pouvez créer des tableaux et des graphiques, selon la façon dont vous souhaitez que les détails apparaissent lorsque vos utilisateurs explorent votre rapport.

Une fois que vous avez terminé de créer vos info-bulles, vous pouvez ensuite les intégrer dans les visuels de votre rapport. Cliquez simplement sur la visualisation, accédez au rouleau de peinture, puis cliquez sur l'info-bulle en bas.

Les possibilités de personnalisation sont étendues. Vous pouvez créer des info-bulles plus complexes et vous pouvez même créer une page dans une page si vous le souhaitez. Vous pouvez avoir un degré d'information beaucoup plus élevé et toute une gamme de visualisations différentes, le tout dans une seule info-bulle.

Plus de techniques et de conseils de visualisation pour un rapport basé sur le Web

Une autre chose que j'aimerais faire lorsque je crée un rapport Web est de créer une page d'accueil , où je peux définir de nombreux paramètres. J'aime avoir une page d'accueil qui est le point de navigation central, ce qui permet aux utilisateurs de naviguer facilement dans le reste de mon rapport.

Vous pouvez être créatif dans la construction de votre page d'accueil. Utilisez des icônes ou des images comme boutons pour rediriger vos utilisateurs vers différentes pages, puis vers votre page d'accueil.

En quelques minutes, vous pouvez créer un excellent rapport Web dans LuckyTemplates avec une superbe expérience de navigation et un look convaincant.

En termes de visualisation, les couleurs sont importantes . Assurez-vous de ne pas abuser des couleurs. Un autre conseil important pour la visualisation est de toujours penser en grilles autour de la façon dont vous concevez vos rapports et où vous placez vos visualisations.

Assurez-vous d'avoir une bonne navigation , en guidant l'utilisateur à travers l'histoire que vous voulez lui raconter. Sortez des sentiers battus et soyez plus créatif à ce sujet. Cependant, n'abusez pas de vos visuels . Vous pouvez utiliser d'autres fonctionnalités pour économiser de l'espace sur votre page. Utilisez la possibilité de masquer les filtres si vous le souhaitez. Utilisez la possibilité d'utiliser les info-bulles et l'accès au détail.

Si vous souhaitez obtenir plus d'idées sur les conceptions de rapports, rendez-vous sur notre et visitez notre . Vous trouverez ici certains des rapports LuckyTemplates les mieux conçus. Il n'y a rien de tel nulle part en ligne. Beaucoup de ces rapports ont été créés en interne par LuckyTemplates récemment. Beaucoup d'entre eux proviennent de notre communauté et de nos défis.

Conseils de conception LuckyTemplates : création de rapports de type application
Techniques de création de rapports LuckyTemplates : configuration de rapports de type application
Meilleurs exemples de rapports LuckyTemplates | Applications de rapport de Formule 1

Conclusion

Ce tutoriel était basé sur un récent sommet que nous avons eu à LuckyTemplates. Vous pouvez regarder la vidéo complète ci-dessous pour voir les détails de la façon dont j'ai créé ce rapport.

Dans ce didacticiel, nous avons abordé des éléments tels que les techniques de navigation dans les pages, les thèmes, les signets, les info-bulles, l'accès au détail, la création de pages d'accueil, etc. plus d'utilisateurs ou de développeurs au sein de votre organisation.

Certains utilisent PowerPoint et d'autres utilisent Canva, qui sont également d'excellents outils pour créer des arrière-plans et des looks attrayants pour vos rapports. Nous avons également des didacticiels disponibles autour de ces outils sur notre site Web .

Acclamations,