Pourquoi et comment utiliser la visualisation de données ? Types et méthodes de perception de l'information

04.04.2019

2.1. Avantages d'une forme visuelle de présentation d'informations

Le langage verbal et les catégories verbales contiennent des moyens extrêmement primitifs pour construire l'espace, l'interpréter ou en faire quelque chose. Cet objectif est servi par le langage des images et le système d'actions perceptuelles à l'aide desquelles une personne construit une image. réalité environnante et y parcourt. Ce système s'appelle la perception. La perception est définie comme image complète, reflétant l'unité de la structure et des propriétés de l'objet. Les objets de perception visuelle sont des objets, des processus et des phénomènes du monde environnant, qui peuvent être divisés et décrits en catégories d'espace, de mouvement, de forme, de texture, de couleur, de luminosité, etc. Lors de la perception d'objets, l'image est plus ou moins complètement reflète l'objet ou la situation dans laquelle se trouve une personne.

Les images créées sur la base de la perception visuelle ont un plus grand pouvoir associatif que les mots. C'est peut-être pour cela qu'ils sont parfaitement stockés en mémoire. Même après avoir vu plusieurs milliers de tableaux une fois, les observateurs sont capables d’identifier correctement environ 90 % d’entre eux. L'image visuelle est très plastique. Cette propriété se manifeste dans le fait qu'en termes d'image un passage rapide d'une évaluation généralisée de la situation à analyse détaillée ses éléments. Différents types de mouvements d'objets reflétés dans l'image, leurs déplacements, rotations, ainsi que l'agrandissement, la réduction, la distorsion de perspective et la normalisation sont possibles. Cette capacité de manipulation unique du système visuel vous permet d'imaginer la situation en perspective directe et inversée. La manipulation des images et leur complétion sont les moyens les plus importants de perception productive et de pensée visuelle.

De nombreuses études indiquent que le système visuel dispose de mécanismes qui assurent la naissance d'une nouvelle image. Grâce à eux, une personne est capable de voir le monde non seulement tel qu'il existe réellement, mais aussi tel qu'il peut (ou devrait) être. Cela signifie que les images visuelles sont une condition nécessaire, et plus encore, un instrument de l'activité mentale. Ils sont liés plus directement, par rapport aux symboles et à la parole, à la réalité objective qui entoure une personne. Une image n’est pas seulement et pas tant une contemplation qu’une reconstruction de la réalité. Elle, cette réalité, peut être recréée sous la forme (ou proche de celle-ci) dans laquelle l'objet existe réellement. Mais la destruction d'un objet ou d'une situation et la reconstruction de sa ou de ses nouvelles versions sont également possibles. Sur la base de cette image, modifiée par rapport à la réalité, une personne se tourne à nouveau vers la réalité objective et la reconstruit par elle-même. activités pratiques. Il est impossible de préparer un spécialiste à la pensée créative sans développer sa vision figurative, son imagination et sa pensée. L’appareil universel du schématisme de projection apporte un avantage tangible en la matière. L’interprétation géométrique est l’un des outils de modélisation de projection les plus importants utilisés pour former des représentations spatiales. Les objets d'interprétation sont des modèles graphiques sous la forme d'une combinaison de dessins, schémas, textes, schémas, etc. Les modèles graphiques consistent à afficher des informations sous la forme d'un ensemble de moyens de représentation graphique de l'information : lignes, symboles, signes mnémoniques, utilisé conformément aux règles de construction des modèles graphiques. Lors de la perception d'informations sous cette forme, l'accès à un espace opérationnel de dimension supérieure est nécessaire que lors de la perception de texte. Le degré de précision lors de la comparaison d'un objet d'information avec son modèle dépend de l'exhaustivité des informations sur l'appareil de projection qui ont eu lieu lors de la modélisation. La figure 2.1 montre l'une des classifications possibles des modèles graphiques. Modèle pictographique– un modèle graphique élaboré à partir d'images graphiques classiques (pictogrammes) indiquant des objets, des actions ou des événements. Modèle idéographique– un modèle graphique élaboré à partir d'idéogrammes – des signes écrits conventionnels désignant des concepts.

La question de l'efficacité du transfert et de l'assimilation de l'information est l'une des principales questions tout au long de dernières décennies. Le principal moyen de communication dans le monde au début du 21e siècle est la visualisation (une forme visuelle de transmission) de l'information. La plus grande quantité informations (environ 80 à 90 %) qu’une personne perçoit visuellement. « L'importance dominante du système visuel pour l'homme s'explique par le fait qu'il est le plus source puissante des informations sur monde extérieur, possède les plus grandes fonctions sensorielles télémétriques et stéréoscopiques.

L'efficacité, l'avantage de la méthode graphique de transmission d'informations, par rapport à la méthode motrice ou sonore (Figure 2.2), est que perception visuelle les informations transmises par une personne et la création d'une image mentale par elle se produisent si rapidement qu'une personne perçoit ce processus comme « instantané ». Ceci explique l'effet de simultanéité, ou simultanéité, basé sur la propriété de la perception humaine de l'information : les images mentales créées lors de la perception de l'information et les modèles graphiques transmis sont de forme très similaire.

Cet article a été rédigé par un représentant de DevExpress et publié sur un blog sur HabraHabr.

Des chercheurs en médecine ont découvert que si les instructions d'un médicament ne contiennent que du texte, une personne n'en absorbe que 70 %. Si vous ajoutez des images aux instructions, la personne comprendra déjà à 95 %.

Il est évident que les humains sont prédisposés à traiter les informations visuelles. En plus d'être idéale pour le traitement par notre cerveau, la visualisation des données présente plusieurs avantages :

Focus sur différents aspects des données

À l'aide de graphiques, vous pouvez facilement attirer l'attention du lecteur sur les indicateurs rouges.

Analyse grand ensemble données avec une structure complexe
Réduire la surcharge d’informations d’une personne et maintenir son attention
Unicité et clarté des données de sortie
Mettre en évidence les connexions et les relations contenues dans les informations

Vous pouvez facilement remarquer des données importantes sur le graphique.

Attrait esthétique

Des graphiques esthétiquement attrayants rendent la présentation des données impressionnante et mémorable.

Edward Tufte, auteur de certains des meilleurs livres sur la visualisation, la décrit comme un outil d'affichage de données ; encourager le spectateur à réfléchir à l'essence et non à la méthodologie ; éviter de déformer ce que les données ont à dire ; afficher de nombreux nombres dans un petit espace ; présenter un large ensemble de données comme un tout cohérent et unifié ; encourager le spectateur à comparer des éléments de données ; répondant à des finalités assez claires : description, recherche, commande ou décoration ().

Comment utiliser correctement la visualisation de données ?

Le succès de la visualisation dépend directement de l'exactitude de son application, à savoir du choix du type de graphique, de son utilisation et de sa conception correctes.

60 % du succès de la visualisation dépend du choix du type de graphique, 30 % de sa bonne utilisation et 10 % de sa bonne conception.

Type de graphique correct

Un graphique vous permet d'exprimer l'idée véhiculée par les données de la manière la plus complète et la plus précise, il est donc très important de choisir le type de diagramme approprié. Le choix peut être fait à l'aide de l'algorithme suivant :

Objectifs de visualisation- c'est la mise en œuvre de l'idée principale de l'information, c'est pour cela que les données sélectionnées doivent être présentées, quel effet doit être obtenu - identifier les relations dans l'information, montrer la distribution des données, la composition ou la comparaison de données.

La première ligne montre des graphiques dans le but de montrer les relations entre les données et la distribution des données, et la deuxième ligne a pour but de montrer la composition et la comparaison des données.

Relations dans les données- c'est ainsi qu'ils dépendent les uns des autres, le lien entre eux. À l'aide de relations, vous pouvez identifier la présence ou l'absence de dépendances entre les variables. Si l'idée principale de l'information contient les expressions « fait référence à », « diminue/augmente à », alors vous devez vous efforcer de montrer exactement les relations dans les données.
La distribution des données correspond à la façon dont elles sont disposées par rapport à quelque chose, au nombre d'objets qui tombent dans certaines zones séquentielles de valeurs numériques. L'idée principale contiendra les expressions « dans la plage de x à y », « concentration », « fréquence », « distribution ».

Composition des données- combiner des données à des fins d'analyse grande image en général, des comparaisons de composants qui constituent un pourcentage d'un certain tout. Les expressions clés pour la composition sont « composé de x% », « part », « pourcentage du tout ».

Comparaison de données - combiner des données afin de comparer certains indicateurs, identifiant les relations entre les objets les uns par rapport aux autres. C'est aussi une comparaison de composants qui évoluent dans le temps. Les expressions clés pour les idées lors de la comparaison sont « plus que/moins que », « égal à », « change », « augmente/diminue ».

Après avoir défini l'objectif de la visualisation, vous devez déterminer le type de données. Ils peuvent être très hétérogènes en termes de type et de structure, mais dans la plupart des cas cas simple fait la distinction entre les données numériques et temporelles continues, les données discrètes, les données géographiques et logiques. Les données numériques continues contiennent des informations sur la dépendance d'une valeur numérique par rapport à une autre, par exemple des graphiques de fonctions telles que y=2x. Le temps continu contient des données sur les événements qui se produisent sur une période donnée, comme un graphique de température mesurée chaque jour. Les données discrètes peuvent contenir des dépendances de quantités catégorielles, par exemple un graphique du nombre de ventes de marchandises dans différents magasins. Les données géographiques contiennent diverses informations liées à la localisation, à la géologie et à d'autres indicateurs géographiques, exemple brillant- c'est normal carte géographique. Les données logiques montrent la disposition logique des composants les uns par rapport aux autres, par ex. arbre généalogique des familles.

Graphiques de données numériques et temporelles continues, données discrètes, données géographiques et logiques.

En fonction de l'objectif et des données, vous pouvez choisir le calendrier le plus adapté. Il est préférable d’éviter la variété pour le plaisir de la variété et de choisir selon le principe « le plus simple est le mieux ». Utilisez des types de graphiques spécifiques uniquement pour des données spécifiques ; dans d'autres cas, les graphiques les plus courants conviennent :

linéaire
avec des zones
colonnes et histogrammes (barre)
diagramme circulaire (tarte, beignet)
carte polaire (radar)
nuage de points (nuage de points, bulle)
Plans
arbres (arbre, carte mentale, carte arborescente)
diagrammes temporels (ligne du temps, gantt, cascade).

Les graphiques linéaires, les graphiques en aires et les histogrammes peuvent contenir plusieurs valeurs dans un argument pour une catégorie, qui peuvent être soit absolues (le préfixe empilé est alors ajouté à ces types de graphiques), soit relatives (complètement empilées).

Graphique avec valeurs empilées et avec empilage complet

Lors du choix d'un graphique adapté, vous pouvez vous laisser guider par le tableau suivant, établi sur la base de ce graphique et :

Utilisation appropriée d'un graphique

Il est important non seulement de choisir le bon type de graphique, mais aussi de l’utiliser correctement :

Il n’est pas nécessaire de charger le graphique avec beaucoup d’informations. Quantité optimale différents types données, catégories - ce n'est pas plus de 4-5, sinon il serait plus judicieux de diviser un tel diagramme en plusieurs morceaux.

Un tel graphique peut être comparé à des spaghettis et est mieux divisé en plusieurs diagrammes.

Sélectionnez l'échelle et l'échelle correctes pour le graphique. Pour les histogrammes et les tracés d’aires, il est préférable de démarrer l’échelle de valeurs à partir de zéro. Essayez de ne pas utiliser d'échelles inversées - cela induit très souvent le spectateur en erreur concernant les données.

Une échelle incorrecte affecte négativement la perception des données. Dans le premier cas, l’échelle est mal sélectionnée ; dans le second, l’échelle est inversée.

Pour les diagrammes circulaires et les graphiques qui affichent un pourcentage d'une part totale, la somme des valeurs doit toujours totaliser 100 %.
Pour une meilleure perception des données, il est préférable d'organiser les informations sur l'axe - soit par valeur, soit par ordre alphabétique, soit par signification logique.

Conception correcte du calendrier

Rien n'est plus agréable à l'œil que des graphiques bien conçus, et rien ne gâche plus les graphiques que la présence de « déchets » graphiques. Principes de base de la conception :

utilisez des palettes de couleurs similaires, non vives, et essayez de vous limiter à un ensemble de six pièces
les lignes auxiliaires et secondaires doivent être simples et peu visibles

Les lignes auxiliaires sur un graphique ne doivent pas détourner l'attention de l'idée principale des données.

dans la mesure du possible, utilisez uniquement des étiquettes d'axes horizontaux ;
Pour les graphiques en aires, il est préférable d'utiliser une couleur avec transparence ;
Utilisez une couleur différente pour chaque catégorie du graphique.

conclusions

Visualisation- un outil puissant pour transmettre des pensées et des idées au consommateur final, un assistant pour la perception et l'analyse des données. Mais comme tous les outils, il doit être utilisé en son temps et en son lieu. Sinon, les informations peuvent être perçues lentement, voire incorrectement.

Les graphiques montrent les mêmes données, les principales erreurs de visualisation sont affichées à gauche et elles sont corrigées à droite.

Lorsqu’elle est utilisée habilement, la visualisation des données peut rendre le matériel impressionnant, intéressant et mémorable.

La qualité de la conception visuelle affecte de manière significative à la fois l'état psychophysiologique de l'utilisateur et l'efficacité de son travail en général. En conséquence, même un produit logiciel assez puissant dans ses capacités peut ne pas être suffisamment fonctionnel si la représentation visuelle de son interface ne répond pas aux exigences pertinentes.

Lors de la conception des éléments visuels d’une interface d’application, il convient de s’appuyer sur certains principes de composition dont les principaux sont les suivants :

organisation hiérarchique des informations affichées ;

mise en valeur visuelle des éléments les plus importants ;

structure d'écran équilibrée;

unification visuelle d'éléments logiquement interconnectés ;

assurer la lisibilité et la cohérence logique des informations affichées ;

l'utilisation d'approches unifiées pour visualiser les informations affichées non seulement au sein de l'application, mais également dans l'environnement de travail dans son ensemble (principe d'intégration).

Organisation hiérarchique de l'information. Le principe de hiérarchisation de l'information consiste à placer l'information en fonction de sa signification par rapport aux autres éléments visuels de l'application. Le résultat de cet ordre affecte la mise en œuvre de tous les autres principes de présentation visuelle de l'information. Du point de vue du travail de l'utilisateur, l'organisation hiérarchique de l'information détermine la disponibilité de certaines données et la séquence d'exécution de la tâche à résoudre.

Mise en valeur visuelle des éléments les plus importants. Lors de la mise en œuvre du principe d'attirer l'attention de l'utilisateur, deux tâches doivent être résolues : premièrement, le choix à chaque étape du travail de certains éléments de base des idées, le plus important pour terminer cette étape ; deuxièmement, la présentation et le placement appropriés des éléments mettant en œuvre cette idée.

En raison de caractéristiques psychophysiologiques, les gens prêtent principalement attention au coin supérieur gauche de la zone visualisée ou à que la partie qui est visuellement différente des autres. Sur cette base, il est logique de placer le plus une information important(ou élément de nœud) soit dans le coin supérieur gauche de l'écran, soit dans une fenêtre dotée d'attributs spéciaux.

Structure d'écran équilibrée. Le principe d’une structure d’écran équilibrée est l’un des principes les plus importants du design visuel. Cela suppose, d'une part, l'utilisation rationnelle de l'espace de l'écran et, d'autre part, un tel placement des informations dans lequel seule la partie réellement nécessaire pour accomplir l'étape suivante de la tâche de l'utilisateur est présentée à l'écran. n'importe quand.

Unification visuelle d’éléments logiquement interconnectés. L'intégration visuelle d'éléments logiquement interdépendants aide l'utilisateur à comprendre exactement comment les informations et les commandes présentées à l'écran se rapportent à l'étape de tâche en cours d'exécution et entre elles. Avec ami. Par exemple, si une boîte de dialogue comporte un bouton qui affecte le contenu d'une liste, il est logique de les placer côte à côte.

Lisibilité et cohérence logique de l'affichage information. Toute information (pas seulement du texte) doit être exprimée sous une forme compacte et en même temps accessible ; de plus, l'utilisateur doit être capable de comprendre son lien avec les étapes précédentes et suivantes de la tâche.

L'intégration. Si l'interface de l'application est visuellement cohérente avec l'interface du système et celle des autres applications, il est beaucoup plus facile de fournir à l'utilisateur un environnement de travail cohérent et prévisible.

Couleur est l'un des attributs visuels les plus importants de l'interface. La couleur ayant la capacité d’attirer le regard, elle doit être utilisée pour identifier les éléments de l’interface auxquels l’utilisateur doit prêter attention. La couleur a aussi un aspect associatif ; dans de nombreux cas, les objets de la même couleur sont perçus par les gens comme liés. Les couleurs peuvent également avoir certains effets émotionnels ou psychologiques ; Ce n'est pas pour rien que, par exemple, les couleurs sont divisées en « froides » et « chaudes ».

Veuillez noter que certaines combinaisons de couleurs, comme les caractères bleus sur fond rouge, sont désagréables à l'œil. A propos également de l'influence de la couleur sur l'humeur et la performance.

Polices aider à organiser l’information et à créer une certaine ambiance. En modifiant la taille et la densité de la police, vous pouvez indiquer à l'utilisateur le degré d'importance de telle ou telle information et l'ordre dans lequel elle doit être lue.

Sur les moniteurs standards, les polices sont généralement moins lisibles que sur une page imprimée. Évitez d'utiliser des polices italiques (Italic) et serif car elles sont difficiles à lire, en particulier sur les basses résolutions d'écran.

Le nombre de polices et de styles utilisés doit être limité. Dans la mesure du possible, utilisez la police système standard pour les éléments d’interface courants. Cela garantit une cohérence visuelle entre l’interface de votre application et l’interface de l’environnement de production.

"Multidimensionnalité" de l'écran Lors de la représentation de nombreux éléments d’interface, il est utile d’utiliser la perspective, la mise en évidence et l’ombrage pour créer une apparence tridimensionnelle. Cela contribue à augmenter la fonctionnalité de l'interface et la visibilité des commentaires lorsque l'utilisateur travaille avec des analogues informatiques du monde réel.

Lors de la création d’effets d’éclairage/d’ombrage, la valeur par défaut est de supposer que la source de lumière hypothétique se trouve dans le coin supérieur gauche de l’écran.

Lorsque vous développez vos propres éléments visuels, soyez prudent : n'abusez pas de l'utilisation d'images « volumétriques », car l'image de chaque objet « tridimensionnel » prend beaucoup plus de place sur l'écran que son homologue « plate ». Utilisez des effets 3D uniquement pour représenter des éléments interactifs. Dans ce cas, saisissez uniquement les informations réellement nécessaires à l'utilisateur pour identifier l'image.

Taille et arrangement mutueléléments visuels sont très importants pour créer un environnement visuellement cohérent et prévisible. La structure visuelle est également importante pour transmettre le but des éléments affichés dans la fenêtre. En général, lorsque vous choisissez une option de mise en page, vous devez suivre les mêmes règles que celles utilisées lors de la mise en page d'une page imprimée.

Regroupement. Le regroupement implique un placement compact d'éléments interconnectés. Pour mettre en œuvre le regroupement, vous pouvez utiliser soit un élément spécial - un bloc de regroupement, soit simplement placer des éléments à une distance appropriée les uns des autres.

Bien que vous puissiez utiliser la couleur pour regrouper visuellement des objets, cette approche ne fonctionne pas car elle peut entraîner des effets indésirables lorsque l'utilisateur modifie le jeu de couleurs.

Essayez de positionner les contrôles dans la barre d'outils de manière à ce qu'il y ait un espace entre le bord du panneau et le bord de la fenêtre qui soit au moins égal à la largeur du cadre de la fenêtre. Dans certains cas, par exemple lorsque les boutons de la barre d'outils sont utilisés comme un ensemble de boutons radio, ils peuvent être disposés de manière contiguë (sans espace).

Il est conseillé de regrouper les boutons de commande principaux de la fenêtre secondaire dans le coin supérieur droit de la fenêtre ou de les disposer sous la forme d'une règle le long du bord inférieur de la fenêtre. S'il y a un bouton prédéfini dans la fenêtre, il doit généralement apparaître en premier.

OK et Annuler doit être situé à proximité. Un bouton doit « fermer » le groupe Référence(si pris en charge par l'application). Si le bouton D'ACCORD non utilisé dans cette fenêtre, mais il existe d'autres boutons de contrôle ; alors il est préférable d'installer un bouton Annulerà la fin de l'ensemble des boutons de commande, mais avant le bouton Référence. Si un bouton s'applique uniquement à une zone spécifique de la fenêtre, incluez-le dans cette zone.

Si des boutons (ou d'autres contrôles) sont placés sur un onglet, leur portée est supposée s'appliquer uniquement à cet onglet ; En conséquence, les boutons qui ne font partie d'aucun des onglets de la fenêtre appartiennent à la fenêtre dans son ensemble.

Alignement. L'alignement est un autre moyen supplémentaire d'afficher visuellement des informations (ou des commandes) associées. En règle générale, il existe trois manières d'aligner les informations :

vertical (le long du bord gauche ou droit des éléments alignés) ;

horizontal (le long de la ligne supérieure ou le long du bord supérieur de l'élément) ;

alignement adjacent (lorsque les éléments se rencontrent sur les bords).

Si l'information est située verticalement, il est conseillé d'aligner ses éléments sur le bord gauche de la zone correspondante. Cela permet généralement à l'utilisateur de visualiser rapidement les informations plus facilement. Cependant, si des données numériques sont affichées sous forme de colonne dont les valeurs peuvent changer, il est préférable de les aligner à droite.

Visualisation des opérations effectuées est l'un des moyens de fournir à l'utilisateur des commentaires sur l'application. Une méthode de visualisation bien pensée aide non seulement l'utilisateur à mieux comprendre l'essence de l'opération en cours, mais garantit également une réponse rapide et correcte de la part de l'utilisateur en cas d'actions erronées ou infructueuses. Ceci est particulièrement important pour les applications utilisées dans les systèmes de contrôle, de prise de décision et autres systèmes en temps réel.

Visualisation des opérations de sélection. Le retour visuel lors des opérations de sélection doit permettre à l'utilisateur d'identifier clairement l'objet sélectionné parmi les autres.

L'image de l'objet sélectionné doit changer directement lors de l'opération de sélection. La même chose s'applique à la zone sélectionnée. Dans ce cas, l'état de sélection doit être affiché uniquement pour la zone active ou le niveau hiérarchique (par exemple, pour la fenêtre ou la sous-fenêtre active). Cela aidera l'utilisateur à déterminer à laquelle des sélections disponibles appartient l'action en cours.

Pour de nombreux types d'objets, une couleur de surbrillance du système peut être utilisée pour indiquer l'état de la sélection.

Visualisation des opérations d'expédition. Les opérations de transfert comprennent les opérations de déplacement, de copie et de liaison des objets, ainsi que leurs dérivés. Lors de l'exécution d'opérations de transfert, l'outil de visualisation consiste à déplacer l'image de l'objet transféré simultanément au déplacement du pointeur. Dans ce cas, l'image animée de l'objet doit être visuellement différente de son image dans la position d'origine : soit une image translucide, soit une image de contour de l'objet est utilisée comme image.

Animation. Dans de nombreux cas, l'animation peut être un moyen très efficace de transmettre informations visuelles(par exemple, pour illustrer le fonctionnement d'un appareil ou la réalisation d'une opération). Parfois, son utilisation peut simplement animer l'interface de l'application et rendre la communication de l'utilisateur avec elle plus agréable.

L’une des exigences les plus importantes pour l’utilisation de l’animation est qu’elle ne doit pas affecter l’interactivité de l’interface. Ne faites pas attendre l'utilisateur que le dessin animé soit terminé. Si l'animation ne fait pas partie d'un processus en cours, permettez à l'utilisateur de l'interrompre ou de continuer à travailler en parallèle.

Évitez l’utilisation inutile de l’animation. Si l’animation est utilisée uniquement à des fins décoratives, elle peut distraire, voire irriter l’utilisateur.

Avez-vous déjà réfléchi à la façon dont nous voyons les choses ? Comment les saisir dans toute la diversité visuelle environnement en utilisant des stimuli sensoriels ? Et comment interprétons-nous ce que nous voyons ?

Le traitement visuel est la capacité de donner un sens aux images, permettant aux humains (et même aux animaux) de traiter et d'interpréter la signification des informations que nous recevons à travers notre vision.

La perception visuelle joue un rôle important dans Vie courante, aider à apprendre et à communiquer avec les autres. À première vue, il semble que la perception se fasse facilement. En fait, derrière cette prétendue facilité se cache un processus complexe. Comprendre comment nous interprétons ce que nous voyons nous aide à concevoir des informations visuelles.

Une infographie équilibrée implique une bonne utilisation de la représentation visuelle (par exemple, des tableaux, des graphiques, des icônes, des images), un choix approprié de couleurs et de polices, une mise en page et un plan du site adaptés, etc. Et il ne faut pas oublier les données, leurs sources et sujets, ce qui n’est pas moins important. Mais aujourd'hui, nous n'en parlerons pas. Nous nous concentrerons sur l’aspect visuel de la conception de l’information.

Le psychologue Richard Gregory (1970) était convaincu que perception visuelle dépend d’un traitement descendant.

Le traitement descendant, ou processus conceptuel, se produit lorsque nous formons des idées sur grande imageà partir de petites pièces. Nous faisons des hypothèses sur ce que nous voyons en nous basant sur nos attentes, nos croyances, nos connaissances antérieures et nos expériences antérieures. En d’autres termes, nous faisons une supposition éclairée.

La théorie de Gregory est étayée par de nombreuses preuves et expériences. Un des plus exemples célèbres— effet masque creux :

Lorsque le masque est tourné vers le côté creux, vous voyez un visage normal

Gregory a utilisé le masque rotatif de Charlie Chaplin pour expliquer comment nous percevons la surface creuse d'un masque comme des renflements, en fonction de nos croyances sur le monde. Selon nos connaissances antérieures sur la structure du visage, le nez doit dépasser. En conséquence, nous reconstruisons inconsciemment le visage creux et en voyons un visage normal.

Comment percevons-nous l’information visuelle selon la théorie de Gregory ?

1. Près de 90 % des informations reçues par les yeux n’atteignent pas le cerveau. Ainsi, le cerveau utilise l’expérience antérieure ou les connaissances existantes pour construire la réalité.

2. Les informations visuelles que nous percevons sont combinées avec des informations précédemment stockées sur le monde que nous avons acquises grâce à l'expérience.

3. Basé sur divers exemples La théorie du traitement descendant suggère que la reconnaissance de formes est basée sur des informations contextuelles.

Conseil n°1 sur la conception de l'information, basé sur la théorie de l'inférence visuelle de Gregory : améliorez les données avec un thème et une conception appropriés ; utiliser un titre significatif pour définir les principales attentes ; Soutenez vos visuels avec un texte expressif.

2. L'expérience de Sanoka et Sulman sur les relations entre les couleurs

Selon de nombreuses études psychologiques, les combinaisons de couleurs homogènes sont plus harmonieuses et agréables. Alors que les couleurs contrastées sont généralement associées au chaos et à l’agression.

En 2011, Thomas Sanocki et Noah Sulman ont mené une expérience pour étudier comment les combinaisons de couleurs affectent la mémoire à court terme, notre capacité à nous souvenir de ce que nous venons de voir.

Quatre expériences différentes ont été réalisées en utilisant des éléments harmonieux et disharmonieux. palettes de couleurs. Dans chaque essai, les participants se voyaient présenter deux palettes : une première, puis une seconde, qu'il fallait comparer avec la première. Les palettes étaient affichées à un certain intervalle de temps et plusieurs fois dans des combinaisons aléatoires. Les sujets devaient déterminer si les palettes étaient identiques ou différentes. En outre, les participants à l'expérience devaient évaluer l'harmonie de la palette - une combinaison de couleurs agréable/désagréable.

Vous trouverez ci-dessous 4 exemples de palettes qui ont été présentées aux participants à l'expérience :

Comment les couleurs affectent-elles notre perception visuelle selon la théorie de Sanocki et Sulman ?

Les gens se souviennent mieux des palettes dans lesquelles les couleurs sont combinées les unes avec les autres.
Les gens se souviennent mieux des palettes contenant une combinaison de trois couleurs ou moins que de celles contenant quatre couleurs ou plus.
Le contraste des couleurs adjacentes affecte la façon dont une personne se souvient d'une palette de couleurs. En d’autres termes, cela signifie que la différence de couleur entre le contexte et l’arrière-plan peut améliorer notre capacité à nous concentrer sur le contexte.
Nous nous souvenons assez un grand nombre de combinaisons de couleurs en même temps.

Ainsi, les résultats de l'expérience indiquent que les gens sont mieux capables d'absorber et de mémoriser plus d'informations lorsqu'ils perçoivent des images avec une palette de couleurs contrastées mais harmonieuses, de préférence avec une combinaison de trois couleurs ou moins.

Conseil n°2 sur la conception de l'information, basé sur l'expérience de Sanoka et Sulman : utilisez le moins de couleurs différentes possible dans un contenu complexe ; augmenter le contraste entre les informations visuelles et l'arrière-plan ; choisissez des thèmes avec une combinaison harmonieuse de nuances ; utilisez judicieusement des combinaisons de couleurs disharmonieuses.

La rivalité binoculaire se produit lorsque nous voyons deux images différentes au même endroit. L’un d’eux domine et le second est supprimé. La domination alterne à certains intervalles. Ainsi, au lieu de voir une combinaison de deux images en même temps, nous les percevons tour à tour, comme deux images en compétition pour la domination.

Dans une expérience réalisée en 1998, Frank Tong, Ken Nakayama, J. Thomas Vaughan et Nancy Kanwisher ont conclu que si vous regardez deux images différentes en même temps, l'effet de rivalité binoculaire se produit.

Quatre personnes formées ont participé à l'expérience. En guise de stimuli, on leur a montré des images d'un visage et d'une maison à travers des lunettes dotées de filtres rouges et verts. Au cours du processus de perception, il y avait une alternance irrégulière des signaux provenant des deux yeux. Les réponses spécifiques au stimulus des sujets ont été surveillées à l'aide d'une imagerie par résonance magnétique fonctionnelle (IRM).

Comment percevons-nous les informations visuelles selon l’expérience de Tong ?

Selon les données de l'IRM, tous les sujets ont montré une rivalité binoculaire active lorsqu'on leur a montré des images différentes.
Dans notre système visuel, l’effet de rivalité binoculaire se produit lors du traitement visuel. En d’autres termes, pendant la courte période pendant laquelle nos yeux regardent deux images différentes proches l’une de l’autre, nous ne sommes pas en mesure de déterminer ce que nous voyons réellement.

David Carmel, Michael Arcaro, Sabine Kastner et Uri Hasson ont mené une expérience distincte et ont découvert que la rivalité binoculaire peut être manipulée à l'aide de paramètres de stimulus tels que la couleur, la luminosité, le contraste, la forme, la taille, la fréquence spatiale ou la vitesse.

La manipulation du contraste dans l'exemple ci-dessous amène l'œil gauche à percevoir une image dominante, tandis que l'œil droit perçoit une image supprimée :

Comment le contraste affecte-t-il notre perception visuelle selon l’expérience ?

La manipulation du contraste fait que le stimulus le plus fort domine pendant une plus grande période de temps.
Nous assisterons à une fusion de l’image dominante et d’une partie de l’image supprimée jusqu’à ce que surgisse l’effet de rivalité binoculaire.

Conseil de conception d'informations n°3 basé sur l'effet de rivalité binoculaire : n Ne surchargez pas le contenu ; utilisez des icônes thématiques ; mettre en évidence les points clés.

4. L'influence de la typographie et de l'esthétique sur le processus de lecture

Saviez-vous que la typographie peut influencer l'humeur d'une personne et sa capacité à prendre des décisions ?

La typographie est la conception et l'utilisation de caractères comme moyen de communication visuelle. De nos jours, la typographie est passée du domaine de l’impression de livres à la sphère numérique. En résumant toutes les définitions possibles du terme, nous pouvons dire que le but de la typographie est d'améliorer la perception visuelle du texte.

Dans une expérience, Kevin Larson (Microsoft) et Rosalind Picard (MIT) ont découvert comment la typographie affecte l'humeur du lecteur et sa capacité à résoudre des problèmes.

Ils ont mené deux études, impliquant chacune 20 personnes. Les participants ont été divisés en deux groupes égaux et ont eu 20 minutes pour lire un numéro du magazine The New Yorker sur une tablette. Un groupe a reçu un texte avec une mauvaise typographie, l'autre - avec une bonne typographie (des exemples sont donnés ci-dessous) :

Au cours de l'expérience, les participants ont été interrompus et on leur a demandé combien de temps ils pensaient s'être écoulé depuis le début de l'expérience. Selon des recherches psychologiques (Weybrew, 1984) : les personnes qui trouvent leurs activités agréables et qui y participent humeur positive, estiment qu’ils consacrent beaucoup moins de temps à lire.

Après avoir lu les textes, les participants à l'expérience ont été invités à résoudre le problème des bougies. Ils devaient fixer la bougie au mur pour que la cire ne coule pas, à l'aide de punaises.

Comment percevons-nous une bonne typographie et son impact ?

Les deux groupes de participants ont mal estimé le temps passé à lire. Cela signifie que la lecture était pour eux une activité amusante.
Les participants qui ont reçu un texte avec une bonne typographie ont considérablement sous-estimé leur temps de lecture par rapport aux participants qui ont reçu un texte avec une mauvaise typographie. Cela signifie qu’ils ont trouvé le premier texte plus intéressant.
Aucun des participants qui ont lu le texte avec une mauvaise typographie n'a pu résoudre le problème des bougies. Alors que moins de la moitié du deuxième groupe a accompli la tâche. Ainsi, une bonne typographie influence la capacité à résoudre des problèmes.

Conseil n°4 sur la conception de l'information, basé sur l'expérience de Larsen et Picard sur l'influence de la typographie : utilisez des polices lisibles ; séparer le texte des images ; ne superposez pas d'images ou d'icônes sur le texte ; laissez suffisamment d’espace blanc entre les paragraphes.

5. Perception de l'essence de la scène selon Castellano et Henderson

Vous êtes-vous déjà demandé ce que signifie réellement l’expression « une image vaut mille mots » ? Ou pourquoi percevons-nous mieux les images que le texte ?

Cela ne veut pas dire que l’image nous donne toutes les informations dont nous avons besoin. Une personne a simplement la capacité de saisir les principaux éléments d’une scène d’un seul coup d’œil. Lorsque nous fixons notre regard sur un ou plusieurs objets, nous formons idée générale et reconnaître le sens de la scène.

Qu’est-ce que la perception de la scène ? Selon Ronald A. Rensink, chercheur en recherche et développement chez Nissan :

« L’essentiel de la scène, ou perception de la scène, est la perception visuelle de l’environnement en tant qu’observateur à un moment donné. Cela inclut non seulement la perception d'objets individuels, mais également des paramètres tels que leurs positions relatives, ainsi que l'idée que d'autres types d'objets sont rencontrés. »

Imaginez que vous voyez certains objets qui représentent deux signes avec des symboles et un diagramme qui symbolise une bifurcation et indique deux chemins différents. Très probablement, la scène suivante est apparue devant vous : vous êtes au milieu de la jungle/forêt/autoroute et il y a deux chemins devant vous qui mènent à deux destinations différentes. Sur la base de cette scène, nous savons qu’une décision doit être prise et qu’une voie doit être choisie.

En 2008, Monica S. Castelhano de l'Université du Massachusetts Amherst et John M. Henderson de l'Université d'Édimbourg ont étudié l'effet de la couleur sur la capacité de percevoir l'essence d'une scène.

L'expérience comprenait trois essais différents. Les étudiants ont vu plusieurs centaines de photographies (objets naturels ou artificiels) dans des conditions différentes pour chaque test. Chaque image a été montrée dans une séquence et à un moment précis. Il a été demandé aux participants de répondre « oui » ou « non » lorsqu’ils voyaient des détails correspondant à la scène.

Des photographies normales et floues ont été présentées respectivement avec des photographies couleur et monochromes.

Déterminer le rôle des couleurs dans la perception de l'essence de la scène pour exemples suivants les photographies utilisaient des couleurs anormales :

Comment percevons-nous les informations visuelles basées sur les découvertes de Castellano et Henderson ?

Les sujets ont saisi l’essence de la scène et l’objet cible en quelques secondes. Cela signifie que les gens peuvent rapidement comprendre le sens d’une scène normale.
Les sujets étaient plus rapides à faire correspondre les images en couleur que celles en noir et blanc. Ainsi, la couleur nous aide à mieux comprendre une image.
En général, les couleurs déterminent la structure des objets. Comment meilleure couleur correspond à la façon dont nous percevons habituellement le monde, plus il nous est facile de comprendre le sens de l'image.

Conseil n° 5 sur la conception de l'information Basé sur la recherche sur la perception de la scène de Castellano et Henderson : utilisez des icônes ou des images appropriées pour représenter les données ; placer du contenu dans séquence correcte; utilisez des couleurs familières pour les objets importants.

conclusions

Comprendre comment les gens perçoivent les informations visuelles contribue à améliorer les infographies. En résumant les conclusions des expériences examinées, nous attirons votre attention sur des conseils clés pour la conception de l'information visuelle :

1. Mise en page et conception

Le thème et la conception doivent être cohérents avec les informations.
Ne surchargez pas les infographies de votre page.
Utilisez des icônes thématiques.
Organisez le contenu dans le bon ordre.
Utilisez des titres pour définir les attentes clés.

2. Série vidéo

Des visuels doivent accompagner le texte.
Affichez les chiffres importants dans des graphiques et des tableaux.
Utilisez les bonnes images et icônes pour représenter vos données.

Réduisez le nombre de couleurs pour les contenus complexes.
Augmentez le contraste entre les informations visuelles importantes et l’arrière-plan.
Utilisez des couleurs de thème harmonieuses.
Utilisez judicieusement les couleurs disharmonieuses.
Utilisez des couleurs régulières pour les objets importants.

4. Typographie

Choisissez des polices lisibles.
Laissez beaucoup d'espace blanc entre le titre et le texte ou l'image.
Ne superposez pas d'images ou d'icônes sur du texte.
Prévoyez suffisamment d’espaces entre les caractères.

Maintenant que vous connaissez les tenants et les aboutissants de la création d’infographies belles et convaincantes, c’est à vous de décider !