Les principes de Gestalt sont des principes/lois de la perception humaine qui décrivent comment les humains regroupent des éléments similaires, reconnaissent des modèles et simplifient des images complexes lorsque nous percevons des objets. Les concepteurs utilisent les principes pour organiser le contenu sur les sites Web et autres interfaces afin qu’il soit esthétiquement agréable et facile à comprendre.

Principes de Gestalt – un arrière-plan

« Gestalt” de l’allemand « unifiée”., Les premiers principes de Gestalt ont été conçus dans les années 1920 par les psychologues allemands Max Wertheimer, Kurt Koffka et Wolfgang Kohler—qui visaient à comprendre comment les humains acquièrent généralement des perceptions significatives des stimuli chaotiques qui les entourent. Ils ont identifié un ensemble de lois qui traitent de la contrainte naturelle de trouver l’ordre dans le désordre. Selon cela, l’esprit « informe » ce que l’œil voit en percevant une série d’éléments individuels dans leur ensemble., Les professionnels de l’industrie alors en pleine croissance du design graphique ont rapidement adopté ces principes, et les concepteurs ont depuis largement utilisé les principes de Gestalt pour concevoir des conceptions avec des éléments bien placés qui attirent l’attention sous forme d’images plus grandes et entières.

Le tout est autre que la somme des parties.
– Kurt Koffka

Les principes de Gestalt sont des principes / lois de la perception humaine qui décrivent comment les humains se regroupent de manière similaire

principes de Gestalt

Les principes de Gestalt sont une partie essentielle de la conception visuelle., Il y a plus de dix principes qui se chevauchent; quatre des plus largement reconnus sont:

fermeture (réification): nous préférons des formes complètes, donc nous remplissons automatiquement les espaces entre les éléments pour percevoir une image complète. C’est comme ça que nous pouvons voir le tout en premier. Vous pouvez appliquer la fermeture de toutes sortes de façons imaginatives pour gagner l’admiration et la confiance des utilisateurs lorsqu’ils reconnaissent des « entiers” agréables dans des éléments intelligemment placés, qu’il s’agisse de lignes, de points ou de formes (par exemple, des segments d’une image)., Des logos emblématiques tels que ceux D’IBM et du Fonds mondial pour la nature sont des exemples de fermeture appliquée—ceux d’IBM comprenant des lignes horizontales bleues disposées en trois piles; ceux du WWF consistant en un groupe de formes noires sur un fond blanc pour révéler la forme familière d’un panda. .

région commune: nous regroupons les éléments qui sont dans la même région fermée

. Vous incluez des objets associés dans la même zone fermée pour montrer qu’ils se distinguent des autres groupes., Vous pouvez voir ce principe appliqué dans Facebook, par exemple, où les likes, les commentaires et autres interactions apparaissent dans les limites d’un message et se distinguent donc des autres.

Figure / Sol (multi-stabilité): nous n’aimons pas l’incertitude, nous recherchons donc des éléments solides et stables. À moins qu’une image ne soit ambiguë—comme le Vase de Rubin, ci—dessous-nous voyons d’abord son premier plan. Vous pouvez appliquer figure / sol de plusieurs façons, mais principalement pour contraster des éléments: par exemple, un texte clair (c’est-à-dire une figure) à partir d’un fond sombre (c’est-à-dire un sol)., Lorsque vous utilisez bien figure / sol, à côté d’autres considérations telles qu’une application soigneuse de la théorie des couleurs, Vous aiderez les utilisateurs à guider dans leurs tâches et à réduire leur charge cognitive.

proximité (émergence): nous regroupons les éléments les plus rapprochés, les séparant de ceux les plus éloignés. Ainsi, lorsque vous regroupez des éléments individuels

dans une zone ou un groupe de votre conception, les utilisateurs le reconnaîtront comme une entité distincte de toute autre entité à l’écran., Un exemple de proximité dans le design

est le logo des Girl Scouts, avec ses trois visages regroupés de profil (deux

verts, un blanc).

Vous pouvez également appliquer d’autres principes Gestalt dans le travail de conception—par exemple, continuation, connectivité unifiée—quel que soit le travail / s le mieux pour accéder à vos utilisateurs et les aider à atteindre leurs objectifs (et ceux de votre marque) souhaités.

les principes de la Gestalt sont dans l’esprit, pas dans l’œil

Les principes de la Gestalt sont essentiels dans la conception de l’expérience utilisateur (UX)., Lorsque vous concevez des interfaces, les utilisateurs doivent être en mesure de comprendre ce qu’ils voient et de trouver ce qu’ils veulent en un coup d’œil. Les principes de proximité et de région commune en sont un bon exemple, comme le montre notre page de destination ci-dessous. Les couleurs et les graphiques divisent la page en régions distinctes. Sans cela, les utilisateurs auraient du mal à faire des associations entre des éléments groupés-ensemble non liés—et à partir. Dans vos conceptions, vous ne devez jamais confondre ou retarder les utilisateurs. Au lieu de cela, guidez-les vers leurs options et afin qu’ils puissent s’identifier rapidement avec les organisations/marques.,

Les principes Gestalt sont essentiels dans la conception de l’expérience utilisateur (UX). Lorsque vous concevez des interfaces, les utilisateurs doivent être en mesure de comprendre ce qu’ils voient et de trouver ce qu’ils veulent en un coup d’œil. Les principes de proximité et de région commune en sont un bon exemple, comme le montre notre page de destination. Les couleurs et les graphiques divisent la page en régions distinctes. Sans cela, les utilisateurs auraient du mal à faire des associations entre des éléments groupés-ensemble non liés—et à partir. Dans vos conceptions, vous ne devez jamais confondre ou retarder les utilisateurs., Au lieu de cela, guidez-les vers leurs options et afin qu’ils puissent s’identifier rapidement avec les organisations/marques.

en savoir plus sur les principes de la Gestalt

Usertesting.com le blog contient de nombreux conseils et exemples:https://www.usertesting.com/blog/2016/02/24/gestalt-principles/

L’article du Stratège de contenu Jerry Cao sur les principes de Gestalt pour les concepteurs offre de nombreuses informations utiles: http://blog.teamtreehouse.com/gestalt-principles-designers-applying-visual-psychology-modern-day-design