Qu'est-ce qui pousse un consommateur à acheter un t-shirt plutôt qu'un autre, apparemment identique, mais d'une marque différente ? Le client ne s'en rend peut-être pas compte, mais c’est là que la science entre en jeu. De nombreuses marques exploitent la psychologie pour comprendre comment le cerveau humain prend des décisions.
Lorsqu'un client potentiel arrive sur un site web, la marque a plusieurs occasions d'influencer son comportement. De la première impression à la conversion, chaque décision de design compte.
Découvrez l’influence du design psychologique, que ce soit au travers du thème de votre site web, de vos couleurs de marque, ou du texte de vos boutons d'achat. Explorez également les principes fondamentaux de la psychologie à travers des techniques utilisées par certaines des plus grandes marques mondiales.
Le rôle de la psychologie dans le design
Les universitaires débatent encore sur le chiffre exact, mais d’après le magazine Inc (en anglais), on estime que 95 % des décisions humaines sont subconscientes. Pourquoi cela est-il important pour la création d’une identité de marque ? Comprendre les principes psychologiques (comme les déclencheurs émotionnels qui poussent les gens à agir) mènera à des décisions de design plus éclairées.
Comprendre la psychologie comportementale peut aider les marques à poser les bonnes questions à propos de leur public cible. Au-delà de leurs données démographiques de base, quelles sont leurs motivations profondes ? Comment pouvez-vous répondre à leurs besoins fondamentaux ou à leur désir d'appartenance ? Quelles images et quel langage leur apportent un sentiment de sécurité ou de nostalgie ?
Bien que chaque public soit différent et qu'il soit important d'adapter votre design à leurs préférences et leurs comportements, il existe un ensemble de principes de design psychologique désormais largement acceptés. On retrouve notamment les principes de Gestalt, la charge cognitive, la loi de Hick, les modèles mentaux et la psychologie des couleurs. (Plus loin dans cet article, vous apprendrez comment ces principes peuvent être utilisés pour influencer le comportement des utilisateurs.)
Au cours des dernières années, de nombreux graphistes ont évolué vers des rôles de design UX (expérience utilisateur). Cela est dû au fait que le design joue un rôle important dans l'attraction et la conversion des clients. Les designers UX utilisent le design psychologique pour créer des expériences pertinentes et significatives qui incitent les clients à visiter, s'engager, suivre et acheter. Ce cadre centré sur l'utilisateur est appelé design thinking.
Pourquoi est-il important de connaitre des stratégies de design psychologique ?
Un beau design ne signifie rien s'il n'évoque pas la bonne émotion ou ne répond pas aux besoins de ceux qui le voient.
Appliquer des techniques de psychologie du design est ce qui fait la différence entre agir sur un coup de tête et faire des choix de design délibérés basés sur la science. Cette approche mesurée permettra à une marque de gagner du temps en évitant les essais et erreurs, et de mieux comprendre ses clients cibles.
Un site web conçu en tenant compte de la psychologie humaine peut rendre l'expérience plus intuitive et réduire les frictions. Cela amène votre client là où vous le souhaitez plus rapidement et sans frustration.
Design psychologique : 8 techniques pour les marques
- Humanisez votre entreprise
- Utilisez la psychologie des couleurs
- Réduisez le nombre d'options
- Optimisez l’accessibilité
- Utilisez les principes de Gestalt
- Guidez les yeux de l'utilisateur
- Utilisez le biais de confirmation
- Réduisez la charge cognitive
1. Humanisez votre entreprise
Cela peut sembler évident, mais créer pour des humains est une technique efficace en psychologie du design et certaines marques négligent souvent ce concept de base. Lors de la création de votre marque, il est important de rester fidèle à vos valeurs et de la concevoir selon vos goûts, mais il est encore plus crucial de centrer l'expérience utilisateur dans chaque décision.
Rappelez-vous : juste parce que quelque chose vous plaît, cela ne signifie pas que cela plaira à un client potentiel.
Les marques modifient souvent leurs sites web ou passent même par un processus de rebranding complet. Les meilleures le font pour s'adapter aux tendances changeantes des consommateurs et répondre aux retours des clients ou des utilisateurs. Pourtant, certains sites web restent les mêmes éternellement. Prenez Leboncoin par exemple. Ce site populaire d'achat et de vente est resté plus ou moins inchangé depuis les années 2000. Pourquoi ? Il fonctionne. Le design est familier et fonctionnel et répond aux besoins du client cible. Mettre en œuvre la simplicité et la facilité d'utilisation signifie mettre les humains au premier plan, et c'est une stratégie éprouvée d'optimisation du taux de conversion.
Déclencher un sentiment positif
Une autre façon d'humaniser votre design est d'utiliser des visages souriants dans votre design de site web et votre marketing. Le fait que les visages soient souriants est important. Une étude réalisée par Ulf Dimberg et Sven Söderkvist (en anglais) a révélé que le sourire peut être contagieux. Les humains réagissent souvent à un visage souriant par un sourire en retour. C’est un point important, car sourire a des bienfaits pour la santé d’après cet article de Psychological Science (en anglais). Le simple fait de sourire peut réduire le stress, améliorer votre humeur et libérer des endorphines.
Dans l'exemple ci-dessous, Nugget met en scène des enfants souriants sur les photos de ses pages produits pour induire un sentiment positif et une connexion avec les clients.
Utiliser les bons visages dans votre design est également crucial. Reflétez les visages de votre client cible afin qu'il puisse se dire : “C'est une marque qui me ressemble.” L'utilisation de photos de personnes regardant le visiteur (pour les engager) ou le partage de photos des vraies personnes derrière la marque (pour instaurer la confiance) sont d’autres techniques fréquemment utilisées.
Dream Pops affiche également des avis clients avec des photos qui déclenchent un sentiment familier chez les clients qui ressemblent aux clients idéaux présentés.
Nopalera a centré son message de marque autour de son histoire personnelle et inclure sa photo renforce la confiance auprès des audiences.
💡Conseils :
- Créez une page “À propos” pour votre site web avec des photos du fondateur et des employés.
- Si vous débutez et n'avez pas encore pris de photos lifestyle, utilisez des sites de photos libres de droits pour inclure des personnes souriantes dans votre design.
2. Utilisez la psychologie des couleurs
La psychologie des couleurs est un sujet délicat, embrouillé par des interprétations variées et un mélange de résultats de recherche Google. Il est facile de se laisser piéger par des informations erronées. Souvent, certaines couleurs sont associées à des émotions ou des réactions, comme le bleu et le calme, ou le jaune et l'énergie. Mais tout le monde n'a pas les mêmes connexions avec chaque couleur.
Comme l'écrit le scientifique comportemental Brian Cugelman, “Dans le monde occidental, les gens décrivent le rouge pour ses liens émotionnels au danger et à la passion. Mais en Chine, le rouge est associé à des émotions de bonheur et de fortune.” La culture et la diversité ajoutent des nuances à la psychologie des couleurs qui ne peuvent pas être résumées par un seul cadre.
Une étude disponible sur ResearchGate (en anglais) confirme cette assertion, indiquant que bien qu'il existe des motifs à travers les cultures et les régions (forte association de la couleur jaune avec la joie et du noir avec la tristesse), ces différences comptent.
Prenez également en compte l'âge et l'expérience acquise. Un public plus âgé peut avoir une affinité pour des couleurs qui leur rappellent leur enfance, comme la palette automnale atténuée des années 1970. Un public plus jeune, lui, peut être influencé par les tendances (pensez au “rose millennial” par exemple).
La psychologue du design Sally Augustin conseille aux designers de prendre aussi en compte les attributs de la couleur : teinte, saturation et luminosité. “Les couleurs qui ne sont pas extrêmement saturées, mais relativement lumineuses nous détendent,” dit-elle .
L'exemple ci-dessus utilise des couleurs très saturées, énergiques et chaudes pour refléter la marque audacieuse de Fly By Jing. En revanche, Salt & Stone opte pour une faible saturation pour rappeler au visiteur une expérience de spa paisible et haut de gamme.
Ces exemples montrent comment différentes approches de la couleur peuvent changer l'ambiance d'un site web. Cependant, n’appliquez pas des principes larges de psychologie des couleurs à votre exercice de branding. Étudiez votre marché cible, utilisez des groupes de discussion et comprenez les différences culturelles ou démographiques spécifiques qui pourraient affecter la perception d'une couleur par un utilisateur.
3. Réduisez le nombre d'options
Vous êtes-vous déjà retrouvé devant une étagère avec des dizaines de saveurs de soda ou de formes de pâtes, complètement immobilisé par ce choix apparemment insignifiant ? Il s'avère qu'il y a une science derrière ce phénomène. Le paradoxe du choix, un concept popularisé par le psychologue Barry Schwartz, observe que lorsque les humains ont plus de choix, le résultat n'est pas un sentiment de bonheur ou de liberté, mais plutôt de stress et d'insatisfaction.
Le choix peut également prolonger le temps de prise de décision, selon la loi de Hick. Utiliser la loi de Hick en design signifie réduire le nombre d'options et éliminer les barrières à la prise de décision.
Lorsqu'un visiteur arrive sur votre site et qu'il se voit présenter une multitude d'options, des produits aux variantes en passant par les tarifs d'expédition, il peut se sentir dépassé et quitter sans même avoir fait de choix.
En concevant un site web pour votre marque, envisagez ce qui est absolument nécessaire et éliminez les distractions. Vos clients ont-ils besoin de 48 options de couleur pour un t-shirt ? Il peut être intéressant d’opter pour les 10 plus populaires selon vos données ou vos études de marché. Y a-t-il trop d'appels à l'action sur votre page d'accueil ? Orientez l'attention de vos clients vers le chemin que vous souhaitez qu'ils empruntent.
Deeps est une marque de produit unique vendant des patchs de sommeil naturels. Le site web de la marque est épuré et axé sur un appel à l'action clair (CTA).
4. Optimisez l’accessibilité
Les ventes d’e-commece sur mobile aux États-Unis devraient atteindre 710 milliards de dollars en 2025 selon les données Statista (en anglais). Alors que l'utilisation du mobile continue d'augmenter, il est essentiel que votre site web soit optimisé pour améliorer l'expérience utilisateur sur les smartphones.
Il est vital de trouver un équilibre entre accessibilité et fonctionnalité. Vous pouvez vouloir offrir à vos clients de nombreux choix, si cela affecte l'utilisabilité de votre site mobile, l'expérience peut être rebutante.
Analyser des données, comme celles obtenues à partir de cartes thermiques, peut vous aider à comprendre comment les clients potentiels naviguent sur votre site mobile, où ils se bloquent et quand ils abandonnent. Une expérience fluide sur votre site web peut influencer le sentiment général d'un client potentiel vis-à-vis de votre marque.
5. Utilisez les principes de Gestalt
Les principes de Gestalt, introduits dans les années 1920, sont un ensemble d'idées qui peuvent aider les designers à créer des designs agréables et fonctionnels basés sur une compréhension du cerveau humain. Nos cerveaux organisent naturellement et trouvent des motifs récurrents dans l'information afin de mieux la consommer et la comprendre.
Cette recherche a conduit à un ensemble de principes psychologiques qui varient souvent en nombre et en nom, mais on retrouve généralement : proximité, similarité, continuité, clôture, connexion, perception, organisation, symétrie, continuité et figure/fond.
Voici les 6 principes de Gestalt. Apprenez comment ils s'appliquent à la création d'une marque et d'un site d’e-commerce.
Symétrie
Des recherches (en anglais) suggèrent que les humains sont attirés par la symétrie dans les visages et les objets. L'expert Alan Lightman a exploré cette idée dans son livre "The Accidental Universe", où il écrit : “La recherche de la symétrie, et le plaisir émotionnel que nous en tirons, doivent nous aider à donner un sens au monde qui nous entoure, tout comme nous trouvons satisfaction dans la répétition des saisons et la fiabilité des amitiés. La symétrie est aussi économie. La symétrie est simplicité. La symétrie est élégance.”
Les humains associent la symétrie à l'harmonie, et utiliser cet élément dans le design de votre site web peut influencer le confort d'un utilisateur lors de sa navigation. Voici un excellent exemple de la marque de boissons Avec.
D'autre part, l'asymétrie peut également être efficace dans le design, selon le sentiment ou l'action que vous essayez d'influencer chez votre client. Si utilisée avec soin, cela peut être un outil pour mettre en avant un certain aspect de la page.
Figure/fond
Le principe de figure/fond concerne la relation entre l'objet et l'arrière-plan. Il encourage les designers à faire une distinction claire entre ce qui est considéré comme le fond (le “fond”) et ce sur quoi vous souhaitez que l'utilisateur se concentre (la “figure”). Dans cet exemple de la page d'accueil de Noah's Box, la marque utilise des boîtes solides pour souligner le contenu important (texte et CTA) et le superpose sur un arrière-plan plus sombre et plus chargé.
Proximité
Le principe de proximité est une autre façon utile de comprendre comment les humains consomment l'information. Comme nos cerveaux cherchent à trouver de l'ordre dans le monde, les gens ont tendance à organiser l'information en catégories. Facilitez ce travail en imitant ce comportement humain et en regroupant visuellement les informations connexes.
Les barres de navigation, les menus déroulants et les pieds de page sont d'excellents exemples de la façon dont le design peut aider à organiser des idées et des objets similaires pour créer une expérience fluide pour les clients. Jetez un œil à cet exemple classique de Loisa. Le designer utilise la proximité pour réduire le chaos et l'encombrement dans ses multiples liens et pages.
6. Guidez les yeux de l'utilisateur
La personne moyenne qui arrive sur votre site web pour la première fois peut avoir besoin d'un coup de pouce pour naviguer vers les pages et les solutions qui répondent à ses besoins. Vous pouvez les guider à travers cette navigation en utilisant la psychologie du design.
Les éléments graphiques (comme les flèches) et l'animation au défilement utilisent tous le principe de continuité de Gestalt pour aider un utilisateur à connecter des objets et à suivre un chemin. Vous pouvez également utiliser l'emphase par la couleur, la taille ou des éléments de design pour attirer l'attention d'un utilisateur sur un point focal.
Regardez comment votre regard se déplace vers les éléments orange sur cette page produit de Petaluma. En mettant en avant l'option d'abonnement, ils incitent les clients à devenir des acheteurs réguliers. Cela crée également une hiérarchie visuelle, utilisant la couleur pour indiquer l'importance.
L'exemple ci-dessous de Dippin’ Daisy’s guide le regard avec une image stratégiquement recadrée et des graphiques forts.
7. Utilisez le biais de confirmation
Le biais de confirmation est le comportement humain qui nous pousse à rechercher des informations qui confirment nos propres croyances, tout en ignorant celles qui ne le font pas. Bien que vous souhaitiez éviter le piège du biais de confirmation dans votre recherche de marché (c'est-à-dire ignorer les données qui ne correspondent pas à vos croyances existantes sur votre public), il existe des moyens de l'utiliser comme outil de design.
Prendre une position forte en tant que marque signifie que, bien que vous en aliéniez certains, vous en attirerez d'autres en confirmant leurs croyances. Il est impossible pour une marque d'essayer d'être tout pour tout le monde. Au lieu de cela, définissez votre client cible en détail et soyez clair sur vos valeurs.
8. Réduisez la charge cognitive
En termes simples, la charge cognitive est la quantité d'espace disponible pour la mémoire dans le cerveau humain. Trop d'informations ou un design encombré peuvent surcharger l'esprit. La loi de Miller, créée par George Miller dans les années 1950, stipule que la mémoire d'une personne peut traiter et retenir environ sept éléments d'information à la fois.
Les moyens de réduire l'encombrement dans votre design sont l'élimination des liens ou des informations redondants, la conversion de grands blocs de texte en une infographie ou autre descripteur visuel, l'organisation d'une grande quantité d'informations en plus petits morceaux et la construction sur des modèles mentaux existants.
Cet exemple de la marque Heist réduit la navigation supérieure à trois options et centre un seul bouton d’appel à l’action sur une vidéo épurée de mannequins portant les produits de la marque.
Les modèles mentaux dans le web design font référence aux croyances que les utilisateurs ont sur le fonctionnement des sites web basées sur des modèles de design. Celles-ci sont fondées sur l'expérience précédente d'un utilisateur et l'attente que certains éléments apparaissent de manière cohérente aux mêmes endroits ou fonctionnent de la même manière. Par exemple, placer un menu dans le coin supérieur gauche ou droit d'un site web, indiqué par une pile de lignes, peut réduire la charge cognitive. L'utilisateur n'a pas à chercher le menu, car il se trouve là où il s'attend à le trouver.
Utilisez la psychologie pour améliorer votre design et l'expérience client
En employant les techniques ci-dessus et en menant vos propres recherches, vous pouvez prendre des décisions plus éclairées concernant le design de votre marque et de votre site web. La première étape consiste à avoir une vision claire, un public cible bien défini et un ensemble concret d'objectifs mesurables. Ce sont les fondements d'un excellent design et ils vous aideront à rester concentré.
Les données et les retours d'expérience vous aideront ensuite à évoluer. Prêtez attention à la façon dont les utilisateurs réagissent à votre design et comment ils y naviguent, et utilisez ces informations pour l’ajuster et l’améliorer constamment en fonction des besoins du client. Exploiter ce qui motive votre client facilite la création de meilleures expériences et stimule la conversion.
FAQ sur le design psychologique
Qu'est-ce que le design psychologique ?
Le design psychologique est une approche du design UX qui se concentre sur les besoins, les objectifs et les comportements de l'utilisateur. Elle utilise des recherches et des connaissances basées sur des données, ainsi que des principes psychologiques communs comme la loi de Hick et la loi de Miller pour comprendre un public et construire des expériences qui leur plaisent. Le design centré sur l'utilisateur et les indices visuels sont utilisés pour simplifier, focaliser et convertir un utilisateur cible.
Comment la psychologie et le design sont-ils liés ?
La psychologie et le design sont liés parce que le design repose sur la compréhension de la psychologie humaine pour créer des designs qui motivent un spectateur ou un client vers un objectif spécifique. Les designers qui étudient les comportements humains et comprennent les principes psychologiques peuvent construire des sites web et des expériences utilisateur qui influencent l'émotion et l'action. La psychologie joue un rôle important dans une stratégie de design efficace.
Pourquoi le design psychologique est-il important ?
Le design psychologique est important, car il est porteur d’informations concernant une marque ou un site web au-delà de ce qui est esthétiquement plaisant. Il combine la recherche utilisateur et les principes psychologiques pour créer des designs qui évoquent une émotion ou une réaction désirée chez un utilisateur. La psychologie permet également à un designer de focaliser son design pour réduire la confusion, simplifier la navigation et inspirer une impression esthétique positive d'une marque.
