Storytelling et conception basés sur les données en action

Pour l'article de blog d'aujourd'hui, je veux parler de la narration basée sur les données et de la conception en action. J'étais l'un des orateurs du récent sommet Data Visualization 2022 présenté par LuckyTemplates en mai dernier.

Pour mon sujet, je voulais trouver quelque chose d'assez intéressant pour les personnes qui ont suivi sur la plateforme d'apprentissage de LuckyTemplates, mais en même temps créer quelque chose de précieux pour les personnes qui ne se sont pas inscrites à mon cours ou qui ne sont pas membres de LuckyTemplates.

Alors, comment ai-je trouvé l'histoire que je voulais raconter pour ma session ? Eh bien, je l'ai regardé du point de vue du public, des conférenciers et des organisateurs . Je pensais que ce serait vraiment cool si je pouvais avoir plus d'informations sur ce sommet. J'avais besoin d'en savoir plus sur les autres personnes qui présentaient et de trouver un moyen de suivre.

C'est comme ça que j'ai trouvé l'histoire. Je voulais créer quelque chose où je peux présenter le sommet du point de vue du public, du conférencier et de l'organisateur.

Table des matières

• Besoins de l'entreprise avant, pendant et après le sommet
  • Avant le sommet
  • Pendant le sommet
  • Après le sommet
• Construire un écosystème
• Nos tableaux de dimensions : ID utilisateur et ID de haut-parleur
• Construire une application pour le sommet EDNA
• Hiérarchie de la mise en page : rendre votre navigation facile à utiliser
• Trois parties de l'application
• Meilleures pratiques de conception
  • Limitez le nombre de clics
  • Suivez la loi de Jakob et la loi de Pareto
  • Utiliser les légendes
  • Afficher une conception d'état actif
  • Fournir des états de survol
  • Utilisez des étiquettes compréhensibles
  • Garantir des couleurs/étiquettes accessibles
  • Anticiper le comportement des utilisateurs
  • Exécuter des tests d'utilisabilité
• Conclusion

Besoins de l'entreprise avant, pendant et après le sommet

Si vous êtes un conférencier, vous souhaitez connaître les commentaires du public. Si vous êtes les organisateurs de l'événement, vous voulez savoir combien de personnes viennent au sommet et quelles présentations sont les plus précieuses pour eux.

Il y a beaucoup de valeur que nous pouvons tirer des commentaires. Plus l'organisateur saura ce que veut le public, plus le public obtiendra du sommet. Pour moi, c'était le thème parfait à aborder et à présenter aujourd'hui.

J'ai résumé les besoins des participants et les besoins des organisateurs, et j'ai également pris note des différents moments dont un public aura besoin pour le sommet.

J'ai pensé qu'il serait très précieux pour un public d'avoir une application ou un rapport qui sera utilisé à trois moments différents : avant le sommet , pendant le sommet et après le sommet .

Avant le sommet

Avant le sommet, il est très important que le public ait des informations sur les intervenants et les sessions. Vous devez savoir quand il sera présenté et par qui il sera présenté. Vous souhaitez également trouver plus d'informations sur l'orateur. Le calendrier est également très important. Vous voulez savoir quand les sessions auront lieu dans votre heure locale.

Pendant le sommet

Ensuite, vous devez préparer et planifier votre agenda. Cela signifie que pendant le sommet, vous vérifierez toutes les sessions et verrez celles auxquelles vous souhaitez participer.

Vous aurez envie de donner des commentaires tout de suite après chaque session, et de donner des recommandations pour les prochaines sessions. Vous pouvez également choisir de vous connecter avec le conférencier sur LinkedIn ou Twitter.

Après le sommet

Après le sommet, vous voudrez fournir une rétroaction générale sur le sommet complet et dire aux organisateurs si vos attentes ont été satisfaites ou non. Et si ce n'est pas le cas, vous voudrez leur faire savoir pourquoi ils n'ont pas été rencontrés. Vous pouvez également proposer des idées pour leurs futurs sommets.

Du point de vue des organisateurs, vous êtes intéressé par les commentaires généraux après le sommet et les recommandations pour les sujets futurs. Vous souhaitez identifier de nouveaux intervenants et calculer l'impact du sommet sur les participants.

Vous voudrez probablement créer un rapport qui peut être partagé avec vos équipes, et sur la base des données du rapport, vous pouvez avoir des discussions sur la façon d'organiser un événement meilleur que celui qui vient de se terminer.

Nous devons créer quelque chose qui puisse répondre à ces besoins pendant le sommet. Ce dont vous avez besoin, c'est d'avoir quelque chose sur mobile et quelque chose qui soit facile d'accès pour que les participants puissent trouver immédiatement le lien vers la session.

En fonction de ces besoins, comment pouvez-vous créer l'histoire ? Nous ne parlons pas seulement d'un rapport LuckyTemplates ou d'un rapport Power Apps. On parle d'un écosystème. Ces écosystèmes ont des besoins différents à des moments différents, mais ils sont également liés. C'est l'histoire que je veux raconter aujourd'hui.

Construire un écosystème

Premièrement, nous devons planifier. Nous devons savoir exactement ce que nous voulons créer et le créer de manière à ce qu'il puisse être exploité par d'autres choses.

Donc, afin de répondre aux besoins dont j'ai parlé plus tôt, nous devons créer une application Power Apps qui deviendra un point d'entrée de données qui aidera les participants au sommet et leur donnera une voix.

Nos tableaux de dimensions : ID utilisateur et ID de haut-parleur

Sur la base de cette application, nous créerons des rapports pour visualiser les données de rétroaction du sommet. Cela signifie que le rapport LuckyTemplates devra se connecter aux données créées par l'application.

C'est là que vous pouvez avoir un grand impact en tant que concepteur : vous devez créer l'application de manière à ce que les données soient structurées et facilitent la création du rapport dans LuckyTemplates.

Nous commençons au milieu et pensons aux données qui seront générées par l'application. Nous devrons créer un modèle de données simple et créer une application pour répondre aux besoins spécifiques identifiés. Nous ne parlons pas de créer un rapport ; nous parlons d'un écosystème complet.

J'ai écrit mes idées dans un fichier Excel et j'ai commencé à mettre mes idées en pratique. J'ai créé différents onglets et différentes tables qui doivent être utilisés par les Power Apps.

Pour créer une application en utilisant avant, pendant et après, j'ai besoin de l'historique des utilisateurs. J'ai donc créé une table pour l' ID utilisateur et commencé avec l'ID utilisateur, le nom d'utilisateur, le mot de passe, l'âge, le pays et le niveau d'expérience LuckyTemplates.

Bien sûr, j'ai également besoin d'un autre tableau pour le Speaker ID avec les informations des intervenants, leur titre, sujet, jour, heure, photo, lien YouTube, adresse LinkedIn et identifiants LuckyTemplates.

Je ne voulais pas demander aux gens leur âge exact car ce n'est pas le plus important dans cette application et aussi pour garder la confidentialité de leurs informations.

Au lieu de cela, j'ai demandé une tranche d'âge pour avoir une idée de l'âge des participants à ces sessions.

L' ID utilisateur et l'ID de haut-parleur sont les dimensions dont j'aurai besoin ultérieurement dans LuckyTemplates. J'ai également besoin d'une table de faits où je connecterai l'ID utilisateur à l'ID de l'orateur pour créer mes pages de planification et de commentaires sur les sessions.

Ce qui est bien avec ce fichier, c'est que j'ai de vraies données. J'ai tous les orateurs pour le sommet dans le bon ordre, avec les bons sujets et la bonne description.

C'est juste pour montrer un prototype de ce à quoi ressemblerait une application comme celle-ci pour LuckyTemplates. C'est pourquoi j'ai voulu aller le plus loin possible.

Nous avons ici le Planning , qui est la table de faits dans LuckyTemplates où je peux créer des relations et avoir des informations sur l'ID utilisateur et l'ID de haut-parleur.

Ensuite, nous avons le Speaker Feedback , qui est le deuxième tableau de faits avec l'ID utilisateur, l'ID de l'orateur, la note de la session, les commentaires que la personne donnera à la session, les utilisateurs regardant cette session en direct ou non, et le données qu'ils consultent.

C'est quelque chose que vous pouvez facilement gérer dans LuckyTemplates en n'ayant qu'une seule grande table de faits.

Il est assez facile d'imaginer le modèle de données dans LuckyTemplates lorsque vous disposez des dimensions et de la table de faits.

La page de commentaires est la rétroaction générale du sommet où il n'y a pas de relation entre l'ID utilisateur et l'ID intervenant.

Nous avons ici des informations telles que l'expérience globale du sommet, la partie préférée du sommet, des suggestions d'amélioration, la possibilité de revenir et bien d'autres.

Et puis la dernière chose est le fuseau horaire du pays. Si vous allez sur la page du sommet LuckyTemplates, vous verrez des informations sur les horaires des sessions à Los Angeles, New York, Londres, Sydney et Oakland.

J'ai voulu aller plus loin en calculant l'heure exacte d'une séance à votre heure locale en me connectant à l'application.

Il s'agit de la structure des applications que je voulais créer, qui peut être exploitée dans les rapports LuckyTemplates et Power Apps.

Je dois également m'assurer que nous n'aurons pas de doublons. À ce stade, la qualité des données est importante.

Si vous n'avez pas la qualité des données dans la source de données, vous rencontrerez des problèmes dans les visualisations ultérieurement.

Construire une application pour le sommet EDNA

C'est l'application globale. Je vais vous montrer chaque page, son fonctionnement et son fonctionnement dynamique. Je montrerai également les astuces de conception intéressantes que j'ai ajoutées dans l'application.

J'ai commencé avec une page d'accueil . Comme vous pouvez le voir, j'ai suivi la même structure, le même thème et les mêmes couleurs que LuckyTemplates.

Cet écran temporaire est la première expérience. Lorsque vous vous connectez à cette application, vous l'aurez pendant quelques secondes, puis elle se transformera en une page de connexion.

Pour l'expérience de connexion, vous devez saisir le nom d'utilisateur et le mot de passe, ou créer un compte. Lorsque vous créez un compte et que vous vous inscrivez, ces informations seront ajoutées aux données de notre fichier Excel.

Une fois inscrit, on accède à la partie principale de l'application, qui est composée d'une galerie avec tous les intervenants de la session. Pour chaque session, la date, l'heure et l'heure sont présentées en heure locale. Le nom et le sujet sont également présentés.

Si vous souhaitez entrer plus en détail, vous pouvez cliquer sur une session pour obtenir plus d'informations, telles que le titre, l'heure, la date et le résumé de la session. Si vous trouvez cela intéressant, vous pouvez cliquer sur Enregistrer pour enregistrer cette session pour plus tard.

Lorsque vous accédez à la page Planification, vous pouvez voir toutes les sessions que vous avez enregistrées.

Vous pouvez supprimer la session à partir d'ici ou donner un commentaire. Vous pouvez choisir de donner une note ou d'écrire des commentaires . Lorsque vous cliquez sur Soumettre , ces informations seront écrites sur la source de données, qui dans notre cas est notre fichier Excel.

Comme vous pouvez le voir, l'expérience globale pour l'utilisateur est très agréable. Il crée de la valeur pour l'utilisateur et, en même temps, il fournit également de la valeur aux organisateurs qui utiliseront ces données dans LuckyTemplates.

Il génère également des commentaires généraux pour le sommet. Voici la page où vous pouvez raconter votre expérience globale, votre partie préférée, vos suggestions, etc.

Hiérarchie de la mise en page : rendre votre navigation facile à utiliser

La création d'applications sur mobile est différente de celles que vous créez dans un rapport LuckyTemplates. C'est différent parce que vous ne les utilisez pas de la même manière.

La mise en page à l'intérieur de l'application est différente car lorsqu'on utilise un ordinateur ou une tablette, les gens ont tendance à scanner la page du haut de gauche à droite, puis de suivre une sorte de motif en Z ou en H. La première chose qu'ils verront est en haut à gauche et la dernière partie en bas à droite.

Il n'en va pas de même pour une application téléphonique, comme vous pouvez le voir sur cette image ci-dessous. La partie verte est l'endroit où le pouce aura un écoulement facile, la partie orange a un peu d'étirement, tandis que la partie rouge est la plus difficile à atteindre.

Vous allez créer la mise en page de l'application sur cette base. Ce qui est bien avec l'application, c'est que vous avez beaucoup d'exemples et sur la base de ces exemples, vous pouvez créer quelque chose de similaire.

Trois parties de l'application

Donc, fondamentalement, vous avez trois parties dans l'application. La partie principale est la galerie que vous pouvez faire défiler avec votre pouce et sélectionner les informations.

La partie secondaire est les onglets. Ce sont les boutons que vous utilisez pour naviguer dans l'application.

La partie tertiaire – avec laquelle vous interagirez le moins – est le titre du sommet, le compte de profil ou la fonctionnalité de recherche.

Lors de la création d'une application téléphonique, certaines bonnes pratiques de conception peuvent également être utilisées dans LuckyTemplates et Power Apps. Une fois que vous avez un bon niveau de compréhension de LuckyTemplates et de Power Apps, vous constaterez que de bonnes UX et UI sont plus importantes lorsque vous travaillez sur un petit écran.

Meilleures pratiques de conception

Limitez le nombre de clics

Vous devez limiter le nombre d'étapes ou le nombre de clics sur LuckyTemplates . Limitez le nombre d'informations que vous demandez ou demandez uniquement les informations dont vous avez besoin sur le moment, au moment où vous en avez besoin.

Vous devez utiliser les informations déjà disponibles pour pouvoir tirer parti des réponses que les utilisateurs vous ont données.

Enfin, lorsque vous créez des applications (nous parlons ici de saisie de données), vous devez vérifier les informations qui ont été écrites.

Complétez automatiquement lorsque cela est possible et assurez-vous que l'utilisateur ne fait pas de clics supplémentaires, assurez-vous donc que les informations qu'il a saisies sont correctes.

Suivez la loi de Jakob et la loi de Pareto

Selon la loi de Jakob, les utilisateurs préféreront que votre application fonctionne de la même manière que leurs autres applications . Vous trouverez ci-dessous un exemple des applications les plus utilisées dans le monde : WhatsApp , Messenger et Contacts .

Nous avons une expérience similaire dans les applications que j'ai créées. Nous avons la galerie au milieu, les boutons en bas et la fonctionnalité de recherche ou les contacts en haut.

La loi de Pareto stipule que 80% des résultats résultent de 20% des causes. Le même principe fonctionne dans l'UX et l'UI dans le sens où vous devez mettre l'effort sur les fonctionnalités les plus précieuses pour l'utilisateur.

Vous n'êtes pas obligé de créer toutes les fonctionnalités d'une application, mais les fonctionnalités que vous devez créer doivent être vraiment bien implémentées et bien testées.

En fin de compte, vous ne voulez pas trop d'options dans une application, car si elle devient compliquée, elle ne sera pas utilisée.

Utiliser les légendes

Utilisez des légendes pour indiquer à l'utilisateur ce qu'il doit faire ensuite. Par exemple, si vous voulez acheter quelque chose, vous voyez le bouton d'achat dans une couleur différente juste pour attirer votre attention. Ceci est un indicateur de la prochaine étape que vous devez faire.

Afficher une conception d'état actif

En ce qui concerne la navigation, vous devez indiquer où se trouve l'utilisateur dans une page spécifique. S'ils ne savent pas où ils se trouvent dans l'application, ce n'est pas une bonne expérience utilisateur.

Fournir des états de survol

Ceci est utilisé pour les boutons. Lorsque vous survolez un bouton, vous verrez qu'il est actif. Un effet de survol donne aux utilisateurs un signal clair pour voir ce qui est cliquable et leur dit sur quoi cliquer.

Utilisez des étiquettes compréhensibles

Les étiquettes rendent la conception plus accessible et rendront vos informations tangibles et exploitables pour vos utilisateurs. Les mots que vous utiliserez doivent être clairs pour l'utilisateur afin qu'il sache ce que vous voulez qu'il fasse.

Garantir des couleurs/étiquettes accessibles

Vous devez utiliser des couleurs et des étiquettes accessibles en termes de taille, de contraste et de portion.

Anticiper le comportement des utilisateurs

Dans une application, vous devez anticiper le comportement de l'utilisateur. Vous devez anticiper chaque clic et chaque question que l'utilisateur aura.

Exécuter des tests d'utilisabilité

Vous devez tester ce que vous implémentez et prendre le temps de faire tous les tests nécessaires. Parfois, vous devrez impliquer d'autres utilisateurs qui ne connaissent pas votre application pour voir comment ils l'utilisent.

Ce sont donc les meilleures pratiques dans la conception d'une application. Passons maintenant à l'application et voyons ces meilleures pratiques en action.

Je suis maintenant dans l'application et j'appuierai simplement sur Start . La première page ne prend que quelques secondes à s'exécuter. C'est parce que j'ai une minuterie allumée pendant deux secondes.

Lorsque le minuteur atteint deux secondes, il navigue vers mon autre écran et crée la transition.

Nous sommes dans la page de connexion.

Nous entrerons le nom d'utilisateur et le mot de passe pour se connecter à cette application. À ce moment, l'application dans les coulisses conservera les informations de votre ID utilisateur.

Ces informations proviennent déjà du tableau d'ID utilisateur existant, mais que se passe-t-il si nous ajoutons un nouvel utilisateur ? Découvrons-le en revenant à la page de connexion et en créant un compte.

Je vais entrer Alex B comme nom d'utilisateur et test123 comme mot de passe, puis m'inscrire. Vous pouvez voir que l'ID utilisateur a été créé automatiquement.

Vous devez faire attention à tous les problèmes en matière de saisie de données. C'est à vous, en tant que créateur de l'application, d'anticiper ces problèmes et de créer des solutions pour les éviter.

En revenant à l'application, j'ai une liste de tous les intervenants de la session et je peux voir que les heures sont calculées dans mon heure locale.

Disons que nous voulons participer à la session de Sam McKay. Lorsque nous cliquons sur le lien, nous voyons qu'il y a un lien Cliquez pour ouvrir la vidéo juste en dessous de sa photo.

Si l'utilisateur clique sur ce lien, il sera dirigé vers la vidéo YouTube que j'ai mise dans le fichier.

Mais lorsque nous allons sur le profil de Mudassir Ali, nous ne pouvons pas interagir avec le bouton Cliquez pour ouvrir la vidéo . Il s'agit d'un exemple d'affichage des informations uniquement si elles sont disponibles à afficher.

Dans ce cas, je n'ai pas la vidéo de la session de Mudassir Ali, c'est pourquoi je n'affiche pas le lien vidéo Cliquez pour ouvrir .

Disons que nous voulons participer à la session de Sam McKay et que nous cliquons sur le bouton Enregistrer . Une fois que nous avons enregistré, nous pouvons voir que la page a un bouton Annuler l'enregistrement et que le conférencier Sam McKay est mis en surbrillance.

C'est pour fournir un contexte car nous voulons savoir que l'utilisateur a sélectionné la session de Sam. Vous pouvez voir tout de suite que cette session est en direct et qu'il existe une option pour la supprimer. Si vous souhaitez supprimer, vous pouvez le faire à partir d'ici - vous n'avez pas besoin de faire un clic supplémentaire pour annuler l'enregistrement.

Une autre fonctionnalité est la possibilité de se connecter avec l'orateur via un bouton LinkedIn. Ce bouton ci-dessous me dirigera vers le compte LinkedIn de Sam McKay.

Maintenant que nous avons enregistré quelques sessions de la liste, nous allons à Planification .

Lorsque nous allons à Planification , ce qui se passe dans les coulisses, c'est que toutes ces informations seront collectées dans une collection temporaire et seront écrites dans la source de données.

Si nous revenons à notre fichier Excel et allons dans notre onglet Planning, nous pouvons voir tous ces SpeakerIDs, ce qui signifie que tout fonctionne comme prévu.

Disons que nous ne pouvons pas participer à la session de Gustaw Dudek. Nous pouvons cliquer sur ce bouton Supprimer . Si on regarde mon fichier Excel, on peut voir que les informations de Gustaw Dudek ont ​​disparu.

Comme je l'ai dit plus tôt, il est bon d'avoir un état où il montre où vous vous trouvez dans la navigation. Comme vous pouvez très bien le voir sur les icônes du bas, nous sommes sur la page Planning.

Disons que nous avons participé à une session et que nous lui avons attribué quatre étoiles sur six. Ces informations sont pré-enregistrées, donc si nous changeons d'avis, nous pouvons y revenir plus tard pour modifier notre note.

Après avoir vu une présentation en direct, nous pouvons également fournir des commentaires et ajouter un emoji, puis cliquer sur Soumettre .

Lorsque nous vérifions les commentaires du conférencier sur mon fichier Excel, vous verrez comment ces informations apparaissent au format HTML.

Pour la page de commentaires, nous pouvons même rendre certaines réponses obligatoires en tant que concepteur du rapport, mais ce n'est pas le cas ici.

Lorsque nous allons dans notre fichier Excel, nous pouvons voir toutes ces informations écrites dans l'onglet Feedback.

Data Storytelling : processus de planification et de création réfléchis

Créez des rapports LuckyTemplates avec ces techniques et exemples

Conclusion

J'ai mis les boutons en survol, minimisé le nombre de clics et inséré des informations intéressantes dans cette application de session. J'espère que vous pourrez aller plus loin grâce à la narration et aux connaissances techniques en utilisant différents outils.

Vous pouvez créer un écosystème, puis répondre aux besoins de différents publics. Pour tirer parti de l'écosystème Power Platform, vous devez savoir comment utiliser LuckyTemplates, Power Apps et Power Automate. Vous pouvez travailler dans un environnement collaboratif et améliorer les choses que vous faites de manière très amusante.

Veuillez noter que cette application n'existe pas. Il n'existe que dans mon esprit et n'est qu'un prototype. Mais qui sait, peut-être à l'avenir, nous pourrons avoir ce type d'application pour LuckyTemplates .

Bien à vous,
Alex Badiu