Test A/B automatisé avec Kameleeon

Créez des tests A/B directement depuis Contentsquare en utilisant l'automatisation basée sur l'IA. Transformez les insights en actions en quelques minutes en décrivant votre hypothèse de test en langage naturel.

La création automatisée de tests A/B comble le fossé entre l'insight et l'action, vous permettant de lancer des expérimentations sans quitter Contentsquare. En tirant parti de la technologie agent à agent, cette fonctionnalité connecte les analytics de Contentsquare avec la plateforme d'expérimentation de Kameleoon, permettant à l'IA de construire vos tests automatiquement en fonction de vos descriptions en langage naturel.

Pourquoi utiliser un test A/B automatisé ?

1. Accélérez le temps de test :

Transformez les insights de l'analyse de zoning en expériences en direct en quelques minutes. Pas besoin de passer d'une plateforme à l'autre ou de configurer manuellement les paramètres de test.

2. Abaissez la barrière à l'expérimentation :

Autonomisez les membres non techniques de l'équipe à créer des tests A/B sans connaissances en codage ou expertise approfondie de la plateforme.

3. Agissez sur les insights immédiatement :

Vous avez trouvé une opportunité d'optimisation dans le zoning ? Créez le test correspondant sur le champ pendant que le contexte est encore frais.

4. Augmentez la vitesse de test :

Lancez plus d'expériences plus rapidement en éliminant les étapes de configuration manuelle et en réduisant le temps entre la découverte d'insights et le déploiement du test.

5. Maintenez le Contexte d'analyse :

Conservez votre Contexte d'analyse (par exemple, segments, plages de dates, filtres de dispositifs…) intact lors de votre transition de l'insight à l'expérimentation.

Avant de commencer

Pour utiliser la création automatisée de tests A/B, vous devez avoir :

• L'intégration Kameleoon est installée : Votre projet Contentsquare doit avoir une intégration Kameleoon active. Seuls les administrateurs peuvent installer des intégrations. En savoir plus sur l'intégration Kameleoon dans cet article.
• Extension Kameleoon PBX : Votre compte Kameleoon doit inclure l'extension Personnalisation par eXperience (également connue sous le nom de PBX), qui fournit l'accès aux capacités d'agent IA de Kameleoon.
• Permissions appropriées : Vous devez avoir les permissions nécessaires/requises à la fois dans Contentsquare et Kameleoon pour créer des Zonings et des Expérimentations.
• Navigateur Chrome avec l'extension Kameleoon : L'extension Chrome Kameleoon PBX doit être installée et activée pour que le flux de travail automatisé fonctionne correctement.

Comment créer votre test A/B automatisé

La création automatisée de tests A/B est accessible directement depuis l'analyse de zoning :

• Depuis le menu principal, accédez à ‘Analyse de zoning’
• Pour commencer une analyse, sélectionnez ‘Commencer de zéro’ ou ouvrez un zoning existant dans votre liste.
• Recherchez le bouton ‘Concevoir un test A/B’ dans le panneau de droite.

Créez votre test A/B automatisé en suivant les étapes suivantes :

Étape 1 : Identifiez votre opportunité dans le zoning :

Commencez par analyser une page ou un écran dans l'analyse de zoning où vous avez identifié une opportunité d'optimisation. Cela pourrait être :

• Un élément sous-performant qui nécessite d'être repensé
• Une zone à fort engagement qui pourrait être améliorée
• Une mise en page confuse qui nécessite d'être simplifiée
• Un bloqueur de conversion qui nécessite d'être supprimé

Étape 2 : Initier la création du test

• Tout en visualisant votre zoning, cliquez sur le bouton ‘Concevoir un test A/B’ dans le panneau de droite
• Un formulaire de création de test apparaîtra.

Étape 3 : Définissez votre test

À partir du formulaire, vous serez invité à répondre à quelques questions :

1. Nommer votre test : Donnez à votre test A/B un nom clair et descriptif qui vous aide à l'identifier plus tard. Exemples : “Test de couleur du CTA Hero de la page d'accueil” ou “Taille du bouton Ajouter au panier de la page produit”.
2. Décrivez votre hypothèse : Expliquez ce que vous testez et pourquoi. Soyez précis sur ce que vous attendez. Exemples : “Changer la couleur du bouton CTA de bleu à orange augmentera le taux de clic car l'orange crée plus de contraste visuel avec le de fond.” ou : “Rendre le bouton ‘Ajouter au panier’ plus grand et plus proéminent réduira l'hésitation et augmentera le taux d’ajout au panier”.
3. Spécifiez les changements visuels attendus : Décrivez exactement ce qui doit changer sur la page. Plus vous êtes précis, mieux l'IA pourra construire votre test. Exemples : "Changer la couleur du bouton CTA principal de #0066CC (bleu) à #FF6600 (orange), garder tous les autres styles identiques" ou : "Rendre le bouton 'Ajouter au panier' plus grand et plus proéminent réduira l'hésitation et augmentera le taux d’ajout au panier"

Étape 4 : Laissez l'IA construire votre test

Une fois que vous avez complété l'étape 3 et soumis :

• Contentsquare se connecte à Kameleoon, partageant les détails du test et vous dirigeant vers la page de test.
• L'extension Chrome de Kameleoon s'active, envoyant votre prompt à l'agent IA de Kameleoon.
• L'agent IA interprète la description et crée automatiquement une variation de test.
• Vous pouvez examiner et affiner la variation générée par l'IA, ajuster les paramètres du test (trafic, objectifs, durée) et lancer le test dans Kameleoon.

Analyser les résultats de votre test A/B dans Contentsquare

Une fois votre test actif, vous pouvez revenir à Contentsquare pour analyser sa performance.

Voir les données du test dans Zoning

1. Créez un nouveau Zoning ou ouvrez un existant.
2. Dans le flux de création de Zoning, sélectionnez 'Analyser un test A/B'.
3. Choisissez votre expérimentation Kameleoon dans le menu déroulant.
4. Sélectionnez la variation que vous souhaitez analyser. Conseil : Vous pouvez choisir parmi différentes intégrations de votre propre catalogue, pas seulement Kameleoon.
5. Contentsquare va automatiquement :
   • Récupérer la capture d’écran correcte pour cette variation.
   • Créer ou appliquer le segment approprié.
   • Afficher les données comportementales pour les utilisateurs qui ont vu cette variation.

Utiliser les Dashboards de test A/B

Surveillez la performance de votre test d'un coup d'œil en créant un Dashboard dédié :

1. Accédez aux Dashboards et créez un nouveau dashboard ou utilisez le template de test A/B.
2. Ajoutez des widgets pour suivre :
   • Les métriques de conversion pour chaque variation.
   • Les métriques d'engagement (taux de clic, profondeur du scroll, hésitation).
   • La performance de la page (taux de rebond, taux de sortie).
   • Les interactions au niveau de la zone pour les éléments testés.
3. Configurez des Alertes pour vous notifier des changements ou anomalies significatifs.

En savoir plus sur la création de Dashboards dans cet article. 

Accéder aux Replays de session

Regardez les sessions d'utilisateurs réels pour chaque variation de test :

1. Depuis votre Zoning, cliquez sur 'Voir les Replays'
2. Les sessions seront automatiquement filtrées pour la variation sélectionnée
3. Observez comment les utilisateurs interagissent avec vos changements de test
4. Identifiez les comportements ou problèmes inattendus

Bonnes pratiques

Besoin de conseils pour rédiger des descriptions de test efficaces afin de tirer le meilleur parti de votre test A/B automatisé ? Cette section est pour vous !

Conseils généraux pour rédiger des descriptions de test efficaces

Soyez spécifique avec les détails visuels : 

• ✅ "Changer le de fond de l'en-tête de blanc (#FFFFFF) à bleu marine (#001F3F)"
• ❌ "Rendre l'en-tête plus sombre"

Incluez le contexte concernant l'emplacement :

• ✅ "Déplacer la barre de recherche de la barre latérale droite vers le centre de la hero section, sous le titre."
• ❌ "Déplacer la barre de recherche"

Spécifiez les changements de texte exacts :

• ✅ "Changer le texte du bouton de 'En savoir plus' à 'Démarrer gratuitement' et ajouter une icône de flèche (→) après le texte"
• ❌ "Mettre à jour le texte du bouton"

Mentionnez ce qui doit rester le même : 

• ✅ "Changer uniquement la couleur du bouton CTA, garder tous les autres éléments de la page inchangés"
• ❌ "Changer la couleur du bouton CTA"

Conseils pour rédiger des prompts efficaces :

• Soyez spécifique sur les couleurs, tailles, changements de texte et positions des éléments
• Incluez des sélecteurs CSS ou des descriptions d'éléments lorsque cela est possible
• Mentionnez tout élément qui ne doit PAS changer
• Décrivez une variation claire ; vous pouvez créer des variations supplémentaires plus tard dans Kameleoon.

Conseils de stratégie de test

Commencez par des zones à fort impact :

Concentrez-vous sur les éléments ayant une forte visibilité et engagement dans vos données de Zoning.

Testez une variable à la fois : 

Pour des insights plus clairs, isolez les changements individuels plutôt que de tester plusieurs changements simultanément.

Définir les métriques de succès à l'avance : 

Avant de créer votre test, décidez quelles métriques détermineront le succès (taux de conversion, taux de clics, temps d'engagement, etc.).

Assurez-vous d'une taille d'échantillon suffisante : 

Vérifiez que votre page a suffisamment de trafic pour atteindre l'importance dans un délai raisonnable.

Surveillez tôt et souvent : 

Examinez la performance du test dans les 24 à 48 premières heures pour détecter rapidement tout problème d'implémentation.

FAQ & Dépannage

Allez plus loin

• Intégration Kameleoon
• Comment créer des Heatmaps et des Zonings
• Comment configurer Contentsquare pour votre analyse de test A/B
• Comment demander une intégration
• Introduction à l'analyse de zoning