Les 7 principes de la conception d'une page de renvoi centrée sur la conversion

Concevoir une page de destination optimisée n’est pas vraiment une bonne marche à suivre. Si vous voulez atteindre un taux de conversion respectable, c'est. Alors ... à quel point êtes-vous scolarisé dans le concept de conception centrée sur la conversion?

La conception centrée sur la conversion (CCD) est une discipline qui vise spécifiquement à concevoir des expériences qui atteignent un objectif commercial unique. Il vise à guider le visiteur vers la réalisation de cette action spécifique, en utilisant une conception persuasive et des déclencheurs psychologiques comme moyens d'accroître les conversions.

Les pages de renvoi sont au cœur du CCD. Une page de destination est une page autonome qui utilise un design cohérent - dans un but commun unique - pour guider vos visiteurs vers la ligne d'arrivée, qu'il s'agisse de la collecte de données personnelles ou de la formation que vous portez sur votre produit / service avant de passer le relais à la prochaine phase de votre entonnoir de conversion.

Comment convaincre un visiteur d’atteindre son objectif de conversion en utilisant le design? Un certain nombre d'éléments de conception attirent l'attention des visiteurs sur la zone d'interaction souhaitée. Les dispositifs psychologiques peuvent également encourager la participation. Passons directement à ces deux types d’éléments CCD afin que vous puissiez commencer à concevoir des pages de destination converties.

Les 7 principes de la conception centrée sur la conversion

1) encapsulation

C'est une technique classique utilisée pour détourner les yeux de vos visiteurs et créer un effet de vision tunnel. Vous pouvez penser à cela comme à la création d'une fenêtre sur votre page de destination où votre appel à l'action (CTA) est la vue. Ici, une arche circulaire crée un cadre pour le trait éloigné, empêchant votre œil de se perdre ailleurs dans la photo.

Astuce de page d'atterrissage

Utilisez des formes dynamiques fortes pour limiter vos points d’intérêt. Pensez à la séquence d'intro classique de James Bond dans laquelle vous le voyez dans un dessin circulaire. Le deuxième exemple ci-dessus montre comment vos yeux sont immédiatement conduits au bout du tunnel. Cet exemple utilise également des éléments de contraste et des signaux directionnels.

2) contraste et couleur

L'utilisation du contraste est un concept assez simple qui s'applique à tout le spectre de couleurs, mais qui est plus facilement visualisé en monochrome.

Astuce de page d'atterrissage

Plus vous pourrez faire ressortir votre appel à l'action de son environnement, plus il sera facile à voir. Si vous avez beaucoup de texte noir / gris sur un fond blanc, un CTA noir ou blanc ne fournira pas le contraste souhaité et il serait préférable d’utiliser un élément coloré. Mais si vous avez un design très net sans trop de détails ni de copie, un gros bouton noir ou blanc peut être dramatique.

La couleur peut être utilisée pour créer une réponse émotionnelle de vos visiteurs. Orange, par exemple, est connu pour générer des sentiments positifs et peut être un excellent choix pour la couleur de votre CTA. L'impact psychologique de la couleur dans la conception est indiqué dans la liste suivante.

  • Rouge: danger, arrêt, négatif, excitation, chaud
  • Bleu foncé: stable, calmant, digne de confiance, mature
  • Bleu clair: jeune, masculin, cool
  • Vert: croissance, positif, organique, aller, réconfortant
  • Blanc: pur, propre, honnête
  • Noir: sérieux, lourd, mort
  • Gris: intégrité, neutre, cool, mature
  • Brown: sain, organique, sans prétention
  • Jaune: émotif, positif, prudence
  • Or: conservateur, stable, élégant
  • Orange: émotionnelle, positive, organique
  • Violet: jeune, contemporain, royal
  • Rose: jeune, féminine, chaleureuse
  • Pastels: jeunes, doux, féminins, sensibles
  • Métalliques: élégants, durables, riches

Une autre considération importante est l'effet contrastant de la couleur. Cette idée emprunte aux techniques de contraste et d’espace blanc en ce qu’elle est une méthode d’isolation par différence. Certains disent que la couleur des boutons n’a aucune importance, mais c’est un mensonge lorsque le contraste des couleurs pose problème. Un CTA rouge ne peut pas surpasser le bleu dans des circonstances normales, mais si la page est à dominante bleue, un bouton rouge attirera davantage l’attention que le bouton bleu.

Dans notre premier exemple conceptuel, une approche directe est utilisée. La couleur est tellement irrésistible que vous ne pouvez pas vous empêcher de la regarder. Dans le deuxième exemple, la position et le contraste de couleurs sont utilisés pour déplacer votre œil vers la sauterelle. La raison pour laquelle cela fonctionne est que toute l'image est une palette de couleurs limitée, à l'exception du sujet qui vous intéresse.

Astuce de page d'atterrissage

Laissez votre cible de conversion principale dominer la page.

3) signaux directionnels

Les indicateurs de direction sont des indicateurs visuels qui pointent vers la zone focale de vos pages de destination. Ils aident à guider vos visiteurs vers ce que vous souhaitez qu'ils fassent, en faisant le but de votre page dès leur arrivée. Les types de repères directionnels incluent les flèches, les chemins et l'impact directionnel de la ligne de mire.

Flèches

En tant que signaux de direction, les flèches sont à peu près aussi subtiles qu’un coup de poing au visage, c’est pourquoi elles fonctionnent si bien. Avec si peu de temps sur votre page, il est judicieux de guider visuellement l'utilisateur vers le point focal souhaité. Les flèches vous permettent de dire: «Ignorez tout le reste et faites attention à ceci s'il vous plaît."

L'exemple ci-dessus montre trois types de signaux à la fois. La flèche est un pointeur directionnel, l’homme d’en face vous renvoie au mec avec la flèche, et le texte inversé agit comme une interruption qui vous oblige à vous arrêter et à regarder, et fait probablement tourner la tête. pour comprendre ce qu'il dit.

Les chemins

Les chemins sont des représentations de voies de recherche dans le monde réel qui amènent notre cerveau à penser que nous devons les suivre. Cet exemple montre une longue route droite menant vers la grande formation rocheuse en haut de la photo. Les routes sont si profondément ancrées dans notre psychisme comme le chemin de moindre résistance, que nous nous tournons naturellement vers elles comme guide de transport.

Astuce de page d'atterrissage

Concevez des lignes convergentes pour attirer les gens vers votre appel à l’action. Les triangles sont la forme la plus dynamique de toutes les formes et leur tendance naturelle à pointer en font un outil de conception spécial, de la même manière qu’une flèche est une trajectoire plus complexe.

Le pouvoir suggestif de l'oeil

En tant qu'humains, nous sommes tous programmés pour comprendre le but et l'utilisation des yeux, ainsi que la signification qui vient des yeux de quelqu'un ou de quelque chose d'autre. Regardez les exemples suivants pour voir comment cela fonctionne.

Dans le premier exemple ci-dessous, le capucin regarde la banane de très près. La curiosité est la motivation qui vous oblige à suivre son regard.

Avec le mouvement des yeux vient le mouvement de la tête. Dans le deuxième exemple ci-dessus, vous êtes non seulement curieux de savoir ce qui pourrait être dans l'herbe, mais vous regardez aussi instinctivement avec le coyote. Vous voudriez que votre objectif de conversion soit celui que tout le monde cherche.

Dans le troisième exemple ci-dessous, le repère directionnel est plus subtil, mais reste très clair. Votre attention est d'abord attirée sur le wapiti situé dans le coin inférieur droit. Ce serait votre titre principal ou votre proposition de vente unique. Vous suivez ensuite son regard vers la gauche pour voir ce qu'il regarde - arriver à la volée d'oiseaux survolant la rivière - ce qui serait votre CTA.

Images de bébés et de personnes attirantes

L'imagerie est un aspect important de la conception. Cela peut créer un lien fort entre vous et la photo, et donc la page. En ce qui concerne les types d'images humaines efficaces à utiliser, il est bien connu que les bébés et les personnes séduisantes ont un impact. Parmi les deux, les plus universels sont les bébés. La recherche suggère que nous sommes tous câblés pour réagir au visage d'un bébé.

Dans une étude de la carte thermique de suivi oculaire de UsableWorld, un bébé était utilisé pour voir quel effet cela aurait sur l’attention des visiteurs. Le premier exemple montre combien d'attention est portée sur le visage du bébé:

Dans le deuxième exemple, le pouvoir de suggestion est pleinement mis en valeur, car le bébé reçoit toujours beaucoup d'attention, mais la zone qu'il étudie en reçoit beaucoup plus que dans le premier exemple:

Les femmes attirantes se sont également révélées être un élément humain persuasif sur une page de destination. L'exemple suivant concerne l'effet provoqué par une connexion personnelle puissante, où les yeux de votre sujet vous hypnotisent en faisant attention. Ceci, comme le contact visuel illustré dans le premier exemple, est un bon moyen d’augmenter le temps de visite d’un visiteur, offrant ainsi de précieuses secondes supplémentaires à votre proposition de valeur à intégrer.

4) espace blanc

Un espace blanc (ou espace vide) est une zone de vide entourant une zone d'importance. La raison pour laquelle nous disons un espace vide est que la couleur de cet espace n'est pas importante. L'objectif est d'utiliser un positionnement spatial simple pour permettre à votre appel à l'action de se démarquer de son environnement et de ne donner à votre œil qu'une chose sur laquelle vous concentrer.

Astuce de page d'atterrissage

Donnez à vos éléments de page une marge de manœuvre pour produire un effet apaisant et permettre à votre CTA de se distinguer du reste de votre conception.

5) Urgence et pénurie

Les facteurs de motivation psychologiques courants sont le recours à l'urgence (temps limité) et à la rareté (offre limitée). Ce sont des concepts simples qui peuvent être appliqués de différentes manières.

Urgence

"Acheter maintenant." "Ne manquez pas ça." Nous sommes habitués à entendre ces types de phrases. Les déclarations d'urgence servent à nous contraindre à prendre immédiatement une décision d'achat. Amazon et Ticketmaster, par exemple, utilisent cette technique de manière très efficace.

Amazon: commande avant la date

La plupart des gens sont familiers avec celui-ci. Amazon est en grande partie responsable d’un certain nombre de déclencheurs de points de pression, l’un étant le concept «ordre avant». Cela repose sur l'utilisation d'une période de temps finie pour encourager une décision d'achat immédiate. Initialement utilisé pour garantir la livraison pour Noël si vous aviez commandé à une date donnée, Amazon a étendu la stratégie aux cas d'utilisation quotidiens. Cela le rend applicable aux anniversaires des personnes, qui peuvent se produire n'importe quel jour de l'année.

Ticketmaster: il vous reste 4 minutes pour acheter votre billet

Ticketmaster a également trouvé un moyen d'accroître l'urgence d'acheter des billets. Une fois que vous avez sélectionné vos sièges, vous ne disposez que de quelques minutes pour terminer votre transaction avant l’expiration de votre opportunité et une autre personne peut alors glisser vos tickets. Vous pouvez voir cette fois dans le coin inférieur droit de la capture d'écran ci-dessous.

Rareté

Pour utiliser le concept de rareté, vous devez convaincre quelqu'un dont ils ont besoin d'acheter tout de suite, avant que les stocks ne soient épuisés. Cela augmente la crainte de passer à côté de l'occasion souhaitée.

Expedia: X sièges restants

L'achat de billets d'avion est très sensible au concept de rareté, car le nombre de sièges diminue rapidement à mesure que le temps de vol approche. Pour tirer parti de cette situation, Expedia utilise la transparence comme déclencheur psychologique pour vous encourager à obtenir votre carte de crédit et à effectuer une réservation immédiate. Pour ce faire, ils affichent le nombre de sièges disponibles sur le vol, mais uniquement lorsque le nombre est faible, comme il ne reste que trois sièges, comme indiqué dans cet exemple:

6) Essayez avant d'acheter

L'un des exemples les plus courants dans le monde réel de «Essayez avant d'acheter» est quand les gens se faufilent dans une grappe de raisin au supermarché. Nous l'avons tous fait. Il semble être devenu une forme de vol acceptable reconnue internationalement, bien que certains se sentent plus coupables à ce sujet que d'autres.

En tant que spécialiste du marketing centré sur la conversion, vous pouvez en tirer des leçons en permettant à vos visiteurs de goûter vos produits sans crainte de récrimination.

Dans l'exemple ci-dessous, ce vendeur de raisins a fait un effort supplémentaire pour fournir une section consacrée spécifiquement aux échantillons de raisins, montrant la confiance de quelqu'un qui a un produit de qualité.

L'aperçu

Si possible, donnez aux gens un aperçu de ce que vous vendez. Donner un ebook en échange de données personnelles? Fournissez le premier chapitre sous forme de fichier PDF gratuit sur votre page de destination. Extrayez un chapitre et utilisez-le comme un article de blog dont le CTA est le téléchargement complet du livre électronique (comme nous le faisons ici!). Certaines personnes vont décider qu'elles ne veulent pas de votre produit, mais il est préférable de séparer immédiatement le bon grain de l'herbe au lieu de collecter 500 prospects sans signification auprès de prospects non qualifiés.

Amazon est un exemple classique de ce principe avec sa fonctionnalité 'Look Inside', qui vous permet de lire une partie du livre à l'avance.

En toute transparence, nous faisons confiance

En ouvrant votre produit à un contrôle avant l'achat, vous semblez faire autorité et être crédible. Cela augmente la confiance et peut être un facteur important pour stimuler les conversions.

7) Preuve sociale

La preuve sociale est créée par les statistiques et les actions d'une foule particulière et peut grandement améliorer le facteur «moi aussi». Le principal avantage est un niveau de crédibilité authentique. Sur la photo ci-dessous, la ligne à l'extérieur du magasin vous fait croire qu'il se passe quelque chose d'important, même si vous ne savez pas ce que c'est.

Astuce de page d'atterrissage:

De même, vous pouvez indiquer que quelque chose se passe sur votre page de destination. En affichant le nombre de partages sociaux, d'inscrits de webinaires ou de téléchargements de livres électroniques à ce jour, vous pouvez bénéficier de quelques secondes d'attention supplémentaires pour impressionner votre message auprès d'un visiteur. Les témoignages peuvent également être un facteur déterminant pour créer un sentiment de confiance, en particulier s’ils proviennent de personnes appartenant au même type d’entreprise que votre prospect, où le nom de la société est connu de votre public cible.

Cela dit, les témoignages peuvent entraver les taux de conversion s’ils ne sont pas utilisés correctement. Vous pouvez en savoir plus sur la mauvaise utilisation des témoignages dans «Pourquoi les témoignages de vos clients ne fonctionnent pas».

L'expérience de l'homme à la recherche du ciel

En 1969, une étude a été réalisée dans les rues de New York dans laquelle un homme regardait dans les airs. L'étude a montré que les gens passeraient devant lui sans prêter attention à ce qu'il regardait. Cependant, lorsque le nombre de personnes fixant le regard est passé à cinq, les gens ont commencé à réagir en se joignant à eux et en levant les yeux pour voir ce qui se passait. L'augmentation du nombre de participants à 18 personnes s'est traduite par une augmentation de 400% du nombre de personnes rejoignant la foule. De toute évidence, plus la foule est grande, plus la foule s'agrandit.

Ceci est un extrait adapté de l'ebook gratuit, Conception centrée sur la conversion: des éléments essentiels pour des pages de renvoi hautement converties, écrite par le cofondateur et directeur de création d'Unbounce, Oli Gardner . Il est un ancien concepteur d'interaction qui utilise plus souvent la métaphore qu'il ne le devrait probablement dans ses écrits. Oli écrit à propos de la conception centrée sur la conversion (terme qu'il a inventé), du marketing et de l'optimisation des pages de destination. Vous pouvez le suivre sur Twitter @oligardner. Téléchargez l'ebook complet pour en savoir plus sur la façon de battre la moyenne et utilisez Design pour vous aider à augmenter vos taux de conversion de page de destination.

Article Précédent «
Article Suivant