• 12 heures
  • Moyenne

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 23/02/2024

Visualisez les données grâce à des outils numériques

Ne présumez pas que, parce qu'un graphique est beau, il aura la précision et l'efficacité nécessaires. Les infographies peuvent parfois sembler impressionnantes, mais le spectateur peut ne pas être en mesure de les interpréter. Gardez à l'esprit que les graphiques les plus simples peuvent être les plus efficaces pour engager votre public et faire valoir votre point de vue.

Utilisez des outils numériques pour présenter vos analyses

Pour créer des tableaux et des graphiques, il faut utiliser les bons outils. Excel, Numbers (sur Mac uniquement) ou Google Sheets vous permettent de créer des représentations visuelles.

Pour commencer, assurez-vous que les données que vous avez collectées sont complètes et ont été entrées dans une feuille de calcul. Afin de créer des graphiques, il est important de vous assurer que vos colonnes et vos lignes sont bien nommées. Cela facilitera la lecture des données. Ensuite, sélectionnez les données que vous voulez illustrer, puis choisissez l'option Graphique, dans le menu déroulant Insérer, qui vous permet alors de créer un graphique .

Capture d'écran en utilisant Google Sheets pour faire un graphique, montrant le menu déroulant.
Capture d'écran en utilisant Google Sheets pour faire un graphique, montrant le menu déroulant.

Les outils numériques peuvent utiliser par défaut certains affichages et styles, il est donc important de bien comprendre quels graphiques fonctionnent le mieux, et dans quelles situations, afin de les personnaliser. Vous devrez également ajouter des légendes, des unités ou un titre à votre graphique.

Le panneau de personnalisation de Google Sheets permet d’ajuster les légendes des axes, les unités, etc. Cherchez bien, car certaines fonctionnalités sont un peu cachées dans les menus.

Capture d'écran du panneau de personnalisation de Google Sheets où vous pouvez personnaliser vos graphiques.
Capture d'écran du panneau de personnalisation de Google Sheets où vous pouvez personnaliser vos graphiques

Regardez le graphique illustré ci-dessous : il a un titre (et un sous-titre) indiquant son but, des unités de mesure et les diverses tâches ont été nommées pour faciliter la lecture. Toutes ces informations garantissent la bonne compréhension d'un futur lecteur.

Graphique avec titre et sous-titre
Graphique avec titre et sous-titre

Parallèlement, on peut y voir le temps moyen consacré par les utilisateurs aux tâches avant et après une refonte d'un site pour 4 tâches différentes. Chaque tâche prend moins de temps après la refonte du site. Ces genres de graphiques sont également très utiles pour comparer des états avant/après. Le graphique ci-dessous reflète le caractère positif de la refonte. Toutes les tâches testées sont devenues plus efficaces pour les utilisateurs après le changement (en rouge).

Graphique pour A/B test
Graphique pour A/B test

Si vous utilisez un tableur pour la première fois, il vous faudra peut-être un peu de temps d’expérimentation et de pratique pour faire quelque chose d’efficace ! Les exemples de ce chapitre sont là pour vous aider à créer les vôtres.

Si vous souhaitez peaufiner vos visualisations de données, vous pouvez les créer dans Illustrator ou Sketch pour mieux les faire correspondre à l'identité graphique de votre marque.

Des plateformes telles que Google Analytics, Periscope et Amplitude génèrent leurs propres graphiques. Elles effectuent donc le travail à votre place. Tableau et RAWgraphs sont d'autres plateformes utilisées pour créer des graphiques et des visualisations de données d'aspect professionnel.

Considérez la couleur et la typographie

La couleur est un moyen d’améliorer la compréhension et l’impact des data-visualisations. Cependant, elle peut aussi être une source de distraction. Tout en tenant compte des publics daltoniens et malvoyants, différenciez bien les couleurs de vos graphiques pour créer une dynamique visuelle forte.

C'est toujours une bonne idée d’utiliser des couleurs "sécurisées pour usage web" afin qu'elles soient accessibles à tous les publics. 🎨

Version d'un graphique à barres empilées avec différents segments bleus sans contraste
Version d'un graphique à barres empilées avec différents segments bleus sans contraste

Dans la version ci-dessus, le contraste des couleurs est si faible que l'on voit à peine la différence entre les tranches d'âge.

Le même graphique avec des couleurs distinctes
Le même graphique avec des couleurs distinctes

Quelques changements peuvent avoir un très grand impact. Dans l'exemple des graphiques ci-dessus, le changement des couleurs permet immédiatement de voir les différences.

Vous pouvez utiliser les informations présentées dans les graphiques pour vous aider à hiérarchiser les prochaines étapes.

Des modifications minimes dans la conception d'un graphique peuvent créer une expérience extrêmement efficace.

Vous voulez vous assurer que votre graphique est clair et facile à comprendre ? Montrez-le à quelques collègues et demandez-leur de décrire ce qu'ils voient. Pensez-y comme à un test d'utilisabilité pour interpréter un graphique. En particulier lorsque les graphiques sont montrés dans les présentations, il est essentiel qu'ils soient faciles à voir et à comprendre pour le public. Assurez-vous que ce que vous créez est clair pour un public assis plus loin également.

Les titres et les légendes sont les domaines où la typographie est la plus importante. Pensez à la typographie en termes de hiérarchie de l'information. Le titre devrait être le plus grand et le plus audacieux. Vous pouvez utiliser une typographie plus petite en dessous si vous décidez d'utiliser un sous-en-tête en tant que descripteur.

Les axes X et Y doivent inclure des légendes pour que les lecteurs sachent ce qu’ils regardent. Réfléchissez aux termes que vous utilisez pour décrire ces données, car vous visez une clarté maximale pour l'auditoire. Les unités peuvent être entre parenthèses ou en italique pour attirer l’attention sur elles ou pour les distinguer du reste du contenu.

Pensez également à l'endroit où vous placez les légendes. L'emplacement doit être suffisamment proche du contenu pour que l'association soit claire, mais également suffisamment éloigné pour que l'information puisse s’imposer. Pour les graphiques linéaires, vous devrez décider si vous allez légender chaque ligne ou inclure une légende. La même chose est vraie pour les camemberts.

Faites appel à des experts de la data-visualisation

Au fur et à mesure que les organisations grandissent, elles font souvent appel à un statisticien ou à un data-analyst afin de leur donner une signification. L'analyse du «Big Data» peut être utilisée pour diriger une entreprise et identifier les domaines clés de succès et d'amélioration.

Stichfix est une plateforme d'achat en ligne personnelle qui utilise des analyses statistiques pour aider les stylistes à personnaliser les looks qui conviennent à leurs utilisateurs.

Netflix utilise le Big Data pour aider à faire de la recommandation de films.

Les data-analysts et les statisticiens doivent être impliqués dans toutes les conversations avec l'équipe UX concernant les métriques. Incluez-les tôt et souvent. Comme pour toutes les étapes de l'expérience utilisateur, vous pouvez apprendre beaucoup en collaborant.

Résumons !

  • Les outils numériques peuvent faciliter la data-visualisation, mais il est toujours important de considérer les graphiques au-delà des paramètres par défaut.

  • Les détails sont importants lors de la création de graphiques et de diagrammes.

  • Assurez-vous que votre texte est clair et placé de manière à ce que le spectateur comprenne facilement ce qu'il essaie de communiquer.

  • La couleur est un outil de communication important. Assurez-vous qu'il y a suffisamment de contraste entre les couleurs afin que le spectateur ne soit pas dérouté.

N'oubliez pas de réaliser les exercices en fin de partie pour valider ces compétences. Je vous souhaite une très bonne continuation dans vos projets !

Exemple de certificat de réussite
Exemple de certificat de réussite