Induire un comportement visuel avec la Gestalt – principe de Smallness / Area

J’avais commencé de décrire les effets de Gestalt utilisés par mon équipe pour la réalisation des écrans.

Excusez-moi pour la longue attente avant d’avoir la suite, j’ai eu peu de temps pour rédiger de nouveaux posts depuis un an maintenant.

Voici donc la suite de la série.

L’idée est de positionner une zone au dessus d’une autre afin que la zone du dessus (plus petite) soit perçue comme le contenu réel, la plus grande zone située en arrière-plan étant considérée uniquement comme fond.

C’est un des composants permettant de renforcer la saillance d’un composant au sein d’une page.

Ce principe à lui seul ne suffit bien entendu pas mais est un complément aux principes de similarité, de proximité, de bonne continuité, …

Pour s’en convaincre il suffit de regarder les deux écrans analysés.

Gestalt - Smallness area

Sur les boutons centraux du site de Ethias, l’ensemble des principes fondamentaux est renforcé par le principe de Smallness / Area.

Cela donne aux boutons une saillance supplémentaire.

Gestalt - Smallness area

Gestalt - Smallness area

Submit a Comment