Comment simplifier les tests fractionnés avec Visual Website Optimizer

En tant que concepteurs, nous sommes formés et obligés de nous concentrer sur ce qui nous semble le plus agréable à regarder. Nous travaillons dur pour créer les sites les plus époustouflants, en rassemblant tout ce que nous pouvons tirer des objectifs de marque et des objectifs commerciaux de nos clients ou de nos propres opérations..

Cependant, la réalité est que, quelle que soit la perfection de la conception, le seul moyen de s'assurer de l'atteinte de ses objectifs est d'obtenir des résultats chiffrés à l'aide de tests réels..

Q. La couleur que vous avez choisie pour le Télécharger la version d'évaluation gratuite bouton l'air incroyable?

UNE. Oui, bien sûr, parce que vous êtes un excellent concepteur de sites Web..

Q. La couleur que vous avez choisie pour le Télécharger la version d'évaluation gratuite bouton oblige réellement les gens à télécharger un essai gratuit?

UNE. La vérité est que vous n'avez aucun moyen de savoir si vous ne créez pas d'autres boutons de couleur et comparez les résultats obtenus avec le trafic réel..

Chaque site a un public complètement différent. Et quelle que soit la quantité d’études de marché que vous faites au préalable, vous ne pouvez absolument pas connaître l’esprit de chaque utilisateur. Tant que ces vraies personnes ne commencent pas à passer à travers et à effectuer de vraies actions, il ne reste que la théorie.

C'est là que Test de Split autrement connu sous le nom de test A / B entre en jeu. La phase de conception de la production sur site est l’art, et le test A / B est la science..

Comment les tests A / B étaient

Pour tout site devant atteindre un objectif spécifique, c'est-à-dire tout site d'entreprise, les tests A / B sont aussi essentiels au processus que les tests inter-navigateurs. S'assurer qu'un site atteint ses objectifs fait tout autant partie de la création d'un site fonctionnel que le rendu correct de tous les CSS.

Malgré cela, dans le passé, cela ressemblait toujours à la soie dentaire du monde de la conception Web. Vous saviez que vous deviez le faire, mais vous finissiez toujours par vous relâcher parce que c'était gênant et parfois un peu douloureux.

Vous deviez installer et configurer des scripts compliqués, créer plusieurs versions différentes de vos sites stockés dans différentes URL. L'ensemble du processus était fastidieux et fastidieux..

Cependant, comme tout le reste du monde Web, les outils de test fractionné A / B évoluent et les éléments qui étaient auparavant relégués au panier «trop difficile» sont maintenant dans le «panier rapide et facile».

Nous disposons maintenant d'une nouvelle génération d'outils de test A / B qui nous permettent d'optimiser chaque site que nous créons, ce qui nous permet de concevoir des sites aussi attrayants que possible..

Comment se fait le test A / B aujourd'hui

L'un des outils de test A / B de la nouvelle génération est Visual Website Optimizer, ou VWO, de l'équipe Wingify. VWO supprime les anciennes méthodes de test A / B permettant de gérer des lignes de code sans fin et des heures de création de versions alternatives de votre site..

Au lieu de cela, c'est aussi simple que cela:

1. Extrait de code JavaScript

Placez un petit extrait de JavaScript dans la section principale de votre site..

2. Faites glisser et déposez d'autres versions du site

Utilisez l'interface glisser-déposer de Visual Website Optimizer pour créer autant de versions alternatives de votre site que vous le souhaitez..

3. Regardez les résultats

Observez le trafic et utilisez les graphiques et les cartes thermiques générés automatiquement pour déterminer exactement quelle version de votre site génère les meilleurs résultats..

Ce processus élimine complètement les incertitudes et vous permet de déterminer avec une certitude absolue les variations de vos conceptions qui génèrent le plus de prospects et de ventes..

Petits changements, grandes différences

Si vous n'avez jamais effectué de test A / B, vous pensez peut-être que des révisions complètes du site sont nécessaires pour générer des résultats. En réalité, ce sont souvent de très petits changements qui entraînent les plus grandes différences.

La galerie d’études de cas de VWO est un bon endroit pour avoir une idée des petits changements qui peuvent générer des augmentations de revenus significatives..

Les exemples ci-dessous montrent que les améliorations peuvent provenir de quelque chose d'aussi simple que de changer la couleur d'un lien du bleu au rouge pour une augmentation de 50% des clics:

UNE: Beamax, lien bleu
B: Beamax, lien rouge 50% de clics supplémentaires

Modification d'une taille de police de 15 à 20 pixels et en caractères gras pour une augmentation de 36,54% des conversions:

UNE: Réduction royale, taille de police 15 px et poids de police normal
B: Remise royale, taille de la police 20 pixels en gras, augmentation du nombre de conversions de 36,54%

Ou ajouter quelques mots pour passer d’un taux de conversion de 14,5% à 18,6%:

UNE: Soocial, original avec 14.5% de conversion
B: Soocial, ajouté "C'est gratuit" et augmentation à 18,6% de conversion

Maintenant, mettons cela en perspective un peu.

L'exemple ci-dessus, où le texte était en gras et dont la taille avait augmenté, a entraîné une augmentation des revenus de 10,21%. Même si le chiffre d'affaires total de l'entreprise pour un an n'était que de 100 000 dollars (et je suis sûr que ce serait beaucoup plus), cela signifierait un gain de 10 210 dollars pour deux minutes d'ajustements, un résultat louable dans le livre de quiconque.

Tweaks rapides et sans code dans VWO

Vous avez vu plus haut que même des ajustements mineurs peuvent donner des résultats réels. Voyons maintenant comment créer de tels réglages avec VWO..

Vous pouvez suivre ces étapes en vous inscrivant à un essai gratuit de 30 jours chez VWO. Cet essai gratuit vous donne: 

  • Toutes les fonctionnalités des plans standard
  • Limite de 1000 visiteurs
  • Support technique illimité par e-mail

Après avoir enregistré et entré quelques informations de base sur votre compte, telles que le nom de votre société et son URL, vous pouvez accéder à Code d'installation onglet dans votre zone d'administration pour récupérer votre extrait d'intégration JavaScript.

Copiez l'extrait et collez-le à la fin de la section principale de votre site. Vous êtes prêt à partir..

Vous pouvez vérifier que tout fonctionne correctement en entrant l'URL de votre site dans le champ Vérificateur de code intelligent sur la même page et en cliquant sur le Vérifier bouton.

Créer une nouvelle campagne

Maintenant que VWO est intégré à votre site, vous pouvez configurer une nouvelle campagne. Cliquez sur le gros + icône dans le menu de gauche, puis sélectionnez Campagnes de sites Web.

Vous serez ensuite amené à une gamme de types de campagnes parmi lesquels vous pourrez faire votre choix. Pour nos besoins, sélectionnez Test A / B.

Dans le panneau suivant, entrez l'URL de la page sur laquelle vous souhaitez exécuter les tests A / B..

Vous serez ensuite redirigé directement sur votre site dans Visual Website Optimizer (VWO), où vous pourrez commencer à en créer différentes versions pour le tester..

Pour illustrer mon propos, j’ai créé une petite page d’inscription à la newsletter destinée aux personnes qui aiment les vidéos de chiots mignons, car?

À partir de là, tout ce que vous avez à faire est de cliquer sur l'élément que vous souhaitez modifier et vous verrez apparaître toute une gamme d'outils vous permettant de créer vos versions alternatives directement dans VWO..

Regardez ces réglages de VWO, faits en quelques secondes

Des images de VWO ne suffiront pas à elles seules à rendre justice, car vous devez absolument le regarder en direct pour voir à quel point la création de versions de site alternatives est rapide..

Ce sont les mêmes types d'ajustements que dans les exemples que nous avons examinés précédemment, où de petits changements ont généré de grandes différences dans les résultats..

Comme je l'ai mentionné dans la vidéo, j'ai été en mesure de configurer ces modifications simplement via un compte d'essai gratuit. Pour essayer d'apporter les mêmes types de modifications, rendez-vous sur le site de VWO et bénéficiez d'un accès totalement fonctionnel pendant 30 jours, gratuitement..

Tests multivariés et types de rapports

En plus des tests A / B, VWO vous permet également de créer des tests à plusieurs variables. Les tests multivariés vous permettent de comparer plus que deux variantes d'un site. Vous pouvez donc le considérer comme un test A / B / C / D…..

Les rapports résultants générés à partir de vos tests se présentent sous différentes formes et formats. Parmi la sélection des rapports disponibles, vous obtiendrez des résumés "en un coup d'œil" permettant de suivre vos conversions, vos revenus, votre trafic, etc.:

Vous obtiendrez des graphiques comparatifs:

Et un de mes favoris personnels, les cartes thermiques pour savoir où les visiteurs cliquent:

Au-delà des tests fractionnés

Même si vous pouvez vous rendre chez VWO pour le test fractionné, vous pouvez également rester pour toutes les autres manières d’utiliser le jeu d’outils et certains des avantages supplémentaires proposés..

Ce que le VWO vous donne est un moyen de créer des variantes de votre site sans le ralentir ni avoir à maintenir différentes installations avec différentes URL. Les tests fractionnés sont l'une des façons de l'utiliser, mais vous pouvez également proposer des versions spécialement optimisées pour toutes sortes de facteurs tels que l'emplacement, le type d'appareil, le système d'exploitation, le navigateur, les termes de recherche, etc..

Par exemple, vous pouvez utiliser le système de suivi de segments de VWO pour découvrir que les utilisateurs d'iPhone à New York arrivant via Facebook sont les plus réactifs et génèrent le plus de conversions. Vous pouvez ensuite créer une version personnalisée du site uniquement pour ce segment, l’analyser et la peaufiner pour en améliorer la convivialité et les conversions jusqu’à obtenir la variation la plus optimisée possible..

La «fabrique d’idées» est un autre aspect de l’affiliation qui vaut, à mon avis, son prix d’admission. Une fois que vous avez testé les éléments évidents tels que les titres et les couleurs des boutons, vous vous demandez peut-être ce que vous pouvez faire par la suite pour continuer à optimiser. À ce stade, vous pouvez cliquer sur l'onglet "Idées" dans VWO pour obtenir des détails complets et des conseils sur plus de 400 autres moyens d'améliorer les améliorations:

Vous aurez également accès à une vaste bibliothèque d’études de cas du monde réel afin de voir exactement ce qui a fonctionné pour augmenter les conversions et les revenus d’autres sites. Ce type de chose peut être de l'or pur quand vous appliquez ce que vous découvrez à vos propres projets.

Pour mettre cela en perspective, il y a quelques années, je me souviens avoir vu une personne vendant un recueil d'un peu plus de 40 études de cas de tests divisés à 200 $ et ce, avec beaucoup de succès..

J'ai commencé à compter le nombre d'études de cas dans l'usine VWO. J'ai arrêté de cliquer sur le bouton "Charger plus" à la 120ème entrée..

Conclusion

J'espère que cela vous a permis de mieux comprendre ce que les tests A / B peuvent faire pour vous et comment VWO peut vous aider à le réaliser. VWO a une pile complète de fonctionnalités, et vous pouvez lire à leur sujet sur leur site web.

Ou bien, lancez-vous et commencez à mettre vos sites à l'épreuve, bénéficiez de 30 jours de création de variantes et de suivi de vos résultats avec la version d'essai gratuite entièrement fonctionnelle.

Voyons comment vos sites fonctionnent bien!