Dans la conception, vous ne pouvez pas regrouper des éléments sans placer d'espace avec ceux auxquels ils ne sont pas liés. Vous devez toujours inclure un espace blanc lorsque vous créez un site Web de conception personnalisée. Ne pas inclure suffisamment d'espaces blancs peut rendre votre contenu difficile à comprendre et en affecter l'esthétique globale.
N'oubliez pas que vous n'avez pas besoin de remplir tout l'espace sur votre site Web. Au lieu de cela, vous devez réfléchir à la manière dont les éléments proches les uns des autres sont perçus comme constituant un tout et utiliser un espace blanc pour séparer les éléments qui ne font pas partie de ces ensembles.
Exemples de loi de proximité dans la conception Web
Maintenant que vous avez une compréhension de base de la loi UX de proximité, vous vous demandez peut-être ce que cela donne en pratique. Voici quelques exemples de lois de proximité et de situations dans lesquelles vous devriez l'utiliser :
Texte de site Web
Les designers utilisent la loi de proximité pour rendre le contenu écrit plus facilement lisible et plus rapide à parcourir. Par exemple, les titres sont précédés d'un espacement plus grand que celui en dessous, afin d'organiser les paragraphes et de s'assurer que les lecteurs identifient les regroupements de contenus. En outre, la hauteur de ligne et l'espacement des lignes sont plus grands entre les mots pour créer des paragraphes, tandis que les lettres sont suffisamment proches pour former des mots.
Une navigation efficace fait partie d'une bonne conception de l'expérience utilisateur. Les sites Web contiennent généralement beaucoup de contenus, le regroupement des éléments, notamment les catégories et sous-catégories de contenu, peut donc faciliter la navigation. Les menus, qu'ils soient situés en haut du site Web ou sur un côté, comportent des espaces blancs entre leurs éléments pour regrouper le contenu et aider les visiteurs à comprendre quels éléments sont les plus étroitement liés les uns aux autres.
Si vous utilisez votre site Web pour générer des leads, pensez à optimiser vos formulaires avec la loi UX de proximité. Les formulaires comportent généralement des étiquettes pour indiquer aux visiteurs quelles informations vous souhaitez qu'ils partagent. Vous pouvez clairement étiqueter chaque champ en utilisant la proximité pour faciliter la lecture et l'utilisation de votre formulaire.
Pages produits
Si vous vendez des produits, vous pouvez avoir plusieurs articles sur votre site Web, certains liés et d'autres non. Vous pouvez utiliser la proximité sur les pages produits pour permettre aux visiteurs de trouver facilement des produits connexes.
Par exemple, si vous vendez du café, vos pages produits peuvent recommander des crèmes à café ou d'autres mélanges également appréciés des utilisateurs. Vous pouvez utiliser des recommandations dans un carrousel de manière à les regrouper sur la page produit.
Bas de page
Tout site Web professionnel doit comporter un bas de page composé de liens de navigation de base, de coordonnées ou de formulaires courts. Dans tous les cas, la proximité permet de regrouper facilement ces éléments. Par exemple, vous pouvez rassembler vos principaux liens de navigation avec toute autre information, telle que vos coordonnées, de l'autre côté de la page, avec un espace blanc en guise de séparation.
Bonnes pratiques pour appliquer la loi de proximité à la conception UI
La loi de proximité de Gestalt peut être utilisée pour regrouper tout contenu et guider facilement vos clients sur votre site Web.
Voici quelques bonnes pratiques pour appliquer ce principe à la conception Web :
Utilisez les espaces blancs
De nombreux designers novices pensent qu'ils doivent remplir intégralement les pages, mais cela peut créer une mise en page chaotique et déroutante. L'utilisation d'espaces blancs pour séparer les groupes de contenu et les éléments de conception est cruciale si vous voulez que votre site Web soit facilement lisible, plus rapide à parcourir et particulièrement beau. En outre, l'utilisation de grandes zones blanches peut faire paraître vos pages Web mieux organisées tout en aidant les utilisateurs à naviguer sur le site.
Pensez d'abord au contenu
Avant de concevoir vos pages Web, réfléchissez au contenu dont vous aurez besoin. Par exemple, si vous créez des pages produits, vous avez peut-être un design à l'esprit, mais il est important de prendre en compte les types de copies et les quantités affichées sur la page. Le design doit s'adapter à la copie, et non l'inverse. Par conséquent, il est judicieux de planifier votre contenu avant de commencer la conception de votre site Web pour vous aider à comprendre les types d'informations qui devront être regroupées.
Mettez en valeur certains éléments
Vous pouvez utiliser la loi de proximité pour mettre l'accent sur certains éléments de la page et améliorer vos conceptions UX et UI. Tout d'abord, privilégiez toujours les éléments dont vous avez besoin sur la page et qui sont les plus importants ; le contenu et la hiérarchie informationnelle détermineront les éléments qui doivent se démarquer. Cependant, les designers peuvent jouer avec un espace négatif pour mettre en valeur différentes zones de la page Web afin de s'assurer qu'elles ressortent du lot.
Optimisez l'interface utilisateur grâce à la loi de proximité
Si vous souhaitez rendre votre site Web plus esthétique et améliorer l'expérience utilisateur, pensez à les optimiser grâce au principe de proximité de Gestalt.
Ce principe de conception graphique vous permet de comprendre comment la perception affecte la mise en page et de l'utiliser à votre avantage. Jouer avec différents éléments en les regroupant et en créant des hiérarchies visuelles avec des espaces blancs peut conférer un look plus professionnel à votre site Web et améliorer la première impression laissée à votre client par votre entreprise.
Utilisez la loi de proximité lorsque vous concevez votre site Web avec Mailchimp. Nous facilitons la création de sites Web professionnels sans aucune expérience en conception graphique. Essayez Mailchimp dès aujourd'hui.
