Principes de Gestalt : comprendre son importance dans la conception de rapports

L'objectif des principes de conception de la Gestalt est de comprendre comment les humains acquièrent généralement des perceptions significatives à partir de stimuli chaotiques qui les entourent.

Pour devenir un bon designer, nous devons comprendre et utiliser le pouvoir de la psychologie dans la perception visuelle . Comment quelqu'un réagit-il à un design quand il le voit ? Comment notre esprit l'interprète-t-il ?

Les principes de Gestalt et les attributs préattentifs sont des méthodes par lesquelles nous avons organisé le monde de sorte qu'il soit familier, logique et facile à traiter.

Table des matières

• Traitement Gestalt
• Traitement pré-attentif
• Importance des principes de Gestalt
• Utilisation des principes de la Gestalt pour la narration
• Principe de similarité
• Application des principes de Gestalt dans les rapports LuckyTemplates
• Conclusion

Traitement Gestalt

Une gestalt est un groupe de principes de perception visuelle développés par des psychologues allemands dans les années 1920. Il est construit sur la théorie selon laquelle un tout non organisé est perçu comme différent de la somme de ses parties.

Prenons un exemple. Quand vous regardez l'image ci-dessous, que voyez-vous ? Voyez-vous un vélo ou voyez-vous chaque composant séparément ? Que diriez-vous du côté droit, que voyez-vous? Voyez-vous un chien ou voyez-vous des points séparés sur l'écran ?

Vous diriez probablement un vélo et un chien parce que notre cerveau recherche des indices familiers et essaie de le simplifier.

Traitement pré-attentif

D'autre part, le traitement pré-attentif est la perception cognitive . Comme son nom l'indique, c'est un processus. C'est le tri des informations visuelles pour donner rapidement un sens à ce que nous voyons.

Tout comme la psychologie, elle se concentre sur la façon dont nous percevons les choses. Nous percevons les stimuli en relation les uns avec les autres et leur contexte.

Gestalt en allemand signifie entier. Nous sommes bombardés de plusieurs stimuli chaque jour ; par conséquent, la psychologie de la Gestalt nous aide à percevoir ces stimuli en groupe et nous aide à les interpréter. Il nous dit comment nous percevons les stimuli de manière organisée.

Fondamentalement, notre cerveau nous oblige à réduire le chaos créé par les informations bombardées des nombreuses parties et essaie d'établir des relations à partir d'un groupe, puis d'attribuer ces parties au groupe.

La psychologie de la Gestalt tourne autour de ce mantra : le tout est différent de la somme de ses parties. Il énonce que nous percevons les choses qui nous entourent, en relation les unes avec les autres, comme un groupe, comme un tout ou comme similaires les unes aux autres.

Importance des principes de Gestalt

Alors pourquoi est-il important de comprendre ces lois de la perception lorsque l'on travaille dans la visualisation de données ?

L'objectif le plus important pour les concepteurs est de s'assurer que leur conception est remarquée par les gens. Tout comme la règle de grammaire est le fondement d'une écriture efficace, les principes de Gestalt sont le fondement de la composition de la grammaire visuelle.

Nous pouvons appliquer certaines de ces idées à la conception de rapports en tirant parti des lois essentielles de la tentative humaine de trouver l'ordre dans le désordre. Cela nous aide à obtenir une meilleure structure de rapport ou à rendre nos graphiques plus simples.

Cela peut nous aider à déterminer quels éléments visuels sont les plus efficaces dans une situation donnée pour influencer la perception , diriger l'attention et provoquer un changement de comportement .

Utilisation des principes de la Gestalt pour la narration

L'utilisation de la narration est bénéfique en ce qui concerne la conception intuitive. Les principes de Gestalt tentent de décrire comment les gens perçoivent les éléments visuels dans certaines conditions.

Principe de similarité

Parlons maintenant du principe de Gestalt le plus facile à comprendre et le plus largement utilisé, qui est la similarité. Il stipule que lorsque les choses semblent être similaires les unes aux autres, nous les regroupons et pensons qu'elles ont la même fonction.

L'œil humain a tendance à établir une relation entre les éléments ayant une similitude de conception en utilisant des éléments de base tels que les formes, les couleurs, l'orientation, la texture et la taille.

Voyons l'exemple ci-dessous. Regardez les formes rondes sur le côté droit de la page. Combien de groupes voyez-vous ? Vous direz très probablement un groupe d'éléments de même taille, couleur et forme.

Dans cet exemple, nous allons regrouper les éléments en fonction de la forme .

Pour cet exemple, nous allons regrouper les éléments en fonction de la couleur .

Une autre caractéristique supplémentaire du principe de similarité est l' anomalie .

Lorsque les objets sont familiers, un autre objet est mis en valeur s'il est différent des autres. En conséquence, l'anomalie attire les yeux comme vous pouvez le voir dans l'exemple sur le côté droit.

Dans ce cas, pour le faire vraiment ressortir, nous avons utilisé une couleur, une forme et une orientation différentes.

Application des principes de Gestalt dans les rapports LuckyTemplates

Voyons maintenant quelques exemples de la façon dont nous pouvons utiliser le principe à l'intérieur de nos rapports LuckyTemplates .

Dans ce premier exemple, nous voyons que nous avons trois blocs de graphes très similaires. Nous avons une forme à gauche, un KPI en haut et un graphique à droite. Cela permet une comparaison pour les utilisateurs finaux en utilisant le principe de similarité.

Un autre point clé se trouve sur la partie inférieure de l'écran. Nous pouvons également comparer différents aéroports avec un bas de gamme minimum, un maximum de jours de pluie supérieur à un pouce, et nous pouvons également voir la valeur du nombre de jours de pluie pour l'année dernière.

Un autre exemple est cette analyse de la prévalence de l'asthme . Nous pouvons voir à travers l'utilisation de la couleur la relation entre deux graphiques différents. L'un est une carte tandis que l'autre est un nuage de points .

De la même manière, nous pouvons également utiliser comme exemple l'utilisation de petits multiples . Basés sur le principe de similitude, les petits multiples sont très utiles lors de la création d'une histoire car ils permettent de comparer différentes informations qui, dans ce cas, sont l'ethnie des enfants asthmatiques.

Il convient également de souligner le coin supérieur droit où la navigation comporte des icônes et des boutons. C'est un bon exemple car ces boutons sont au même endroit. En effet, le concepteur n'a pas seulement appliqué le principe de similarité mais aussi le principe de proximité. Cela permet à l'utilisateur de comprendre qu'il existe une relation et qu'il peut utiliser cette navigation.

Autre exemple, ce reportage réalisé par Julie Boche . C'est un parfait exemple du principe de similarité.

À l'intérieur du rapport, elle a utilisé deux couleurs différentes pour le nom des deux conducteurs qu'elle a analysés. Le fait qu'elle ait utilisé la couleur est très intelligent car en l'utilisant elle n'a pas besoin de créer des légendes partout.

Remarquablement, elle a utilisé les mêmes couleurs pour créer une relation indirecte entre le titre et les couleurs de ce graphique. Pour comparer tous les pilotes, elle a également utilisé les mêmes couleurs pour les diagrammes de dispersion.

Sans aucun doute, la création des deux blocs KPI en est également un bon exemple. Ils sont exactement les mêmes et permettent à l'utilisateur de comparer facilement les métriques des deux pilotes. C'est un très bon exemple des principes de similarité et d'harmonie à l'intérieur d'un rapport.

Dernier point mais non le moindre, nous avons le diagramme de dispersion qui est également très utile et puissant dans la conception pour raconter une histoire. Nous avons beaucoup d'éléments similaires et nous pouvons les comparer sur la base des mêmes métriques et des mêmes règles.

De plus, ce rapport créé par Mudassir Ali est également un exemple de similitude. Nous voyons des blocs similaires qui sont positionnés ensemble. Le principe de proximité est également appliqué car il crée une page vraiment agréable qui permet à la comparaison et à l'harmonie de dominer l'ensemble de la page.

Enfin, ceci est un exemple d' anomalie de similarité . Dans ce rapport, j'aimerais que vous regardiez le coin supérieur droit de l'écran. Ceci est un exemple d'anomalie due à la couleur des formes rondes, par rapport à la forme de tout le reste de ce rapport.

Évidemment, j'ai créé ces formes rondes pour attirer l'attention sur ces mesures. Un utilisateur restera peut-être une seconde ou deux pour analyser ce que je voulais montrer à travers cet exemple.

Visualisation des données et cadres de création de rapports améliorés
Data Storytelling : processus de planification et de création réfléchis
Fonctionnalité LuckyTemplates Navigateur de signets : didacticiel et révision

Conclusion

Dans ce didacticiel, vous avez appris l'importance de la Gestalt et les principes de similarité dans les conceptions LuckyTemplates. Il est également important de réaliser qu'une fois que vous aurez compris ces principes simples, vous serez en mesure de contrôler, de mettre en œuvre et de rendre vos conceptions de rapport et votre récit plus attrayants et dynamiques.

Tous mes vœux,