Comment augmenter la conversion? - Chasseur à but lucratif

Dans cette vidéo, Andy Edmonds (un collaborateur de Stompernet) parle de comment la conception du site affecte la conversion . Cette leçon ne contient pas de méga-découvertes, mais plutôt une revue des développements rassemblés au cours de plusieurs années d'activité.

D'autre part, ces "vérités abîmées" permettent à Andy Jenkins de gagner plusieurs millions de dollars par an grâce à un seul magasin en ligne. Ecoutez donc les conseils de ces types ou . quels sont les gains sur Internet qu’ils connaissent personnellement 🙂

La taille de la vidéo est d'environ 130 Mo. Le chargement prendra donc beaucoup de temps.

Vidéo "Comment doubler la conversion du site Web"

Vous êtes intéressé savez-vous comment un visiteur se comporte lorsque vous accédez à votre site? Je suis sûr que oui. Parce que même si vous ne parvenez pas à vous placer au premier rang des émissions de Google, vous pourrez toujours augmenter vos bénéfices si vous apprenez à tirer le meilleur parti du trafic existant.

Avant de commencer à étudier le matériel, ouvrez la page contenant la vidéo (même si vous avez un accès commuté) et sous la fenêtre vidéo (maintenant à droite de celle-ci), recherchez le lien

Comment augmenter la conversion? - Chasseur à but lucratif

et allez-y. StomperScrutinizer est un outil qui imite un œil humain. Avec lui, vous pouvez déterminer ce que le visiteur voit et ne voit pas sur votre site. Je vais vous en dire plus sur le téléchargement et l'installation de StomperScrutinizer à la fin du post.

L'essence même du problème

L'emplacement incorrect des éléments de site peut vous coûter une part substantielle des bénéfices. Voici quelques exemples:

Comment augmenter la conversion? - Chasseur à but lucratif

Il semblerait que le menu ressemble à un menu. Cependant, ce menu peut réduire les profits du propriétaire du site de 25%. Allez-y.

Comment augmenter la conversion? - Chasseur à but lucratif

Image colorée, texte explicatif, disponibilité du prix et description du produit. Il semblerait que quelque chose ne va pas? Cependant, cette disposition réduit le nombre de personnes disposées à placer les marchandises dans le panier au même pourcentage de 25%.

Comment augmenter la conversion? - Chasseur à but lucratif

Cette page est idéale pour certaines phrases clés. De plus, le contenu correspond parfaitement à ce que les visiteurs recherchent sur cette page. Cependant, en raison de la police et de l'emplacement des blocs d'informations, le propriétaire de la ressource perd jusqu'à 14% des acheteurs.

Les raisons de ce "étrange" comportement des visiteurs

Regardez la capture d'écran.

Comment augmenter la conversion? - Chasseur à but lucratif

Voir le point bleu et la trace derrière celle-ci? comment Andy bouge en lisant le texte (très clairement dans la vidéo). Andy et la société utilisent cet outil, qui associe logiciel, matériel et caméra infrarouge, chaque fois qu’ils ont besoin d’ajuster le design d’un site Web.

Nos yeux bougent de manière inégale, le regard se déplace de manière aléatoire d’un point à un autre, adhérant à une certaine plage en un ou plusieurs. Troc, si vous lisez attentivement le texte ou l’ensemble de l’écran, lorsque vous n’aurez plus rien à faire, parcourez les sites.

Tout ce que dit Andy Edmonds dans cette vidéo est basé sur des données scientifiques qui vous aideront à comprendre pourquoi nous réagissons. sur le design du site d’une manière et pas autrement, et pourquoi certains sites nous poussent à agir, alors que d’autres nous incitent à fermer rapidement la page.

Deux types de vues

Au centre de notre œil se trouve le soi-disant fosse centrale . Elle est responsable de la perception des couleurs et des détails . À l'époque préhistorique, la capacité de focaliser la vue aidait une personne à trouver des fruits, des baies et d'autres aliments.

Comment augmenter la conversion? - Chasseur à but lucratif

Le reste de la rétine est responsable de la vision périphérique (ou latérale). Il répond au mouvement et au contraste . Ce type de vision permettait à l'homme des cavernes de remarquer l'approche d'un prédateur dans le temps.

Comment augmenter la conversion? - Chasseur à but lucratif

Les deux types de vision sont interdépendants. Alors que la fosse centrale se concentre sur une partie de l'image, la vision périphérique recherche des éléments contrastés que l'œil peut saisir et, dès qu'elle les trouve, l'œil se déplace sur ces éléments.

Pour preuve, Andy Jenkins. Il a pris une photo d’Angelina Jolie et a montré comment ses yeux bougeaient sur l’écran, mais comme il n’essayait pas de garder les yeux sur le visage de l’actrice, sa vision périphérique l’attirait pour d’autres «éléments de l’image» qui finissaient par lui arriver.

Comment augmenter la conversion? - Chasseur à but lucratif

Bien sûr, nous ne voyons pas avec nos yeux, mais avec un cerveau qui interprète tous les signaux qui lui sont envoyés et les met ensuite dans une image générale. Cependant, il est très important, que nous le voyons. Et le succès de votre entreprise Internet dépend de cela .

Ensuite, le mot prend Andy Edmonds , par formation - un psychologue cognitif, par vocation - un spécialiste de la convivialité et de la conversion.

Nos yeux peuvent effectuer jusqu'à 50 mouvements par seconde. Même lorsque nous nous concentrons sur des détails individuels, nos yeux ne restent pas immobiles.

Comment augmenter la conversion? - Chasseur à but lucratif

Les mouvements des yeux peuvent être divisés en bases et mineures . Les principaux permettent de distinguer les principaux éléments de la page, tandis que les plus mineurs soulignent les détails qui les accompagnent. Mais la chose la plus importante ici est que lorsque nos yeux bougent, nous restons aveugles .

Dans un cours de biologie scolaire, vous devez vous rappeler que le maillage de l’œil se compose de cônes et de tiges . Le graphique montre ce que nous voyons et comment nous le voyons bien.

Comment augmenter la conversion? - Chasseur à but lucratif

C’est la fosse centrale de l’œil qui est responsable de la perception de la couleur et des détails, cette perception du site et de ses éléments dépendra de l’attention que vous porterez à votre offre et si vous le pouvez. pour accueillir cette proposition dans ces 2-3 degrés, où la vue est concentrée autant que possible.

Comment augmenter la conversion? - Chasseur à but lucratif

Si vous regardez l’écran à une distance d’un demi-mètre, l’image à l'écran prendra 20 degrés de votre champ de vision. C'est-à-dire que vous ne verrez (en détail et en couleur) que 1/10 de l'écran. Si vous êtes assis plus près du moniteur, encore moins.

Compte rendu

Le premier exemple est une page du site Web Andy Jenkins.

Comment augmenter la conversion? - Chasseur à but lucratif

Initialement, il était supposé que le dessin attirerait l'attention du visiteur et il pourrait l'ajouter au panier après l'avoir visionné. L'hypothèse est raisonnable, mais ... Après qu'Andy et la société aient suivi le comportement du visiteur moyen sur la page, il s'est avéré que cette mise en page entraînait une perte de profit de 25%.

Et tout cela parce qu'un moment n'est pas considéré ici. Avant d’envoyer des marchandises au panier, chaque acheteur examine le prix . Voici ce qu'il voit (StomperScrutinizer est utilisé pour déterminer les limites de la mise au point):

Comment augmenter la conversion? - Chasseur à but lucratif

Oui, le bouton “Ajouter au panier” est très proche. Mais pour le trouver, cela prend du temps, mais Le temps réduit la conversion.

Cela a coûté à Andy de placer un bouton sous ce bloc sur toutes les pages du site

Comment augmenter la conversion? - Chasseur à but lucratif

et le nombre d’ajouts au panier a été augmenté de 25%.

Pour placer correctement des éléments sur une page, vous devez comprendre l’objectif du visiteur - connaître le prix d’un produit - et ne pas oublier votre objectif: vendre le produit. Selon vous, la conversion du site augmentera certainement.

De plus, vous augmenterez les ventes, éviterez au visiteur des actions inutiles . Et si le visiteur constate que votre site est simple et pratique,

L’importance des retraits et des lignes vides

Regardez le graphique de la répartition des visiteurs en fonction de la position du site dans le top 10 de Google:

Comment augmenter la conversion? - Chasseur à but lucratif

Notez la 10ème position. Le dernier site de la liste reçoit presque autant de trafic que le 5ème. Intéressant, n'est-ce pas?
Cependant, ce comportement est prévisible. Deux facteurs sont en jeu. Premièrement, le dernier élément de la liste est lisible. Il est suivi d’une ligne vide:

Comment augmenter la conversion? - Chasseur à but lucratif

Deuxièmement, le visiteur doit faire un choix: aller à la page suivante, qui ne saura pas quelle quantité charger, qui devra encore faire défiler et sur lequel on ne sait pas quels sites, ou restera sur cette page et essaiera la dernière des options. Et ici la paresse triviale fonctionne - dans la plupart des cas, l'utilisateur choisit la deuxième option.

Pour un utilisateur ordinaire, la simplicité a souvent une importance o supérieure à celle même de la qualité . Une personne choisit toujours la meilleure des options disponibles , même si cette option implique une simplicité banale plutôt qu'une qualité objective.

Et lorsqu'un visiteur se rend sur votre site, il attire d'abord l'attention sur la simplicité du site: modèle, navigation, emplacement des pièces, polices et jeu de couleurs. Pour tout cela, l'utilisateur prend 1-2 secondes . Si le site lui semble trop compliqué, il fermera la page sans hésiter et ouvrira un autre site.

Solutions simples

La première chose à faire est de diviser la colonne de navigation en blocs. (Exemple tiré du site réel de Andy Jenkins).

Comment augmenter la conversion? - Chasseur à but lucratif

Dans la colonne de droite, les éléments sont divisés en blocs, qui sont perçus beaucoup plus facilement qu'un fouillis d'éléments et de catégories, comme dans le menu de droite. Et les yeux se fatiguent moins.

Grâce à cette innovation, le nombre de défaillances sur le site a diminué de 25%, tandis que les bénéfices ont augmenté de 10%. Cela s'explique par deux raisons:

  1. facile à utiliser. Chaque visiteur compare consciemment ou inconsciemment votre site à d'autres sites. Il est catégorique dans son évaluation. À ses yeux, votre site est bon ou mauvais. soit simple ou complexe; soit utile ou inutile. Et si votre ressource est simple et bonne, les gens vont l'apprécier et s'en souvenir.
  2. Facile à chercher. Le menu est divisé en blocs. Chaque bloc a un en-tête d'ancrage pour lequel l'œil s'accroche.

Comment augmenter la conversion? - Chasseur à but lucratif

Voici un exemple de ce que le menu ne devrait pas être (au fait, il s’agit également du site Web d’Andy Jenkins - c’était un tel passé):

Comment augmenter la conversion? - Chasseur à but lucratif

Au lieu de s’attacher à quelque chose, le regard du visiteur parcourt la page, d’une colonne à l’autre du menu, puis à l’image du produit, puis au menu, puis à nouveau autour du cercle.

Structure du menu et du site

Simplifiez la structure du site dans son ensemble et du menu en particulier.Casser le site en petits blocs . En tête de chaque bloc, placez un élément qui attirera l'attention, qu'il s'agisse du nom du bloc dans la colonne du menu ou de l'image du produit dans le corps de la page.

Conseil: Lorsque vous divisez le menu en blocs, limitez le nombre d'éléments de chaque bloc à 7 (+/- 2) par titre.

Comment augmenter la conversion? - Chasseur à but lucratif

Bien entendu, ceux d'entre vous qui ne possèdent pas de boutique en ligne ont peu de chances de pouvoir appliquer les informations ci-dessus concernant le menu et ses fonctionnalités cachées.

Toutefois, même si vous possédez un site Web ou un blog d'information simple et que vous faites la promotion de votre produit ou produit affilié, vous pouvez également augmenter le taux de conversion en plaçant correctement les blocs d'informations sur la page.

À titre d’exemple, Andy a pris plusieurs dispositions et comparé leur convivialité. Voici le premier:

Comment augmenter la conversion? - Chasseur à but lucratif

Mise en page normale, 4 blocs d’informations optimisés, titre, texte, lien ... Cependant, c’est l’une des pires mises en page que vous pouvez présenter.

Andy a fait un petit test. Les visiteurs du site devaient répondre à quelques questions. Comme le montre la figure ci-dessus, 4 réponses possibles ont été présentées pour chacune des questions. Les visiteurs ont dû chercher longtemps la bonne réponse, car la mise en page était peu pratique. Pour la même raison, ils se sont souvent trompés. Dans de nombreux cas, ils ont piqué au hasard.

Résultat du test: les réponses étaient inexactes et le test a pris beaucoup de temps. En conséquence, le ratio de visiteurs au test était plutôt négatif que positif.

Comment augmenter la conversion? - Chasseur à but lucratif

Voici un exemple de bonne présentation:

Comment augmenter la conversion? - Chasseur à but lucratif

Un visiteur étudie les titres en quelques secondes, puis lit rapidement le texte situé en dessous. et donne la réponse. À la suite de cette modification de la présentation, le pourcentage de réponses correctes a augmenté. De plus, le temps nécessaire pour rechercher la bonne réponse a été réduit de 15%. Il semblerait que 15% soit un non-sens, mais le visiteur ressent la différence.

5200 pixels = 1 mile

Nos yeux se fatiguent. C'est un fait. Pour les yeux, une course sur 5200 pixels équivaut à 1 mile pour les jambes. C'est pourquoi nous sommes heureux de regarder les colonnes de menu correctement structurées et les petits blocs d'information. Nous trouvons donc rapidement des informations et nos yeux sont moins fatigués. Maintenant, comparez la distance parcourue par les yeux dans les bonnes et les mauvaises dispositions:

Comment augmenter la conversion? - Chasseur à but lucratif

Les principes de base permettant de créer une présentation pratique et attrayante sont décrits par Andy Edmonds avec l’acronyme CRAP (si vous ne savez pas comment. mot, regardez dans le dictionnaire 🙂.) Maintenant, dans l'ordre:

Contraste

Comment augmenter la conversion? - Chasseur à but lucratif

Mettez en retrait à la fin de chaque bloc, en mettant en surbrillance le titre et l'adresse en couleur, taille de police différente.

Répétition

Comment augmenter la conversion? - Chasseur à but lucratif

Tous les blocs sont identiques sur une page et sur d'autres pages. La prévisibilité de la présentation en facilite l'utilisation.

Alignement

Comment augmenter la conversion? - Chasseur à but lucratif

Vous devez non seulement unifier les blocs d’information, mais également les disposer correctement sur la page. Règle des figures géométriques normales

Proximité

Comment augmenter la conversion? - Chasseur à but lucratif

Pas loin et pas près, les éléments des blocs doivent être disposés de manière à ce que la transition d’un bloc à l’autre (ou à l’intérieur du bloc) soit aussi rapide que possible.

Comme exemple de bonne mise en page, Andy cite le site Tapestry Standard.

Comment augmenter la conversion? - Chasseur à but lucratif

Grâce à l'utilisation de StomperScrutinizer et aux modifications correspondantes sur le site, Andy a réussi à augmenter le taux de conversion du site à 3%.

Parcourez le programme sur le site et voyez comment tout est intelligemment réalisé (ou regardez la vidéo). Voici quelques captures d'écran:

Comment augmenter la conversion? - Chasseur à but lucratif

«Livraison gratuite» est mis en surbrillance en couleur.

Comment augmenter la conversion? - Chasseur à but lucratif

La catégorie du menu de contraste et la périphérie contrastante.

Comment augmenter la conversion? - Chasseur à but lucratif

Lien de contraste.

Comment augmenter la conversion? - Chasseur à but lucratif

La personne agit comme une ancre visuelle pour le visiteur. À côté du visage, une description des avantages pour les visiteurs: Remboursement , discussion en ligne et aide d’un designer d’intérieur.

Quelques mots sur les boutons

Comment augmenter la conversion? - Chasseur à but lucratif

Il s’agit d’une page de commande standard. Comme vous pouvez le constater, le visiteur trouve immédiatement le bouton permettant de payer les biens, car dans la plupart des cas, ce bouton vaut après jours (rappelez-vous les boutons «Continuer» et «Continuer» - ils sont également les derniers à être utilisés.)

Le bouton de paiement (ou ajouter des marchandises au panier) doit être le dernier élément actif de la page ou du bloc d’informations, afin d’attirer au maximum l’attention des visiteurs.

Notez également l'emplacement du bouton «Retour au magasin». Il se place en deuxième position à partir de la droite, directement devant le bouton «Checkout». Ici, le principe de proximité fonctionne.

Zoom

Nos yeux ont encore une caractéristique: ils peuvent scanner le texte avec fluence, sans se soucier des détails, et inversement, regardez les détails de ces mots qui attirent leur attention, vous devez donc fournir au lecteur des ancres (éléments contrastants) pour lesquelles son regard peut capter.

Voici une courte liste de ces ancres:

  • éléments contrastants;
  • polices;
  • faces;
  • liens;
  • lignes vides (retraits);
  • images;
  • photos;
  • vidéos ou animations.

Naturellement, tout devrait être modéré.

Résumé

  1. Les millisecondes ont la valeur . Le visiteur doit prendre ses décisions le plus rapidement possible. Ne le dérange pas.
  2. Les lignes vides et les retraits sont aussi importants que le contenu . Ils mettent en évidence les éléments du site.
  3. Un visiteur compare votre site à d'autres sites. Essayez de ne pas tomber face à la terre.
  4. Découpez le site en blocs. Cela simplifiera grandement l'utilisation du site.

StomperScrutinizer

Vous devez maintenant télécharger et installer StomperScrutinizer. Avant de télécharger le programme, vous devrez remplir un formulaire et entrer votre nom, votre adresse électronique, votre pays de résidence et d'autres données. Dans la section Type d'organisation, vous pouvez sélectionner Autre.

Ensuite, une lettre de confirmation sera envoyée à la boîte que vous avez spécifiée. Suivez le lien dans la lettre

Comment augmenter la conversion? - Chasseur à but lucratif

En plus du programme, vous aurez également accès à un bonus spécial: des astuces sur la conception de sites Web et l'augmentation du nombre de conversions. (J’ai téléchargé le programme hier, je n’ai pas encore reçu le bonus. Il sera probablement livré en partie à l’e-mail sous forme de distribution.)

Une fois que vous aurez confirmé votre intention de dire à StomperScrutinizer, vous serez redirigé vers la page de téléchargement.

Comment augmenter la conversion? - Chasseur à but lucratif

Tout d'abord, téléchargez et installez Adobe Air Runtime, puis téléchargez et installez StomperScrutinizer.

Au même endroit de la page, vous trouverez une FAQ et une description de 10 façons d'utiliser le programme (si vous avez besoin d'une traduction, écrivez dans les commentaires, je le ferai).

Je vous conseille de ne pas retarder votre inscription. Andy dit qu'après un certain temps l'accès au programme sera fermé. Les spécialistes du marketing de ce niveau ne jettent pas de mots au vent, alors dépêchez-vous. Après tout, le problème ne réside probablement pas dans le programme lui-même, qui peut être exposé en toute sécurité sur Rapida, mais dans les tableaux, que seuls les abonnés peuvent recevoir.

Si vous avez un blog dédié à l'optimisation, au design ou au commerce électronique, offrez aux lecteurs un cadeau du Nouvel An. Parlez-leur de StomperScrutinizer et, si vous le souhaitez, d'un lien vers ma vidéo de traduction.

Articles connexes:

  • 10 étapes pour promouvoir la vidéo sociale
  • Liens hypertextes, liens retour, backlinks ...
  • Retour vers le futur - Web 2. Perspectives 0
  • Augmentation du nombre de conversions dans les magasins en ligne

Vous aimez les articles? Inscrivez-vous à la newsletter!

Chercher

Articles Liés