Accueil Finances personnelles Visualisation des données: Patrons visuels communs - mannequins

Visualisation des données: Patrons visuels communs - mannequins

Table des matières:

Vidéo: Interfaces de visualisation et paysage de données: Caroline Goulard at TEDxPantheonSorbonne 2025

Vidéo: Interfaces de visualisation et paysage de données: Caroline Goulard at TEDxPantheonSorbonne 2025
Anonim

Lorsque vous commencez à créer des visualisations, vous pouvez être préoccupé par le positionnement de vos graphiques, graphiques et autres données clés. Parce que vous êtes novice en matière de visualisation de données, vous pouvez avoir l'impression que vous n'avez pas de connaissances accumulées sur ce qui fonctionne et ce qui ne fonctionne pas. Voici quelques raisons qui peuvent vous préoccuper:

  • Vous n'êtes pas sûr de l'emplacement de chaque élément dans le graphique.

  • Vous ne savez pas exactement qui seront vos utilisateurs pour le data viz.

  • Vous ne savez pas où placer vos éléments de menu pour qu'ils soient visibles.

Heureusement, les scientifiques cognitifs ont déterminé que les gens lisent du texte et des images dans certains modèles spécifiques. Lorsque vous organisez les informations dans votre visualisation, l'utilisation de ces modèles standard aide vos utilisateurs à analyser les informations rapidement et facilement.

Motifs Z et F

Voici les deux motifs visuels les plus courants:

  • Motif Z: Le motif Z est souvent utilisé pour les dispositions textuelles et visuelles. Comme on peut s'y attendre, lorsque les yeux d'une personne suivent le motif Z, ses yeux suivent de gauche à droite en haut, en bas à gauche, puis à travers la page en bas. La figure ci-dessous montre les points du Z numérotés dans l'ordre dans lequel les yeux du lecteur suivent les informations sur une page.

    Comment ce modèle affecte-t-il la mise en page de votre contenu dans une visualisation? Votre lecteur va scanner le contenu le long du chemin de la Z, donc vous devriez placer le titre en haut de la Z, avec n'importe quel contenu clé. Positionnez plus de contenu visuel au milieu et le long du bas.

  • Modèle F: Les scientifiques cognitifs ont créé des cartes de chaleur pour déterminer où se trouve l'œil humain lorsqu'il regarde une page Web. Comme le montre la figure suivante, les cartes thermiques sont composées de concentrations de couleurs qui indiquent où les lecteurs ont scanné la page. Les couleurs les plus intenses (rouge et jaune) montrent où les yeux des lecteurs ont persisté le plus longtemps; les lecteurs ont passé moins de temps à regarder les zones bleues. Comme vous pouvez le voir, les zones rouges et jaunes ressemblent à F.

    Le motif F sur une carte de chaleur.

Si vous respectez ces deux modèles de mise en page au début, vous ne pouvez pas aller trop loin lorsque vous concevez vos données.

Motif

Voici quelques conseils pour utiliser votre connaissance des motifs visuels pour créer une visualisation bien conçue:

  • Équilibre: Lorsque vous placez des éléments dans votre visualisation, assurez-vous de maintenir l'équilibre. Lorsque trop d'éléments sont regroupés, il est difficile pour les gens de voir comment ces éléments sont liés.

  • Couleur: L'utilisation aléatoire de couleurs telles que le rouge peut induire en erreur, ce qui permet au spectateur de voir une alerte lorsqu'il n'y a pas lieu de s'alarmer.

  • Hiérarchie: Vous connaissez l'utilisation de la hiérarchie en ce qui concerne un contour de texte. Le niveau supérieur du contour peut avoir un chiffre romain, le niveau suivant peut avoir une lettre majuscule, puis le troisième niveau peut avoir un nombre. Dans une visualisation, vous pouvez déterminer, en fonction de la taille ou de la position, quels éléments sont plus ou moins élevés dans la hiérarchie. Vous n'avez pas besoin d'utiliser la numérotation comme vous le faites dans un plan écrit.

  • Répétition: La répétition aide les personnes à se familiariser avec les éléments d'un dessin ou modèle. Si vous utilisez les mêmes éléments, les gens voient un tout unifié et n'ont pas besoin de deviner ce que certains éléments signifient parce qu'ils ont déjà vu ces éléments.

  • Espace blanc: L'utilisation des espaces blancs a été défendue pendant des décennies. L'espace blanc permet au contenu de "respirer", c'est-à-dire que votre image bénéficie d'un large espace autour des objets dans la visualisation. Trop d'encombrement fait qu'il est difficile pour les gens de prendre l'image en un coup d'œil.

Visualisation des données: Patrons visuels communs - mannequins

Le choix des éditeurs

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Windows, avec un W majuscule, tire son nom de sa caractéristique principale: Windows, avec un w minuscule. Se familiariser avec Windows signifie apprendre à ouvrir, fermer, redimensionner, déplacer et basculer entre les fenêtres, ce qui est la clé pour jongler avec succès avec plusieurs activités. Chaque programme que vous exécutez occupe sa propre fenêtre. Une fenêtre peut occuper une partie de ...

Comment accepter ou rejeter les cookies dans Safari - dummies

Comment accepter ou rejeter les cookies dans Safari - dummies

Un cookie est un petit fichier qu'un site Web enregistre automatiquement sur le disque dur de votre Mac. Il contient des informations, telles que vos préférences ou votre date de naissance, que le site utilisera lors de vos prochaines visites. Dans Mac OS X Snow Leopard, Safari vous permet de choisir d'accepter ou non tous les cookies ...

Le choix des éditeurs

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Pour créer une boîte ou une ligne dans QuarkXPress plus complexe qu'un simple rectangle, ovale ou starburst, vous entrez dans le domaine du chemin de Bézier. Si vous avez utilisé l'outil Plume dans Adobe Illustrator ou Photoshop, vous comprenez déjà les chemins de Bézier. Il faut un peu de pratique et un esprit détendu ...

Création d'un rapport avec Crystal Reports 10 - témoins

Création d'un rapport avec Crystal Reports 10 - témoins

Lorsque vous démarrez Crystal Reports 10, généralement l'une des trois choses suivantes: créer un rapport, modifier un rapport ou exécuter un rapport sur les données de votre base de données. Les rapports prennent des données à partir d'une base de données, les traitent, les formatent et les affichent ensuite sur une imprimante, un écran d'ordinateur ou un site Web. Crystal Reports ...

Traitant des commentaires Javadoc dans Eclipse - mannequins

Traitant des commentaires Javadoc dans Eclipse - mannequins

Lorsque vous utilisez Eclipse pour écrire du code Java, n'oubliez pas de éditez les commentaires de Javadoc (les choses qui commencent par / **). Vous pouvez ajouter des informations utiles lorsque vous modifiez les commentaires Javadoc et lorsque vous les modifiez, l'aide au code d'Eclipse propose des suggestions. N'oubliez pas ces astuces lorsque vous modifiez vos commentaires Javadoc: Ajouter un commentaire Javadoc: ...

Le choix des éditeurs

Les connexions cachées sur le Nikon D5600 - les nuls

Les connexions cachées sur le Nikon D5600 - les nuls

Ouvrent les couvercles sur les côtés gauche et droit du Nikon D5600 caméra, et vous verrez plusieurs ports de connexions cachées. Les ports de connexion suivants sont indiqués sur cette image: Terminal d'accessoires: ce terminal accepte les accessoires suivants: câble déclencheur à distance Nikon MC-DC2; Télécommandes sans fil WR-1 et WR-R10; et les unités GPS GP-1 / GP-1A. I ...

Les connexions cachées sur votre Nikon D5200 - les nuls

Les connexions cachées sur votre Nikon D5200 - les nuls

ÉParpillés sur l'extérieur de votre appareil photo sont nombreuses commandes que vous utilisez pour changer d'image -prend des paramètres, revoir et modifier vos photos, et effectuer diverses autres opérations. Caché sous le couvercle sur le côté gauche de la caméra, vous trouverez les quatre ports de connexion suivants, étiquetés dans cette figure: Borne accessoire: Vous pouvez brancher le Nikon en option ...

Des boutons et autres commandes du Nikon D7500 - mannequins

Des boutons et autres commandes du Nikon D7500 - mannequins

C'est génial d'avoir une carte pour le boutons et commandes sur votre appareil photo, mais ce n'est pas beaucoup d'aide si vous ne pouvez pas vous rappeler quel bouton appuyer sur quand (et pourquoi). Alors, voici un aperçu des fonctions des contrôles les plus importants. (Certains contrôles ont des fonctions supplémentaires pendant certaines opérations, mais la table ...