Design interactif

La psychologie du design web

Les concepteurs ne prennent souvent pas le temps nécessaire pour apprendre comment les principes psychologiques de base peuvent influer sur l'expérience de leurs visiteurs sur les sites qu'ils construisent.

Les principes psychologiques sont soit considérés comme inutiles, soit trop compliqués. Mais la vérité est qu'ils ne sont ni l'un ni l'autre.

Il n'y a pas beaucoup de concepts associés à la psychologie de conception de base, et la plupart sont relativement simples et faciles à apprendre.

Ils sont également faciles à mettre en œuvre, bien que certains prennent un peu plus de soin et de planification que d'autres.

Lisez la suite pour en savoir plus et laissez vos commentaires et commentaires à la fin de cet article.

Le but de la conception basée sur la psychologie

Considérer la psychologie dans votre processus de conception peut avoir quelques effets positifs sur votre résultat final. Si vous prenez le temps de réfléchir à ce que veulent vos visiteurs et comment ils veulent l'obtenir, vous êtes déjà sur la bonne voie pour créer un site qui exploitera les motivations psychologiques de votre public cible.

En prenant en compte la psychologie des visiteurs, vous obtiendrez probablement des visiteurs plus heureux, plus susceptibles de réaliser les actions que vous souhaitez, que ce soit pour entrer en contact avec vous, acheter votre produit ou référer leurs amis.

C'est la raison principale pour laquelle la psychologie est prise en compte dans vos conceptions. Vous voulez que vos visiteurs soient plus enclins à faire ce que vous voulez.

Construire de la confiance

Pour que vos visiteurs fassent ce que vous voulez, ils doivent vous faire confiance. La confiance ne vient pas facilement, en particulier à l’ère des escroqueries, des stratagèmes et des personnages peu recommandables, presque partout où nous regardons en ligne.

Pour quelqu'un qui sait peu de choses sur la façon dont Internet fonctionne vraiment, ils se méfient de quiconque leur demande des informations personnelles, peu importe la nécessité ou la recommandation du site.

En tant que concepteurs, nous négligeons souvent cela car nous sommes habitués à faire des affaires en ligne. Mais pour nos clients et pour leurs clients, Internet peut toujours être un trou noir effrayant dans lequel leurs informations entrent.

Dans cet esprit, vous pouvez utiliser la psychologie du design pour rendre votre site Web plus fiable pour le visiteur moyen. La création d'un site Web qui met les visiteurs à l'aise leur permet de s'inscrire à un compte, d'acheter un produit ou de faire affaire avec vous. Cela peut se faire grâce à une combinaison de design et de la langue utilisée sur le site.

Familiarité et modèles reconnaissables

Lorsque quelqu'un accède à une page d'un site Web, il s'attend à voir certaines choses immédiatement, peu importe le type de site sur lequel il se trouve.

S'ils ne voient pas ces choses, ils ont souvent l'impression qu'ils se sont retrouvés dans une terre étrange qui ne leur semble pas logique (et n'est donc pas fiable). Les deux grandes choses auxquelles les gens s'attendent sont la finalité du site (qui peut être de fournir des informations sur un sujet donné ou de vendre un produit en passant par une jolie image) et une forme de navigation.

Bien que les lignes de balisage puissent aider à discerner le but, la conception peut compléter et renforcer ce message. Disons, par exemple, que vous concevez un blog environnemental. Si votre design est sombre et sombre et que les toits de la ville sont au crépuscule, cela ne nous donnera pas la moindre idée du but du site.

D'un autre côté, si c'est un site propre et moderne avec beaucoup d'accents verts et naturels, cela renforcera le fait qu'il s'agit d'un blog environnemental.

Au-delà des éléments que tout le monde s'attend à trouver sur chaque site Web, les utilisateurs peuvent s'attendre à des tâches supplémentaires sur certains types de sites ou dans certains secteurs. Les gens attendent des billets de blog sur la première page d'un blog. Ils attendent des produits sur la page d'accueil d'un site de commerce électronique. Ils attendent une fonction de recherche sur tout site de plus de quelques pages. Et dans la plupart des cas, ils s'attendent à une sorte d'informations "à propos" et à une page de contact.

Consistance de l'image de marque

Outre les éléments généraux que la plupart des visiteurs s'attendent à voir sur un site, les visiteurs associent souvent des éléments à votre entreprise en particulier. Bien que cela ne soit pas une préoccupation pour une nouvelle entreprise ou une très petite entreprise, cela en inquiète beaucoup d’autres.

Pensez aux couleurs que vous utilisez dans vos documents promotionnels hors ligne. Ces couleurs doivent être incorporées à votre site Web d’une manière ou d’une autre, même si elles ne figurent que dans l’en-tête ou en tant que couleurs d’accentuation.

La même chose vaut pour votre logo. Si vous utilisez un logo dans vos documents marketing imprimés, vous devez également l'inclure sur votre site Web. Ce sont des choses très fondamentales, mais il est surprenant de voir combien d’entreprises négligent le maintien de la cohérence entre leurs efforts de marketing en ligne et hors ligne.

Déclencheurs psychologiques

Les déclencheurs psychologiques et émotionnels constituent un outil précieux pour inciter les visiteurs à prendre les mesures que vous souhaitez qu'ils prennent. Les déclencheurs comprennent des éléments tels que la culpabilité et la peur, mais aussi un sentiment d’appartenance et d’attrait pour les valeurs des personnes.

L'incorporation de déclencheurs émotionnels dans vos conceptions se fait le plus souvent via le langage du site, avec des éléments graphiques servant de système de support pour ces déclencheurs. Utilisez l'image et les graphiques qui renforcent le déclencheur utilisé.

Images pour renforcer les concepts

Les images que vous utilisez sur vos sites peuvent aider ou dérouter les visiteurs. Une image bien choisie peut mettre votre visiteur à l'aise et clarifier vos intentions. Un mal choisi peut les laisser se gratter la tête et se sentir comme s'ils tombaient à nouveau dans ce trou noir.

Cette photo d'un hippopotame à Disney World n'a absolument rien à voir avec ce post et ne sert qu'à confondre les choses.

Les images abstraites peuvent parfois bien fonctionner, mais évitez de les utiliser si leur signification est vitale. Parfois, une image abstraite aura des significations différentes pour différentes personnes, ou le sens sera complètement oublié.

Psychologie des couleurs

La psychologie de la couleur est l’un des sujets les plus complexes de la psychologie du design. Nous n’y reviendrons pas ici. Mais les couleurs que vous utilisez peuvent avoir un impact important sur la façon dont vos visiteurs perçoivent votre site. Assurez-vous que les couleurs que vous avez sélectionnées renforcent votre message et l'image que vous souhaitez représenter.

Vous trouverez ci-dessous une liste de base des couleurs et de leurs significations. Bien entendu, les combinaisons de couleurs que vous utilisez avec leur nuance, nuance ou ton exacte auront également un impact sur leur signification.

  • rouge
    Fiery et passionné, peut représenter à la fois l'amour et la colère.
  • Orange
    Partage les attributs du rouge et du jaune. Associé à l'énergie et à la chaleur. C'est plus calme que rouge et plus gai.
  • Jaune
    Une couleur chaude et heureuse. Cela peut représenter de la joie ou de la lâcheté.
  • vert
    Signifie la nature, la croissance et le renouvellement. Dans le même ordre d'idées, le vert peut parfois représenter l'inexpérience. D'un autre côté, le vert est parfois associé à l'envie ou à la jalousie.
  • Bleu
    Calmer et cool, mais trop peut être déprimant. Souvent associé à des images d'entreprise.
  • Violet / Violet
    Longtemps associé à la royauté et à la richesse. C'est aussi une couleur spirituelle et on pense qu'elle est créative.
  • Noir
    Un peu un caméléon, il peut être conservateur ou énervé, traditionnel ou moderne. Il peut être mystérieux et sexy ou conventionnel et sûr, selon la façon dont il est utilisé.
  • blanc
    Associé à la pureté et à l'innocence. Cela va bien avec n'importe quelle autre couleur.
  • Gris
    Neutre et équilibré. Le gris est conservateur et sophistiqué, mais peut aussi être considéré comme de mauvaise humeur.
  • marron
    Une couleur saine et réaliste qui dénote la stabilité et la fiabilité.

Modèles de lecture

Les gens ont tendance à lire un schéma en "Z" sur un site Web, en partant du haut de la gauche et en terminant dans le coin inférieur droit de leur écran.

En tant que concepteur, vous devez vous efforcer de placer le contenu le plus important dans cette zone de lecture. C'est pourquoi de nombreux sites incluent le logo dans le coin supérieur gauche de l'en-tête.

L'intégration d'informations non essentielles dans cette zone de lecture signifie que vos visiteurs peuvent quitter le site avant de trouver ce qu'ils recherchent, car ils peuvent penser qu'il n'est pas présent sur votre site.

Focus de chaque page

Chaque page de votre site doit avoir un focus. Chaque page devrait avoir un objectif, que ce soit pour présenter un produit, parler de votre entreprise ou diffuser des nouvelles récentes.

Votre conception doit mettre l'accent sur l'élément central de chaque page. L’attention de chaque page doit également être évidente afin que les visiteurs sachent ce qu’ils font là-bas. Cela peut être accompli par des indices dans la navigation ou par un en-tête, en plus du contenu de la page.

L'une des plus grandes marques d'un site amateur est d'essayer de mettre trop d'informations sur chaque page. N'ayez pas peur des espaces blancs sur vos pages et n'ayez pas peur d'avoir un objectif défini pour chaque page de votre site.

Salle de la respiration

Cela nous amène à la notion d'espace blanc et d'espace de respiration. Si un visiteur arrive sur une page encombrée remplie de toutes les choses imaginables, il va se sentir dépassé et claustrophobe.

Il est probable que la page sera chaotique et désordonnée. Cela donne aux visiteurs le sentiment qu'ils ne savent pas par où commencer, ce qui signifie qu'ils peuvent simplement sauter complètement votre site et passer à un autre où ils ont un peu de marge de manœuvre.

Laissez l'espace négatif sur votre site diriger vos visiteurs vers les zones sur lesquelles vous souhaitez qu'ils se concentrent. En combinant un espace vide et des éléments correctement stylisés et proportionnés, vous pouvez encourager vos visiteurs à regarder une chose et à prendre l’action souhaitée.

Étapes pour incorporer la psychologie du design

Maintenant que vous êtes familiarisé avec ce qu'est la psychologie du design et ce que cela signifie pour la conception de sites Web, vous vous demandez peut-être exactement comment l'intégrer à votre propre processus de conception. Voici quelques techniques que vous pouvez utiliser:

Découvrez qui sont vos visiteurs
Savoir qui sont vos visiteurs est une première étape extrêmement importante dans la conception d’un site qui les intéressera. Si vos visiteurs sont des vétérans d'Internet, ils auront un ensemble de priorités différent de celui de ceux qui ne consultent que des photos de leurs petits-enfants. Déterminez qui est votre utilisateur cible, puis déterminez quels déclencheurs émotionnels fonctionneront pour eux.

Interviewer vos utilisateurs
Si vous ne savez pas ce que veulent vos utilisateurs ou vos visiteurs, essayez d’interviewer certains d’entre eux. Trouvez des clients actuels ou anciens et voyez s'ils sont prêts à répondre à quelques questions sur votre site. Ensuite, créez des questions significatives en fonction des objectifs spécifiques de votre propre site. Plus important encore, suivez les conseils qu’ils vous donnent. Trop souvent, les entreprises réalisent des entretiens ou des enquêtes, mais ne font jamais de changements en fonction de ce qui leur est dit.

Créez un sitemap pour votre site
Vous devez créer une carte de chaque page de votre site afin de vous assurer que chaque page ne comporte qu'un seul objectif. Faites d'abord une liste de tout ce qui doit être sur votre site, puis définissez la page de chaque élément (idéalement, une page par article, sauf si les choses sont très, très étroitement liées).

Assemblez vos éléments de marque
Faites une liste ou créez un fichier des éléments communs utilisés pour représenter votre marque. Cela inclurait très probablement un logo, un jeu de couleurs et éventuellement une police de caractères particulière. Ensuite, déterminez où les incorporer dans la conception de votre site.

Faire des tests A / B
Même si vous le faites de manière limitée, il est important de déterminer quels éléments de site fonctionnent le mieux. Si vous n'êtes pas certain de ce que vos visiteurs seraient plus à l'aise sur une certaine page, testez-le avec deux versions pour voir lequel donne les meilleurs résultats.

Chaque concepteur doit s’efforcer d’apprendre et d’intégrer la psychologie du design dans son flux de travail. Cela peut être le facteur le plus important de l'efficacité de vos conceptions et de la satisfaction de vos clients. Cela ne prend pas beaucoup de temps et n'est pas particulièrement difficile, alors il n'y a vraiment aucune excuse pour ne pas prendre au moins certains de ces principes et les mettre en pratique.

Davantage de ressources


Écrit exclusivement pour WDD par Cameron Chapman

Gardez-vous à l'esprit les principes psychologiques lors de votre travail de conception? Quels sont les plus utilisés dans votre travail et pourquoi?

conception création de sites web psychologie