HCD_02 — Les lois de Gestalt à travers le web

Juwan Dutkiewicz
3 min readJan 3, 2019

--

Sur nos sites internet, il existe une lois qui s’applique sur certaines mises en pages des sites, pour soit facilité ou rendre plus clair la compréhension aux yeux des utilisateurs, je vais t’en présenter 7 différents, facile à comprendre et easy à assimiler.

Première lois : La similarité

La loi de la similarité: Principe selon lequel on perçoit une forme grâce à des éléments similaire, souvent répétés plusieurs fois sur une page.

Plusieurs blocs (une image + titre + avec le prix et sa promotion) similaires situés cote à cote https://myspringfield.com/be/en/homepage
Un bloc pour chaque article, avec une titre, la date d’ajout, image pour illustrer le tout (https://medium.com)

Deuxième lois : La proximité

La deuxième lois de Gestalt est la proximité, les éléments proches sont considérés comme faisant partie d’un même objet

Plusieurs blocs similaire cote à cote situé dans un même objet (https://www.youtube.com)

Troisième lois : La cloture

Loi de la clôture: Divers procédés afin de combler des vides, pour mieux percevoir une forme dans sa totalité.

Barre verticale permettant de séparer les différents blocs de section pour les distinguer facilement (https://www.udemy.com)
Les différents articles sont délimité par un contour de celui ci. (https://www.udemy.com)

Quatrième lois : La symétrie

Des éléments de même amplitude placés de part et d’autre d’un axe de symétrie.

Une symétrie verticale pour le texte et l’image dans le même bloc (http://juwandutkiewicz.be/projets/iolce/)

Cinquième lois : La continuité

Loi de la continuité: Sert principalement à suivre un sens de lecture grâce aux rapprochement d’éléments et est considéré comme des prolongements les uns par rapport aux autres.

Changement de sens pour la position de l’image, du texte et description, facilitant le sens de lecture.
L’image refait le meme cas de figure que la photo précédente

Sixième lois : Fond / Figure

La figure possède un contour défini et se détache du fond moins défini, plus homogène. Ou avant-plan et arrière-plan.

Image de fond avec un dégradé de couleur sombre appliqué dessus pour faire ressortir les écritures blanches. (https://www.welcometothejungle.co)
Meme exemple que le précédent. (https://www.mapbox.com)

Septième lois : Point focal

C’est la capacité d’un objet de sortir de son cadre défini.

L’image sort de sa section définie. (https://toyfight.co/)

Voilààààà, les différentes lois de Gestalt t’ont été expliqué et bien j’espère, tu as compris ?
Hésites pas à applaudir mon petit article, c’est gentil tout pleins !

--

--