Annonces Google

Vous êtes ici : Dossiers référencement > e-marketing

3 principes psychologiques qui vont augmenter vos taux de conversion

Par , le 12 juin 2017

De nombreux principes psychologiques ou physiologiques ont un impact substantiel sur les taux de conversion. On verra dans cette illustration comment certains principes simples de design ont permis de gagner +87.55% de conversion et le type de tests que vous pouvez mener sur vos propres sites.

Tout l'enjeu du travail de référencement et de développement du traffic sur le site Internet d'une entreprise consiste en un objectif : convertir ! Que ce soit directement en ventes, ou indirectement, comme le fait de récupérer l'email d'un visiteur (en général pour le convertir en vente par la suite...).

Or, dans ce processus, certains principes psychologiques et même physiologiques essentiels vont intervenir :

Pour ce second point, Amazon a mesuré que l’augmentation du temps de chargement de leurs pages de chaque tranche de 0.1s entrainait 1% de perte de chiffre d'affaire. De quoi vous inviter sérieusement à prendre ces éléments (pour le coup physiologiques) en compte.

Si tant est que l'on s'accorde que certains principes psychologiques puissent avoir une influence sur la conversion, comment s'en assurer vraiment ? La réponse est simple : par des tests ! De manière classique on fait une hypothèse d'amélioration, que l'on place ensuite dans un process d'A/B testing.

Voici donc une série de principes psychologiques et physiologiques intéressants qui devraient vous donner de l'inspiration pour mener vos propres tests.

Principes psychologiques et taux de conversion

1. Le principe de contraste

Le système visuel humain est naturellement sensible au contraste (voir sur le sujet, les articles de Wikipedia qui sont très complets à ce sujet, sur le fonctionnement de l'oeil). Naturellement l'oeil est attiré par les éléments visuels qui offrent un certain contraste avec l'entourage environnant :

principe de contraste

A proprement parler le contraste est la "différence de luminosité entre des parties claires et sombres d'une image" (Wikipedia). Logiquement, ça attire l'oeil, et tout ce qui attire l'oeil nous intéresse quand on s'attaque à la question de la conversion sur le web, puisque pour qu'une personne puisse réaliser une action spécifique (convertir), elle doit d'abord percevoir l'élément vers lequel on souhaite l'attirer.

Donc étape 1 : attirer l'oeil !

Le système visuel humain est naturellement sensible au contraste, il faut en tenir compte sur un site web !Click to Tweet

J'ai mené un test intéressant qui m'a permis de gagner +87.55% de conversion (j'ai donc quasiment doublé mon taux initial). Pour cela, j'ai fait un test qui rétrospectivement apparaît une bonne application de ce principe. Je vous laisse observer le test gagnant (et la version initiale qui performait moins bien, ci-dessous) :

test taux de conversion

On voit ici un très fort contraste entre l'article original (relatif aux clauses abusives) et la boite de collecte email. En fait le test consistait à déterminer si l'augmentation du contraste aurait un impact en termes de conversion (mon hypothèse initiale). La version initiale de cette boite contre laquelle le test était réalisé était la suivante :

avant test taux de conversion

Vous noterez que dans les deux cas, il y a un contraste entre l'article et la boite de dialogue, mais dans le second, ce contraste se perd à la moitié de la boite (la boite n'est pas totalement encadrée dans le second exemple alors qu'elle l'est dans le premier). En conséquence, il est probable que les utilisateurs perçoivent moins bien le bouton d'inscription.

Ce n'est clairement pas le seul principe qui entre en ligne de compte, et il y a beaucoup à dire sur les stratégies permettant d'augmenter taux de conversion. En tout état de cause, cela a été suffisant pour inviter à un test A/B. Et, au final, trouver que le fait d'encadrer en intégralité la boite a presque doublé le taux de conversion !

2. Le principe de fluidité (et de minimalisme)

Indiscutablement le meilleur exemple en matière de sites web lorsque l'on parle de fluidité est Apple :

design site apple

Une des forces de leur design est de permettre à l'utilisateur de saisir immédiatement l'objet de la page sur laquelle est le visiteur. En fait, on voit que tout ce qui n'est pas strictement nécessaire a été évacué et que seules les informations qui sont indispensables sont présentes (informations produit, achat).

Lorsque je visite un site web, je me livre souvent à un exercice intéressant (que je vous invite à mener) : essayer de se rendre compte de combien de "cycles" de cerveau il faut pour comprendre où on est, à quoi sert le site, et quels sont les services que l'on trouve derrière. J'essaye de mesurer les associations d'idées qui sont demandées et que je dois faire pour comprendre le fonctionnement du site. Pour cela, vous remarquerez que le site d'Apple est magique : cet effort est minimal.

Pour se rendre compte du travail effectué par Apple, on peut effectuer un comparatif avec un site dont le design est correct mais la fluidité moins travaillée. En d'autres termes, un site qui va nécessiter plus d'efforts intellectuels pour comprendre l'objet du site, et où est quoi exactement (en particulier les posts au centre et la barre de droite) :

design blog enfants

Ici en l'occurence, le design du site impose un certains nombre d'efforts intellectuels pour distinguer la partie gauche de barre de droite. En fait, il y a une légère confusion visuelle entre ces deux parties qui ne ressortent pas clairement l'une de l'autre. Vu que l'objectif du site est (entre autres) de capturer des emails de ses visiteurs, il serait donc intéressant de mettre en place plusieurs tests pour tenter d'augmenter la fluidité visuelle de l'architecture.

Voici 3 points à tester ici :

  1. donner beaucoup plus d'espace entre la partie droite et les posts ;
  2. restructurer les posts dans une structure horizontale classique de blog afin de mettre en valeur la barre de droite qui doit attirer l'attention (et changer la couleur de fond de la boite de capture en une couleur plus vive) ;
  3. donner une meilleure unité à la barre de droite

Cette boite de capture d'email doit générer entre 0,01% et 0,15% de conversion. Je pense qu'on devrait pouvoir la faire monter entre 0,4% et 1,0% (donc 3x-10x en termes de performance) en réalisant de tels tests, par l'application des deux principes précités. Rien de complexe, juste une attention spécifique à ces éléments.

Pour autant l'impact de ce taux de conversion sur le chiffre d'affaire peut être considérable.

Pour vous en convaincre, faisons un calcul simple :

  • pour un trafic de 1000 personnes par jour un taux de conversion de 1% de capture d'emails vous permet d'augmenter votre liste email de 3650 personnes par an.
  • Un taux de 8% de conversion (un site relativement bien optimisé) augmentera votre mailing list de 29.200 personnes par an.
  • Si vous comptez que l'on peut générer en gros de 2€ à 10€ par prospect par an (selon le marché, les besoins, etc.), c'est au final une différence de CA qui se situe dans le cas 1 (1% de conversion) dans la fourchette de 7300€-36.500€ et dans le cas 2 (8% de conversion) de 58.400€-292.000€.
  • Evidemment ces chiffres sont à prendre avec beaucoup de nuance car tous les business ne se prêtent pas à une mesure aussi simple, mais cela donne une idée générale de l'impact sur certains business models.

En tout état de cause, autant de raisons de travailler sérieusement sur ses taux de conversion et mener des tests régulièrement.

3. La loi de Pragnanz

Au-delà du fait que cette loi dérive de la psychologie de la forme (Gestalt), du point de vue physiologique, ce principe de design signifie que l'oeil humain a une forte préférence pour les formes simples, reconnaissables immédiatement et facilement.

En fait, jugez par vous-même :

loi de Pragnanz

Si vous observez la forme de gauche vous constaterez qu'elle est plus difficile à percevoir que la forme de droite, en couleurs. En fait, la forme de gauche nécessite un travail intellectuel de représentation des lignes de chaque sous-forme qui doit être imaginé par le cerveau.

Or, ce travail est coûteux, il en résulte que la forme est appréhendée comme une structure unitaire par le cerveau - ce qui est un travail plus simple à mener. Il est plus simple de voir la forme noire comme un bloc unique, plutôt que de tenter de cerner unitairement les 3 blocs qui la composent. Instinctivement, le cerveau va au plus simple et au plus facile. Et ce principe de simplicité a un impact direct sur les taux de conversions.

On le retrouve notamment dans les nombreuses études qui ont démontré l'intérêt de limiter le nombre de champs d'un formulaire et l'impact que cela avait sur le taux de conversion. On sait depuis longtemps que plus vous demandez d'informations à vos visiteurs dans un formulaire, moins de personnes le rempliront (car il faudra plus d'efforts - et le cerveau tente toujours d'aller au plus simple).

Plus vous demandez d'informations à vos visiteurs dans un formulaire, moins de personnes le remplirontClick to Tweet

En fait, il faudra à vos visiteurs plus de motivation pour aller jusqu'au bout du processus ce qui va générer des abandons de panier.

A contrario, c'est également un outil utilisé pour mieux qualifier ses prospects : il n'est pas rare en B2B de demander 5 à 10 champs pour s'assurer que la personne qui les remplit est vraiment motivée à passer à l'action et ne vous fait pas simplement perdre votre temps.

Mais il faut trouver un juste milieu ! Le site MarketingExperiments a réalisé une expérimentation montrant l'impact de la réduction du nombre de champs sur le taux de conversion, et le coût par lead :

nombre de champs et taux de conversion

Lors de ce test, réduire de 9 champs à 5 champs a permis de passer de 10% à 13,4% de conversion et de faire passer le coût par lead de $41.90 à $31.24. Cette statistique est intéressante mais devrait également être analysée avec un peu de prudence (est-ce que les personnes qui entrent seulement 5 champs achètent autant que les personnes qui entrent les 9 champs ?).

En tout état de cause, une réflexion relative à la simplification de son infrastructure web n'est pas inutile et peut permettre de dégager des hypothèses de test !

Evidemment, il existe une tonne d'éléments qui vont jouer dans une landing page et qui vont avoir un impact sur les taux de conversions, et qui vont de l'offre à votre marque en passant par le design dont nous avons pu voir une application ici.

Un seul mot : à vos tests !

Cet article vous a-t-il plu ?
Note : 3.7 (7 votes)
Cliquez pour voter !

Article (3 principes psychologiques qui vont augmenter vos taux de conversion) publié par WebRankInfo dans la rubrique e-marketing. Si vous souhaitez publier un extrait de cet article sur votre site, assurez-vous de respecter les conditions générales d'utilisation de WebRankInfo.

7 commentaires

  • Cécile a dit le

    Merci pour les conseils, ça tombe bien je prévois de changer mon design cet été parce qu'il est vieux et pas du tout optimal en effet (après pour un blog perso fait sans connaissance en UX design à l'époque, "design est correct mais la fluidité moins travaillée" c'est honorable...)
    A noter quand même que la majorité des gens arrivent sur une autre page que l'accueil et sur smartphone où l'organisation des contenus n'est pas la même... ce qui doit expliquer que mon taux de conversion est plutôt de l'ordre de 0.4% après un double optin.(Par contre je veux bien les 292.000€ :D)

  • Richard a dit le

    Merci pour cet article !

    Sur le premier exemple, au delà du fait d'augmenter le contraste en emboitant l'ensemble de l'appel à l'action on peut également noter plusieurs choses :

    - Le bouton rouge, d'autant plus rouge "sang", peut effrayer/repousser le prospect
    - Le texte ensuite qui spécifie "(valeur: 2000€)" peut laisser croire que le fichier est payant, ce qui peut également réduire la conversion.

    Enfin, sur les formulaires, il faut noter que l'auto-complétion permet aujourd'hui sur certains navigateurs de changer les règles et d'améliorer le processus de conversion.

    Je m'attendais à rentrer un peu plus dans le vif du sujet sur les A/B testing (méthodes, pièges, erreurs, etc.)

  • Thiébaut Devergranne a dit le

    Bonjour Richard,

    Oui c'est une excellente remarque, je n'ai pas testé la couleur du bouton en lui-même mais clairement c'est un aspect qui entre en ligne de compte.
    Sur l'A/B testing il y a énormément à dire effectivement et je pense creuser le sujet dans des articles à venir, là on est resté sur des éléments psychologiques et physiologiques, mais en tout cas votre remarque tout à fait pertinente est notée :)

  • Julien a dit le

    Très intéressant... Merci pour cet article! C'est bien de donner des conseils, mais c'est encore mieux d'expliquer pourquoi. En l'occurrence, des principes psychologiques... Quels autres principes vous paraissent importants? Bref, j'espère qu'il y aura une suite ;)

  • Pat a dit le

    Attention au pourcentage et à leur manipulation : quand on passe de 10% à 13,4% de conversion, on ne gagne pas 13% mais 3,4 points, qui en l’occurrence représente un gain de performance de : 3,4/10 = 34%

  • Thiébaut Devergranne a dit le

    Pat,

    Oui vous avez raison la phrase initiale prête à confusion ("Lors de ce test, réduire de 9 champs à 5 champs a permis de gagner +13% de conversion"), on va la modifier (Lors de ce test, réduire de 9 champs à 5 champs a permis de passer de 10% à +13% de conversion").

  • Thiébaut Devergranne a dit le

    Bonjour Julien,

    Merci pour votre remarque, je prévois une suite également !

Postez un commentaire !

Les champs marqués du signe * sont obligatoires. L'adresse email ne sera pas affichée.

En postant un commentaire, vous acceptez les CGU du site WebRankInfo.

Catégories des dossiers

Consultez les dossiers par thématiques :

Annonces Google

Formation référencement et webmarketing

Venez chez Ranking Metrics vous former au référencement, à Google AdWords et Analytics ainsi qu'aux réseaux sociaux ! Plus de 4000 entreprises sont déjà venues (Dossier possible OPCA...).

Préparés et animés par Olivier Duffez (WebRankInfo) et Fabien Faceries (AgentWebRanking), 2 professionnels reconnus dans le domaine, nos modules sur le référencement naturel sont très complets tout en laissant une grande place à l'interactivité pour répondre à toutes les questions des participants.

Pour connaître le plan détaillé de chaque module, le prix, les dates et les lieux, consultez le site de Ranking Metrics (organisme de formation).

Hébergement web

Hébergement web mutualisé et dédié

Pour un bon référencement, il faut un bon hébergeur. Testez Sivit by Nerim, l'hébergeur choisi par Olivier Duffez pour son site WebRankInfo.

A partir de 3€ HT/mois.

Annonces Google


148 Partages