6 exemples de test utilisateur pour vous aider à créer de meilleurs produits (avec une checklist gratuite)

Le test utilisateur représente souvent cette tâche incontournable de checklist de votre produit, ignorée à cause d'un trop grand nombre d'opinions différentes sur ce qu'il s'agit de tester exactement, sur les méthodes à utiliser et sur les différentes étapes à suivre.

Par exemple, comment savoir quels défis justifient un test A/B complet et ceux qui ne nécessitent qu'un entretien client ? Et quels résultats pouvez-vous attendre d'un test utilisateur ?

L'analyse d'exemples de test utilisateur réussis vous aide à répondre à toutes ces questions.

Ce chapitre présente six exemples concrets d'entreprises qui ont mené des tests utilisateurs avec succès et les résultats obtenus. Nous vous donnons aussi des conseils avancés sur la façon dont vous pouvez vous inspirer de ces pratiques pour relever vos défis d'optimisation de produit.

De plus, nous vous offrons une checklist gratuite à télécharger pour pouvoir aligner vos objectifs, assigner les tâches et commencer immédiatement.

6 exemples réels de tests utilisateur à suivre

L'application de tests utilisateur à des défis réels vous aide à comprendre la profondeur de votre propre expérience utilisateur (UX), ce qui vous permet de valider des hypothèses sur le comportement et les préférences de l'utilisateur et de prendre des décisions produit efficaces.

Avant de nous plonger dans les exemples, jetons d'abord un coup d'œil sur les méthodes et les outils de test utilisateur les plus populaires aujourd'hui :

• Tests utilisateur : recueille de véritables insights lorsque les utilisateurs et utilisatrices interagissent avec votre site web ou votre produit sans l'aide d'un modérateur, pendant leur temps libre

• Sondages : demandez directement ce que vos utilisateurs et utilisatrices pensent grâce à des questions d'enquête et de sondage stratégiquement conçues

• Entretiens : réalisez des entretiens individuels pour comprendre les nuances qui se cachent derrière les opinions de vos utilisateurs et utilisatrices

• Groupes de discussion : réunissez un groupe d'utilisateurs pour discuter et apporter un feedback sur votre produit ou service

• Tests A/B : testez deux versions différentes de votre produit pour découvrir la plus performante auprès de vos utilisateurs et utilisatrices

• Heatmaps : analysez le comportement de l'utilisateur sur votre site web ou votre application web en cartographiant visuellement les endroits où ils cliquent et passent du temps

• Replays ou enregistrements de sessions : examinez et analysez les interactions de l'utilisateur avec votre produit pour identifier les points de friction et les axes d'amélioration

Voyons maintenant comment six entreprises ont utilisé les outils d'insights sur l'expérience digitale de Hotjar pour réaliser des tests utilisateur et améliorer l'expérience utilisateur.

1. Comment Bannersnack a augmenté le nombre d'inscriptions à la page d'entrée et l'adoption des fonctionnalités

Bannersnack, un outil de création de bannières en ligne, se trouvait dans une situation difficile : l'analytics web l'avait alerté sur la faiblesse des conversions et il savait donc qu'il devait faire quelque chose pour améliorer ses résultats, mais il n'avait aucune idée de la façon dont les gens utilisaient son outil et des raisons pour lesquelles ils ne passaient pas à l'action.

1. Heatmaps et tests A/B

Bannersnack s'est tourné vers les tests utilisateur pour donner du sens à ses données quantitatives. L'équipe a d'abord analysé les heatmaps pour comprendre les éléments avec lesquels les utilisateurs et utilisatrices interagissaient ou ceux qu'ils ignoraient sur leurs pages d'entrée. L'équipe a donc agrandi le bouton et y a ajouté du contraste pour mieux capter l'attention des internautes.

Puis elle a mené des tests A/B sur les différents CTA et a confirmé que les utilisateurs et utilisatrices réagissaient mieux à la page d'entrée comportant le bouton le plus grand et le plus visible.

En mettant en œuvre les changements soulignés par les heatmaps et les tests A/B, l'équipe a augmenté le nombre d'inscriptions de 25 %.

2. Enregistrements de sessions

Après avoir visionné plusieurs enregistrements de sessions avec Session Replay, l'équipe de Bannersnack s'est rendu compte que de nombreux clients négligeaient leur nouvelle fonctionnalité "Timeline", qui n'était pas aussi visible pour les utilisateurs et utilisatrices que les designers l'avaient d'abord espéré.

La solution est simple : le mot "Timeline" a été ajouté à un bouton et légèrement repositionné.

Ce simple changement a permis d'augmenter les inscriptions de 12 % supplémentaires.

🚨Principale conclusion : observez comment vos utilisateurs et utilisatrices interagissent avec votre produit en utilisant des outils comme les replays de sessions en combinaison avec Heatmaps pour vous assurer que les éléments importants comme les boutons CTA et les fonctionnalités sont parfaitement clairs et visibles.

💡Conseil de pro: segmentez et analysez vos replays pour découvrir les frustrations ou les points de friction de l'utilisateur. Par exemple, vous pouvez analyser les replays de sessions de Contentsquare par :

• Rage clicks : les utilisateurs et utilisatrices qui cliquent de façon répétée sur un élément qui pourrait indiquer un bug du site web, un lien rompu ou une image qu'ils pensent être cliquable mais qui ne l'est pas

• Retours en arrière : les personnes qui naviguent vers une page puis reviennent rapidement à la page précédente

2. Comment Doodle a augmenté les conversions de 300 %

Doodle, un outil de planification de réunions, souffrait de données internes peu concluantes et souvent trompeuses, ce qui frustrait l'équipe car elle ne savait pas comment optimiser le produit pour en augmenter l'adoption. Ils ont donc décidé d'effectuer des tests utilisateur et de voir ce qui manquait à leur outil.

1. Enregistrements

Grâce aux enregistrements, l'équipe de Doodle a observé que les utilisateurs et utilisatrices connectaient des calendriers vides au lieu de calendriers réels à leur compte (ce qui n'apparaissait pas dans les données de Doodle).

2. Sondages

Doodle s'est servi aussi des sondages de Surveys pour poser des questions ouvertes sur les fonctionnalités et l'expérience utilisateur globale, afin de comprendre ce que ses clients aimaient vraiment dans l'outil.

En s'appuyant sur les résultats des tests utilisateur réalisés, en facilitant la connexion des calendriers et en se concentrant sur les fonctionnalités les plus populaires, Doodle a augmenté les conversions de 300 %.

🚨Principale conclusion : au lieu de vous fier à votre instinct et de faire des suppositions sur ce que veulent vos utilisateurs et utilisatrices, demandez-leur (et validez vos décisions produit).

💡Conseil de pro : utilisez la collecte de feedback and Surveys pour recueillir en temps réel le feedback de l'utilisateur lorsqu'il interagit avec votre site web et posez-lui directement des questions comme

• A-t-il été facile de naviguer sur notre site et de trouver ce que vous cherchiez ?

• Quel est votre degré de satisfaction avec votre expérience d'achat sur notre site web ?

• Que pourrions-nous faire pour améliorer votre expérience ?

Quelles questions ou préoccupations n'ont pas été abordées au cours de votre expérience d'achat ?

3. Comment Every.org a augmenté les dons aux associations caritatives de 29,5 %

Every.org, une plateforme qui permet aux gens de faire des dons et aux organisations à but non lucratif de les collecter, était face à un problème : les donateurs avaient du mal à faire des dons et finissaient par abandonner le site. Dave Sharp, Senior Product Designer chez Every.org, a décidé de découvrir exactement ce qui causait des frictions, en se tournant vers les tests utilisateur pour obtenir de l'aide.

1. Entretiens

Dave a commencé par rencontré des utilisateurs et utilisatrices pour leur poser des questions sur ce qu'ils pensaient des différents éléments du site web.

Si ces discussions en personne avec les utilisateurs et les utilisatrices lui ont permis d'en apprendre beaucoup, il avait bien conscience des biais potentiels : les utilisateurs et utilisatrices ont tendance à essayer de "dire ce qu'il faut" pour plaire à l'intervieweur, ce qui fausse les résultats. Pour compléter et valider ces insights, il lui fallait des données objectives.

2. Replays de sessions

En filtrant ses replays de sessions par URL, Dave a pu les regarder par pertinence pour mieux comprendre les aspects qualitatifs des entretiens. Il a vu que

• Les utilisateurs et utilisatrices effectuaient des rage clicks sur le bouton "faire un don"

• Très peu d'utilisateurs et utilisatrices commençaient par ajouter les détails de leur carte avant de procéder au don (ce qui était le flux d'utilisateur prévu) parce que les deux boutons étaient parallèles

L'ajout de la carte étant une exigence réglementaire, Dave a repensé le flux pour ne passer à la page "faire un don" qu'une fois que les utilisateurs et utilisatrices ont téléchargé les détails de leur carte. Il a aussi ajouté une section FAQ pour aider les utilisateurs et utilisatrices à comprendre ce que signifie faire un don avec Every.org en termes de frais et de taxes.

3. Tests A/B

Dave a ensuite testé le nouveau flux par rapport à l'ancien pour voir l'impact de la refonte.

Les enregistrements du test A/B ont montré que les utilisateurs et utilisatrices avaient cessé leurs rage clicks et interagissaient activement avec les FAQ avant de procéder aux dons.

Les deux changements ont été couronnés de succès, entraînant une augmentation de 29,4 % des conversions pour Every.org.

🚨Principale conclusion : assurez-vous que vos flux d'utilisateur et vos parcours client sont évidents et que les utilisateurs et utilisatrices savent ce qu'ils doivent faire ensuite pour réaliser une action, par exemple passer au paiement. Ne vous contentez pas de supposer que tout se passe bien organisez un entretien individuel au cours duquel vous observez les utilisateurs et utilisatrices naviguer sur votre site web, afin de voir exactement où ils se perdent et de leur poser des questions complémentaires.

💡Conseil de pro : utilisez Contentsquare pour programmer et organiser des entretiens avec vos propres utilisateurs et utilisatrices ou accédez à l'ensemble de plus de 200 000 testeurs de Contentsquare. Vous pouvez programmer des entretiens avec des utilisateurs et utilisatrices de nationalités et de rôles différents.

4. Comment re:member a augmenté de 43 % les conversions des affiliés

Steffen Quistgaard, Senior Marketing Specialist chez re:member, société de cartes de crédit, a remarqué que les visiteurs des pages affiliées abandonnaient plus souvent que les autres le formulaire de demande de carte de crédit.

Steffen voulait savoir exactement pourquoi l'application perturbait les gens et il a donc effectué des tests utilisateur.

1. Enregistrements

Après avoir examiné les enregistrements ou les replays de sessions, Steffen s'est rendu compte que les utilisateurs et utilisatrices

• Survolaient à plusieurs reprises la section des avantages

• Scrollaient vers le haut et vers le bas au lieu de remplir le formulaire

Il en a conclu que les utilisateurs et utilisatrices se comportaient ainsi parce qu'ils voulaient en savoir plus sur les avantages, mais ne savaient pas comment s'y prendre. Il s'est donc tourné vers les heatmaps de clics pour en savoir plus.

2. Heatmaps de clics

Après avoir examiné les heatmaps de clics, une catégorie de heatmaps qui montrent le nombre de clics à un endroit spécifique, Steffen a constaté que les utilisateurs et utilisatrices

• Tapaient à plusieurs reprises sur la section des avantages alors qu'elle n'est pas cliquable

• Essayaient d'ouvrir les puces (pour révéler plus de détails)

• Retournaient à la page d'accueil pour obtenir plus d'informations

En rassemblant tous ces insights issus des enregistrements et des heatmaps de clics, Steffen s'est rendu compte que les utilisateurs et utilisatrices (en particulier celles et ceux qui ont cliqué sur des liens d'affiliation) voulaient obtenir davantage d'informations sur les avantages de l'application avant de prendre une décision.

Steffen et son équipe ont ensuite redéfini les formulaires pour y ajouter des informations de manière visible, accessible et imputable

• Sur mobile, ils ont déplacé la section "avantages" tout en haut de la page

• Sur la version desktop, ils ont créé des champs extensibles pour plus de détails sur les fonctionnalités

3. Tests A/B

L'équipe de Steffen a ensuite procédé à des tests A/B sur les nouvelles et les anciennes pages pour valider les observations. Comme ils pouvaient visionner des enregistrements des pages des tests A/B, ils ont vite remarqué que les visiteurs y voyaient plus clair et avançaient plus rapidement sur la nouvelle version.

Grâce à la refonte, les conversions de re:member à partir de liens affiliés ont augmenté de 43 % et de 17 % dans l'ensemble.

🚨Principale conclusion : assurez-vous que vos utilisateurs et utilisatrices comprennent la valeur de votre produit (les avantages qu'ils tireront de son adoption) et placez ces informations à des endroits bien visibles sur votre page. Utilisez les heatmaps de scroll et les heatmaps de clics pour vous assurer que les utilisateurs et utilisatrices voient ces informations clés.

💡Conseil de pro : utilisez les filtres Contentsquare pour segmenter les utilisateurs et utilisatrices en fonction de critères comme le pays ou le fait d'être nouveau ou de revenir, afin de développer une compréhension nuancée du comportement de l'utilisateur.

5. Comment Materials Market a amélioré les clics de CTA

L'équipe de Materials Markets, un portail destiné aux acheteurs et fournisseurs de matériaux, a constaté un taux de rebond élevé et souhaitait identifier les obstacles à l'expérience utilisateur.

En particulier, ils voulaient voir comment leurs clients interagissaient avec la nouvelle option "Achat instantané".

1. Enregistrements

Andrew, le cofondateur, a regardé des enregistrements de sessions 20 minutes tous les jours pour voir le comportement de l'utilisateur sur le site et s'est rendu compte que les gens

• Étaient perturbés par plusieurs CTA, car ils survolaient les boutons avant d'abandonner

• Naviguaient jusqu'au paiement pour voir les délais de livraison avant de revenir en arrière

2. Heatmaps

L'équipe a aussi examiné les heatmaps sur desktop et mobile. Les heatmaps pour les mobinautes ont montré que les gens ne scrollaient pas suffisamment loin sur la page pour voir leur CTA.

Grâce à la connaissance des heatmaps et des enregistrements, Materials Market

👉 A changé la couleur des deux CTAs pour qu'ils aient l'air différents

👉 A déplacé la date de livraison estimée sur la page précédant le paiement

👉 A remonté le CTA plus haut sur la page mobile

Résultat : leurs conversions sont passées de 0,5 % à 1,6 %.

🚨Principale conclusion : veillez à ce que votre CTA principal se trouve au-dessus de la ligne de flottaison moyenne sur votre site web, pour que les utilisateurs et utilisatrices n'aient pas à scroller la page pour le voir. Ne négligez pas non plus l'expérience mobile lorsque vous testez votre produit (60 % des internautes accèdent au web via leurs appareils mobiles) pour vous assurer que votre conception est réactive.

💡Conseil de pro : utilisez la fonctionnalité de test de concept de Contentsquare dans Voice of Customer pour valider vos nouvelles initiatives et conceptions, sans dépenser d'argent pour des tests A/B. Pour ce faire, ajoutez des images à des sondages sur l'ensemble de vos pages web et invitez le feedback de l'utilisateurs sur des éléments comme des logos, des messages, des palettes de couleurs, les mises en page de la page d'accueil ou les annonces.

6. Comment DashThis a augmenté la satisfaction client de 140 %

DashThis, un outil de création de rapports en ligne, perdait des clients lors du processus d'onboarding, sans savoir pourquoi.

C'était le précurseur d'un problème encore plus grave : si les utilisateurs et utilisatrices ne complétaient pas les deux premières étapes, leurs rapports apparaissaient vides (bouleversant la satisfaction client).

L'équipe s'est tournée vers les tests utilisateur pour comprendre exactement pourquoi les utilisateurs et utilisatrices rencontraient des difficultés.

1. Sondages et enregistrements

DashThis a utilisé les sondages pour poser des questions sur le flux d'onboarding, puis a analysé les enregistrements pertinents des utilisateurs et utilisatrices ayant répondu. Ils ont découvert que

• Les utilisateurs et utilisatrices ne savaient pas où cliquer pour ajouter des intégrations (les boutons étaient soit peu visibles, soit complètement invisibles)

• La liste des intégrations n'étaient pas segmentée et prêtait à confusion

Pour résoudre ces problèmes, l'équipe a ajouté une barre de recherche à la liste des intégrations et a intégré des pop-ups, des vidéos et différents types de contenu pour guider l'utilisateur pas à pas tout au long de l'onboarding. Elle a aussi reconçu les boutons, plus gras et plus visibles sur petits écrans.

Résultat : 50 % d'utilisateurs et utilisatrices supplémentaires ont terminé l'onboarding et la satisfaction client de DashThis a augmenté de 140 %, selon les résultats d'un sondage Net Promoter® Score.

🚨Principale conclusion : votre site web est-il aussi clair que vous le pensez ? Les internautes disposent-ils des ressources dont ils ont besoin pour accomplir facilement des tâches avec votre produit ? Assurez-vous que vos utilisateurs et utilisatrices disposent de toutes les informations dont ils ont besoin pour accomplir leurs tâches en leur posant des questions à l'aide d'entretiens, de widget de feedback ou de sondages.

Une checklist en 10 étapes pour mener à bien les tests utilisateur

Comme le test utilisateur comporte de nombreux éléments mobiles, nous avons créé une checklist pratique, étape par étape, afin que vous sachiez exactement comment mener les tests utilisateur.

Il vous suffit de télécharger la version PDF de notre checklist ici et de la partager avec votre équipe.

1. Définissez votre objectif : qu'espérez-vous apprendre exactement de vos utilisateurs et utilisatrices ? S'agit-il de savoir comment ils naviguent sur votre page d'entrée ou pourquoi ils abandonnent leur panier ? Faites preuve d'une clarté totale.

2. Identifiez votre audience cible : qui sont vos utilisateurs et utilisatrices ? Quelles sont leurs caractéristiques démographiques ? Quelle est leur expérience avec votre produit ?

3. Développez des tâches et des scénarios : créez des tâches et des scénarios qui reflètent des situations réelles que vos utilisateurs et utilisatrices pourraient rencontrer en interagissant avec votre produit.

4. Recrutez des participants : identifiez les utilisateurs et utilisatrices potentiels et recrutez-les à l'aide d'outils de sondage ou d'entretien. Envisagez d'utiliser une plateforme de test utilisateur pour trouver des participants qui correspondent à votre audience cible.

5. Choisissez votre outil de test : trouvez celui qui correspond à votre budget tout en répondant à vos objectifs.

6. Préparez le matériel et l'équipement : préparez le matériel et l'équipement, comme les questions de sondage, les formulaires de consentement ou l'équipement d'enregistrement.

7. Réalisez des sessions de test utilisateur et documentez les résultats : suivez votre plan de test et documentez tous les problèmes que vous rencontrez.

8. Analyser les données : examiner les données et recherchez des modèles ou des tendances. Vous pouvez utiliser une feuille de calcul pour organiser et analyser vos données ou laissez Contentsquare le faire pour vous.

9. Partagez vos insights : créez un récapitulatif de vos résultats et partagez-le avec votre équipe. Utilisez les résultats de vos tests utilisateur pour améliorer votre produit ou service.

10. Répétez et testez à nouveau : adaptez votre produit en fonction du feedback de l'utilisateur, puis testez à nouveau. Célébrez vos succès et utilisez ce que vous avez appris pour continuer à améliorer votre produit.

Faites des tests utilisateur une partie intégrante de votre flux de travail

Les tests utilisateur renforcent votre relation avec votre audience de multiples façons : vous comprenez ce qu'ils aiment (quantitatif) et pourquoi ils l'aiment (qualitatif).

Mais les tests utilisateur ne sont pas un exercice que l'on fait une bonne fois pour toutes. Les besoins de l'utilisateur évoluent en même temps que lui. Faites donc des tests utilisateur une partie cyclique de votre processus d'optimisation de produit et observez l'adhésion à votre produit, la satisfaction client et la rétention monter en flèche.

FAQ sur les exemples de test utilisateur et les checklists :