Boutons de navigation LuckyTemplates

Le plus souvent, les icônes sont également utilisées avec les boutons de navigation LuckyTemplates lors de la création de rapports LuckyTemplates. Si vous voyez une icône d'accueil, cliquez dessus pour revenir à la page d'accueil.

Une icône d'information vous donnera plus de contexte sur un graphique ou une page spécifique. Une icône LinkedIn ou Twitter vous dirigera vers le compte du créateur.

Nous voulons utiliser des icônes faciles à identifier, mais cela ne suffit pas, c'est pourquoi nous devons toujours fournir à nos utilisateurs un contexte supplémentaire .

Du point de vue de l'histoire des données, nous devons contrôler l'expérience utilisateur.

En tant que concepteur, nous sommes responsables de ce qu'il faut montrer à l'utilisateur, quand le montrer à l'utilisateur, anticiper les questions, fournir des interactions et une navigation claires et fournir un contexte supplémentaire.

Nous devons toujours avoir un objectif pour notre rapport, comme conduire le changement, fournir des recommandations, etc. Si nous utilisons des icônes avec des interactions spécifiques ou des boutons de navigation LuckyTemplates et que l'utilisateur ne les voit pas ou ne les comprend pas, notre histoire est perdue.

L'utilisateur final ne verra pas une partie de votre analyse qui mène à une conclusion spécifique. Encore une fois, le contexte est extrêmement important. Vous ne voulez jamais ajouter une icône juste pour l'ajouter à l'écran.

Vous le voulez dans un but précis et si ce but n'est pas clair pour l'utilisateur final, assurez-vous d'ajouter du contexte.

Lorsque vous utilisez une icône d'accueil comme bouton, dites à vos utilisateurs de cliquer dessus pour revenir à la page de destination. S'il s'agit d'un bouton d'information, indiquez à vos utilisateurs de survoler les informations de description du tableau de bord.

Si vous utilisez un bouton d'icône Twitter ou LinkedIn, ajoutez également cette description. Gardons à l'esprit que nous devons fournir un contexte pour les zones qui nécessitent une interaction de l'utilisateur.

Table des matières

• Rapports LuckyTemplates avec boutons de navigation
• Utilisation des info-bulles dans les rapports LuckyTemplates
• Boutons de navigation LuckyTemplates dirigés vers des sites Web
• Ajout d'icônes à côté des KPI
• Ajouter des bandes en tant que KPI
• Conclusion

Rapports LuckyTemplates avec boutons de navigation

Passons maintenant à LuckyTemplates et voyons quelques exemples concrets.

Pour ce rapport, j'ai placé les icônes près des boutons de navigation. Je les ai associés selon le principe de similarité pour le style de l'objet et de proximité entre les boutons.

La position sur la page, l'espace négatif et la couleur du contour du premier élément attirent l'attention et indiquent qu'il s'agit de boutons de navigation LuckyTemplates.

Il n'y a pas d'étiquette à l'intérieur ou à proximité du bouton pour servir d'identifiant ; par conséquent, placer un contexte supplémentaire sera utile aux utilisateurs afin qu'ils sachent vers quelle page ils seront dirigés .

Utilisation des info-bulles dans les rapports LuckyTemplates

Les informations affichées dans une info-bulle lorsque vous survolez le bouton sont une bonne fonctionnalité lors de la création de rapports.

Si vous n'utilisez pas cette fonctionnalité, n'oubliez pas de désactiver cette option car elle donne un aspect brut aux rapports lors de la publication sur le service.

Pour illustrer à quel point il est facile de garder les info-bulles activées et désactivées, ajoutons un bouton vide à la page.

Sous le bouton Action , l'option Pas d'infobulles n'est pas active par défaut.

Cela signifie que lorsque vous passez la souris sur ce bouton, vous verrez le message " CTRL + cliquez ici pour aller à la page précédente de ce rapport ", ce qui n'est pas agréable.

Par conséquent, nous devons l'activer pour disparaître. Mon conseil est de garder les info-bulles activées si vous les utilisez ; sinon, désactivez-les simplement.

Boutons de navigation LuckyTemplates dirigés vers des sites Web

Une autre façon d'utiliser les icônes consiste à diriger les utilisateurs vers des pages de site spécifiques. Par exemple, cliquer sur le logo de l'entreprise mènera directement au site Web.

Dans ce rapport, j'ai le logo JIRA et j'ai aussi ce bouton invisible avec l'info-bulle activée. Désactivons-le simplement pour mieux paraître.

Si je clique sur le bouton du logo JIRA, je serai dirigé vers le site Web de l'entreprise, qui dans ce cas est .

Cependant, la plupart des utilisateurs ne sauront pas que cette interaction existe. Pire encore, ils pourraient s'attendre à ce qu'il fonctionne comme un bouton d'accueil. Il est très courant que sur les sites Web, lorsque vous cliquez sur le logo, vous soyez dirigé vers la page de destination.

N'oublions pas la perception de l'utilisateur. L'utilisateur peut être habitué à ce type de navigation à partir d'autres sites Web et le meilleur moyen est d'avoir une info-bulle indiquant : "Connectons-nous ou allons sur le site Web".

Ajout d'icônes à côté des KPI

Passons à un autre exemple. 

Selon le principe de proximité et de similarité, vous pouvez également utiliser des icônes à côté des KPI qui peuvent être associées aux boutons en gardant un style similaire entre eux. De plus, les étiquettes des KPI sont les identifiants des icônes, il n'y a donc pas besoin de contexte supplémentaire.

Ajouter des bandes en tant que KPI

Les KPI sont également connus sous le nom de bandes. Dans ce cas, le type de bandes que nous voyons sont les principales mesures qui fournissent d'excellentes informations pour suivre l'activité. Nous avons le délai de livraison moyen , les matériaux , le bon de commande , les tonnes non commandées et les clients .

Cependant, ces chiffres sont-ils bons ou mauvais ? Et s'ils sont mauvais, les chiffres sont-ils mauvais pour un mois spécifique, ou y a-t-il une mauvaise dynamique ? La tendance est-elle à la hausse ou à la baisse ? Pourquoi devrais-je m'en soucier ?

En regardant ce rapport depuis le début, j'ai remarqué qu'en tant qu'utilisateur final, j'avais besoin de travailler, d'explorer et de découvrir par moi-même l'information ou le message que le designer voulait créer.

Lorsque je survole du premier KPI au troisième KPI, il n'y a aucune information supplémentaire. Mais sur le quatrième KPI, nous trouvons des informations très intéressantes qui montrent le total des PO sur-livrés .

Ensuite, lorsque nous allons dans Clients , nous pouvons voir la Marge par client , ce qui est très important.

De plus, nous pouvons voir que 80% de la marge totale provient de seulement 11 matériaux. Ces informations sont excellentes.

Dans ce didacticiel , j'ai expliqué comment les utilisateurs scannent l'écran selon un motif en Z de gauche à droite et de haut en bas.

Mes deux KPI principaux sont situés dans la partie inférieure de l'écran. C'est un mauvais choix de conception car ce sont les deux seuls KPI créés avec des informations supplémentaires.

Laissez-moi me mettre à la place du public. Si je voulais explorer les données par moi-même, pourquoi devrais-je demander à un développeur LuckyTemplates de créer le rapport ?

C'est drôle parce que c'est moi qui ai créé ce rapport. C'est l'une de mes premières soumissions pour organisé par LuckyTemplates l'année dernière.

Je critique mes propres premiers travaux. Dans notre cheminement pour améliorer nos rapports, nous commettons tous des erreurs et en apprenons .

Ajouter des icônes à côté du KPI est cool car cela donne un aspect professionnel, mais ce n'est pas suffisant pour créer un KPI. Lorsque vous créez un KPI, la première chose que vous devez vous demander est « et alors ?

Vous pouvez ajouter une référence, faire une comparaison avec un budget des prévisions de l'année dernière ou montrer depuis combien de temps il a été bon ou mauvais en ajoutant une tendance.

Si c'est vraiment mauvais, anticipez les questions de l'utilisateur final . Par exemple, si l'un des KPI a attiré l'attention d'un utilisateur, il devra alors creuser dans les détails. Vous pouvez ajouter un contexte supplémentaire ou effectuer un zoom avant pour fournir plus de détails à l'utilisateur .

Une fois que l'utilisateur dispose d'informations détaillées, que doit-il faire ? C'est là que l'utilisateur doit être au moment où vous présenterez vos recommandations pour un plan d'action.

Icônes personnalisées LuckyTemplates | Technique de visualisation PBI
Développement de rapports LuckyTemplates : Création de thèmes, de logos d'entreprise, d'icônes et d'arrière-plans
Comment ajouter des icônes LuckyTemplates personnalisées dans vos rapports

Conclusion

J'espère qu'à travers ces exemples vous comprendrez une leçon importante concernant les boutons de navigation dans le storytelling.

Poser les bonnes questions concernant les KPI et placer un contexte supplémentaire sur les boutons de navigation aide la narration à devenir plus puissante.

En tant que concepteur, gardez toujours à l'esprit que nous ne créons pas seulement des rapports ; nous avons un réel impact.

Tous mes vœux,