6 min de lecture
Quand vous créez un site webflow, vous fiez-vous à votre instinct pour son design ? Parfois, ça peut marcher. Faites quand même attention, surtout pour la conception d’un site de grande envergure. Se fier à son instinct est loin d’être suffisant ! Il faut respecter une certaine règle, notamment la théorie de Gestalt sur Webflow. Qu’est-ce que c’est ? Quels avantages promet-elle ?
Gestalt est un mot allemand qui signifie "formes". Plus qu’un simple mot, la théorie des formes (ou psychologie des formes) est tout un concept. Je vous explique :
Un groupe est toujours composé de plusieurs éléments individuels. On voit un ensemble, et pourtant, cet ensemble peut être séparé. Dans le cas d’un site web par exemple, une page web est composée de :
C’est précisément là que la théorie de Gestalt entre en jeu. Elle décrit comment l’esprit humain perçoit les éléments visuels. Si vous réussissez à la cerner, je suis sûr que vous pourrez réaliser un site web qui plaira vraiment à vos cibles ! Mais avant, il faut essayer de comprendre le cerveau humain.
À la vue d’un site web, le premier réflexe du cerveau est de le décomposer en plusieurs éléments simples. Il est donc capable de percevoir les différents espaces qui constituent un site web : l’espace positif et l’espace négatif.
L’espace positif est représenté par les formes, couleurs, motifs… du site web. En quelque sorte, il est l’objet ou le point central de l’ensemble. D’un autre côté, l’espace négatif est le fond qui, en général, est un espace blanc. Il est le “non-élément”, l’arrière-plan, la partie statique du site.
Un design sur Webflow est réussi quand l’équilibre entre ces deux espaces est respecté (un peu comme le Yin et le Yang). Trop d’espaces positifs encombrent le site tandis que trop d’espaces négatifs donneront un sentiment de vide. Comment savoir que cet équilibre existe ?
C’est simple ! Quand vous avez fini un site, vous pouvez demander l’avis d’une ou plusieurs tierces personnes. D’après elles, les espaces entre les sites web paraissent-ils naturels ? La page est-elle assez désencombrée ? N’y a-t-il pas beaucoup de distractions ? Le style et l’apparence du site sont-ils corrects ? Bref, l’ensemble est-il homogène, esthétique ?
Au cas où la première vue du site fait naître une malaise, vous devez revoir certaines choses ! Assurez-vous toutefois que vous faites les choses de la bonne manière en respectant les 6 lois de Gestalt sur Webflow.
En tout, nous distinguons :
Quand plusieurs formes similaires sont rapprochées, le cerveau les traduira sous forme d’un ensemble. Les logos par exemple sont constitués de différents points. Quant aux dessins, il s’agit d’une mosaïque de couleurs. Et ainsi de suite.
Parlons maintenant de ses éléments qui se placent côte à côte. Vous avez peut-être remarqué qu’ils attirent facilement l’oeil. Appliquée en webdesign, cette loi fait référence au thème principal du site web.
Presque dans tous les sites web performants, je vois qu’une étude a été mise en place pour inciter les internautes à suivre un chemin précis. La loi de la continuité peut alors vous aider ! Elle consiste à mieux organiser les informations, toujours en faisant bon usage de différents formes et éléments (traits, cercles, pointillés…).
Une seule couleur (ou forme)est souvent appliquée pour tous les boutons de CTA d’un site web. Comprenez-vous la raison de ce choix ? En fait, la loi de similitude de Gestalt en est la source. Le cerveau comprendra ainsi assez vite qu’il doit réaliser une action à chaque fois qu’il voit la même couleur (ou forme).
Dites-moi, quand vous voyez un cercle en pointillé, est-ce que vous vous souciez des détails ? En général, le cerveau ignore cette discontinuité (pointillé). Pour lui, il s’agit tout simplement d’un cercle. Pareillement, une ligne en pointillé sera une simple ligne pour lui.
Or, le fait est que les discontinuités sont designs et modernes. Elles sont actuellement très tendance dans la conception d’un site web. Voici un exemple qui représente bien cette loi de discontinuité dans le webdesign : le menu hamburger et ses 3 traits. Pour le cerveau, ces 3 traits sont comme une sorte de liste qu’il est normal que si l’on clique dessus, on ait accès au menu du site.
Le destin commun fait allusion aux divers éléments qui vont dans une même direction, suivant un même mouvement. Que vous le vouliez ou non, votre cerveau regroupera ces éléments comme étant un seul et même objet. En pratique, il s’agit des listes, galeries d’images…
En tant que webdesign, vous devez aussi faire en sorte de faciliter l’expérience des utilisateurs. Les animations sur ces groupes d’éléments devront par exemple être uniformes (déroulement du menu, transition, hover…).
Je ne vais pas tourner autour du pot. Je suis sûr qu’en respectant cette théorie à la lettre, vous atteindrez facilement votre objectif de création de sites (avoir plusieurs abonnés, transformer ces abonnés en clients, plus de ventes…). Comment est-ce possible ?
Comme je l’ai dit au début de cet article, la théorie de Gestalt peut être définie comme la théorie des formes. Les 6 lois que je viens de vous expliquer le prouvent aussi. Il faut donc se concentrer sur les formes, notamment leur emplacement.
Ainsi, vous devez placer chaque élément de manière ordonnée. Le but étant d’attirer le regard des internautes sur des espaces stratégiques, et ainsi, équilibrer l’espace positif et l’espace négatif. Cela garanti une interface utilisateur :
Conclusion
La création d’un site web design sur Webflow doit être dictée par la célèbre théorie de Gestalt (aussi connue sous le nom de psychologie des formes). Tous les webdesigners qui l’ont respecté connaissent actuellement la réussite. C’est à votre tour maintenant !
Revenez sur cette page chaque fois que vous voudrez. Avez-vous trouvé des idées que j’aurais oubliées ? Si oui, lesquelles ? Laissez un commentaire ci-dessous ou envoyez un e-mail à hello@happydesk.be
Dans la joie et la bonne humeur
Que vous soyez débutant ou expérimenté, la Happy.webacademy vous donne l’énergie, les stratégies et les outils pour avoir plus de liberté et générer des résultats qui propulseront votre chiffre d’affaires dans les étoiles.
