Navigation dans les pages dans LuckyTemplates avec des icônes

Aujourd'hui, je voudrais vous montrer comment utiliser la navigation de page dans LuckyTemplates en utilisant des icônes de manière créative pour enrichir votre histoire et la révéler uniquement lorsque cela est nécessaire.

De plus, vous apprendrez à créer une expérience de navigation puissante à partir d'une icône en créant un workflow utilisateur pour vos rapports LuckyTemplates .

Nous créerons un environnement d'intégration pour les utilisateurs finaux directement dans LuckyTemplates.

Pour commencer, attirons notre attention sur l'exemple que j'ai créé pour ma soumission . J'ai passé pas mal de temps à atteindre la perfection pour ce KPI et même s'il semble simple, en réalité, il est plein de surprises.

Dans cet exemple, nous avons une page de navigation dans LuckyTemplates avec des icônes représentant les coûts , les ventes , le transport et la marge . Nous avons également une ligne rouge séparant la marge des autres dimensions. Le nombre dans la ligne n'est pas une carte, mais un bouton.

Table des matières

• Utiliser une icône de panneau d'avertissement
• Construire l'icône LuckyTemplates
• Conclusion

Utiliser une icône de panneau d'avertissement

Nous avons ce panneau d'avertissement ou cette icône de carte d'avertissement. Elle est dynamique car elle disparaît si la marge est positive.

Choisissons Account Manager 10 . Notez que l'icône d'avertissement a disparu.

À ce stade, vous vous demandez peut-être pourquoi j'ai créé une icône dynamique pour montrer que la marge est négative alors que la ligne rouge montre déjà exactement la même chose.

La réponse à cela est de fournir des informations supplémentaires. Une carte a l'avantage d'avoir une info-bulle, ce qui signifie que lorsque la marge est négative, nous avons la possibilité d'avoir un aperçu supplémentaire. Il s'agit d'une technique particulière de narration appelée divulgation progressive .

Pour présenter cette fonctionnalité, passez votre souris sur l'icône de la carte d'avertissement pour afficher des informations supplémentaires. Ceci est important car en tant qu'utilisateur final, je ne serai intéressé par des informations supplémentaires que lorsque la marge est négative.

La divulgation progressive est un modèle de conception d'interaction qui séquence les informations et les actions sur plusieurs écrans et un flux étape par étape. Le but est de réduire les risques que les utilisateurs se sentent dépassés par ce qu'ils rencontrent.

En divulguant progressivement les informations, les concepteurs d'interaction ne révèlent que l'essentiel et aident les utilisateurs à gérer la complexité des sites Web ou des applications riches.

C'est une technique que vous pouvez utiliser pour garder votre conception simple et vos informations faciles à digérer. Vous permettrez à l'utilisateur final de naviguer facilement et de trouver les informations qu'il souhaite. L'utilisateur aura une expérience convaincante grâce à la navigation de page dans LuckyTemplates.

Construire l'icône LuckyTemplates

Pour le construire à partir de zéro, insérez un bouton vide dans l'écran.

Désactivez toutes les fonctionnalités à l'exception de Title .

Accédez au texte du titre , choisissez Valeur du champ , choisissez Formater la marge , puis cliquez sur OK .

Après cela, augmentons la taille du KPI à 20 et changeons la couleur en gris.

Pour la mesure, j'ai utilisé Format Margin et l'ai arrangé afin d'obtenir la sortie que j'ai créée.

Ensuite, allez dans Remplir et activez-le. Ensuite, sélectionnez la valeur du champ et basez-la sur une autre mesure appelée Couleurs des KPI terminés , puis cliquez sur OK .

Allons dans le volet Visualisations puis sélectionnons l' icône Carte .

C'est la formule que j'ai créée pour Warning Card . Cela signifie que si la marge n'a pas de valeur, alors je veux une valeur vide.

J'ai également utilisé une instruction SWITCH TRUE qui dit que si la valeur est supérieure ou égale à 20000, alors c'est Great . S'il est supérieur à zéro et inférieur à 20 000, alors c'est Good , et s'il est inférieur à zéro, c'est Bad .

Lorsque la valeur est Bad , je veux avoir cette icône ; sinon, je ne veux aucune icône.

La prochaine chose à faire est de faire glisser l'icône et de désactiver les différentes options.

Pour réduire la taille et la couleur de l'icône, accédez à l' étiquette Données , puis réglez-la sur 20 et changez la couleur en jaune.

Dans ce cas, nous pouvons déplacer l'icône d'avertissement à côté des chiffres et activer l'info-bulle en choisissant la page où j'ai créé le KPI.

Enfin, nous pouvons maintenant voir les informations pour notre KPI. Nous pouvons certainement inclure des contextes supplémentaires à ce sujet, tels qu'un résumé des coûts, des ventes et du transport.

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

Comprendre les meilleures pratiques pour créer des icônes et comment vous pouvez les utiliser à l'avantage de votre histoire peut apporter une amélioration significative à vos rapports LuckyTemplates.

Dans cet esprit, vous pouvez aller plus loin en utilisant les icônes de manière créative et en offrant une expérience de navigation puissante à vos utilisateurs finaux.

J'espère que vous pourrez appliquer ces techniques à votre propre travail de développement et à vos scénarios organisationnels.

Tous mes vœux,