Les principes de la Gestalt

Je vais présenter 3 sites où l’on peut retrouver 4 lois de la Gestalt.

  1. Bol.com

Sur ce site, on peut clairement voir plusieurs lois de la Gestalt.

Tout d’abord, on voit le principe de similarité (en rouge) à chaque fois on voit des éléments qui se répètent : ici, l’image du produit, la description du produit (titre, album, sortie, avis des acheteurs et résumé de l’album/chanteur/groupe) et le prix avec le temps de livraison et le formulaire. Tous ces éléments se répètent à chaque fois.

Ensuite, nous voyons le principe de proximité (en bleu). En effet, on peut voir que pour un produit, il y a 3 blocs : l’image du produit // le bloc composé du titre, de la date de sortie, de l’avis des acheteurs et du résumé de l’album //et le bloc composé du prix, du délai de livraison ainsi que du mini formulaire pour ajouter le produit au panier. Et ces 3 blocs sont tous rassemblés pour ne former qu’un seul et même produit donc on a bien une entité.

Il y a aussi le principe de clôture (en vert). Les espaces blancs entre chaque produit est comblé par une ligne grise horizontale.

Enfin, on remarque aussi le principe du point focal (en orange). En effet, on veut que l’utilisateur voit certains éléments en premier ou en tous cas, on aimerait attirer son attention dessus. Il s’agit du prix, celui-ci est mis en rouge pour qu’il resorte par rapport aux autres éléments. Grâce à cette couleur flash, cela saute directement aux yeux et attire notre attention. On peut voir aussi un autre élément mis en évidence : le rectangle jaune qui permet d’ajouter le produit au panier. Cette couleur flash incite aussi l’utilisateur a acheter le produit et à le mettre dans son panier.

2. Gucci.com

Site de GUCCI avec photos de sacs

Comme principes de la Gestalt, on peut d’abord identifier le principe de Similarité (en rouge). En effet, on voit bien qu’à chaque fois, on a une répétition du produit (du sac, ici). Et si l’on passe dessus avec sa souris, on peut voir un petit icône en forme de coeur (pour liker le produit), une photo d’un mannequin, la description du produit ainsi que son prix. Et ces éléments se répètent sur chaque produit lorsqu’on passe dessus.

Ensuite, il y a le principe de clôture (en vert). Encore une fois, ils ont placé une grande barre horizontale grise pour combler le blanc sur l’image de fond au dessus de la page. Ce qui est intéressant ici, c’est que entre chaque produit, il n’y a quasi pas d’espace blanc comme si la volonté était de garder une certaine continuité lors de la lecture du site.

Il y a aussi le principe de symétrie (en violet). En effet, certaines photos sont placées de part et d’autre d’un axe. Cet axe coupe le site en deux verticalement.

Finalement, on voit le principe de proximité (en bleu). Chaque sac (qui est composé de l’icône, de l’image, de la description et du prix) est une seule et même entité. On voit donc que ce sont tous des petits blocs qui regroupent à chaque fois les mêmes éléments.

3. Fnac.be

Sur le site de la Fnac, on retrouve aussi des principes de la Gestalt.

Tout d’abord, il y a le principe de la similarité (en rouge). En effet, on a une répétition du produit. A chaque fois on a le produit, le nom du produit, la marque (parfois les avis des acheteurs) et le prix. Et ces éléments se répètent tout au long du site sur chaque page.

De plus, il y a le principe de proximité (en bleu). Chaque produit(qui est composé de l’image du produit, de son nom, de la marque, de l’avis des utilisateur et du prix) est un seul et même bloc. Dans ce bloc, en plus des éléments de similarité, il y a aussi les deux icônes (coeur et des flèches pour comparer) ainsi que le rectangle orange pour ajouter au panier.

Il y a aussi le principe de clôture (en vert). Ils ont placé des petites barres verticales grises dans le menu pour former des blocs et ainsi combler le blanc . Entre chaque produit aussi, on doit que les séparations se font via des lignes horizontales et verticales créants ainsi des blocs.

Pour finir, on remarque le principe de point focal (en orange). En effet, notre oeil est attiré sur le prix qui resort car il est en rouge. Notre oeil est aussi attiré par la présence d’un petit rectangle jaune en haut à gauche de chaque image. Ces rectangles attirent l’oeil sur le fait que ce produit est en réduction car nous sommes en période des “jours fnac” ou des “prix adhérents”. Lorsqu’on passe la souris sur le produit, il y a aussi le rectangle arrondi en dessous de celui-ci. Ce rectangle attire notre oeil aussi par sa couleur et encore une fois, cela nous incite à acheter et à mettre le produit dans le panier.

I'm a student in the "Haute Ecole Albert Jacquard" in Namur. I'm studying Design Web and Mobile.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store