Guides

Le test des cinq secondes en recherche UX et en optimisation de la conversion

En recherche UX, le test des cinq secondes vérifie un design avant sa construction : des utilisateurs recrutés voient une maquette pendant cinq secondes et disent ce qu’ils retiennent. En conversion, le même test vérifie une page en ligne face au visiteur qu’envoie une annonce ou un e-mail, et les réponses deviennent une liste de corrections. Les mêmes cinq secondes, mais une autre question, un autre échantillon et un autre résultat.

Par Anthony Roose 6 min de lecture

Illustration d’une maquette fil de fer grise à gauche et de la même mise en page en landing page finie dans une fenêtre de navigateur claire à droite, avec un bouton menthe. Un chronomètre menthe à cinq segments se trouve entre les deux, relié par une ligne menthe en pointillés.
Les mêmes cinq secondes, utilisées sur un design avant le lancement et sur une page en ligne après.

Qu’est-ce que le test des cinq secondes en UX ?

Le test des cinq secondes est une méthode de recherche en utilisabilité qui mesure la première impression. Un participant voit un écran pendant cinq secondes. L’écran disparaît, puis le participant répond à des questions sur ce qu’il a retenu et compris.

Christine Perfetti a décrit la méthode chez User Interface Engineering dans 5-Second Tests: Measuring Your Site’s Content Pages : une page, un objectif principal, et une vérification que les utilisateurs saisissent cet objectif. Le guide sur ce qu’est le test des cinq secondes couvre l’origine et les étapes de base.

Deux groupes utilisent la méthode pour deux missions. Les chercheurs UX s’en servent pour vérifier un design. Les fondateurs et les marketeurs s’en servent pour vérifier une page qui reçoit déjà du trafic. Les étapes sont les mêmes. La question, les personnes, la taille de l’échantillon et l’usage des réponses diffèrent.

Le test des cinq secondes en recherche UX

En recherche UX, le test arrive tôt, entre le croquis et le développement. Le guide de Lyssna sur le test des cinq secondes le décrit pour des pages web, des écrans d’application, des prototypes et des publicités. Il conseille une image statique plutôt qu’un site en ligne ou un prototype interactif, pour que rien ne distraie de la première impression.

  • Ce qu’il demande. Le design transmet-il son objectif ? Lyssna cite trois buts : mesurer la clarté, vérifier que les utilisateurs reconnaissent l’offre et le public, et saisir la première impression.
  • Qui le passe. Des participants recrutés qui correspondent à l’utilisateur cible, issus d’un panel ou d’une liste de clients.
  • Combien. Cinq à dix participants montrent les principales tendances, selon Lyssna. Cela rejoint la règle de Jakob Nielsen pour les tests qualitatifs : cinq utilisateurs trouvent la plupart des problèmes d’un design.
  • Ce que vous obtenez. Des thèmes et des citations. « Quatre sur six pensaient que c’était une application de fitness » mène à une modification du design avant qu’une seule ligne de code soit écrite.

Les réponses vont au designer. Les équipes comparent deux mises en page, vérifient une hiérarchie visuelle ou testent un logo et une palette de couleurs. Les questions sur le ressenti d’un design ont leur place ici, car l’apparence forme vite la première impression. Dans une étude d’Alexandre Tuch et de ses collègues chez Google, la complexité visuelle changeait l’attrait perçu d’un site après 17 millisecondes..

Le test des cinq secondes en optimisation de la conversion

En conversion, la page existe et reçoit des visiteurs. La question passe de « ce design communique-t-il ? » à « un visiteur venu de cette source de trafic comprend-il l’offre avant de partir ? ».

  • Ce qu’il demande. Les quatre choses dont un acheteur a besoin : ce que vous vendez, pour qui, ce qu’il obtient et ce qu’il doit faire ensuite.
  • Ce que vous montrez. Le premier écran en ligne au format d’un vrai ordinateur portable ou smartphone, avec la bannière cookies, la bulle de chat et l’image lente que voit le visiteur. Nielsen Norman Group a constaté que 57 % du temps de lecture se passe au-dessus de la ligne de flottaison : le premier écran est donc le test.
  • Le contexte. Montrez d’abord l’annonce, l’e-mail ou la publication qui a envoyé le visiteur, puis la page. Un titre qui abandonne la promesse de l’annonce échoue, aussi clair soit-il pris seul.
  • Combien. Assez pour compter. Pour des mesures, Nielsen recommande de tester avec 20 utilisateurs pour un intervalle de confiance assez étroit. « 7 sur 20 ont nommé le produit » est un chiffre que vous testez à nouveau après une correction.
  • Ce que vous obtenez. Une liste classée de corrections sur une page en ligne : le titre, le libellé du bouton, l’image, les preuves.

Les réponses vont à la personne qui met la modification en ligne cette semaine. Après la correction, comparez le résultat à votre taux de conversion, pas à vos goûts.

En bref Utilisez la version recherche UX tant que la page est un design, et la version conversion dès qu’elle reçoit du trafic. La première teste ce que dit le design, la seconde ce que le visiteur retient.

Recherche UX et conversion, côte à côte

Recherche UXConversion
ÉtapeCroquis, maquette fil de fer ou prototypePage en ligne avec du trafic
Ce que vous montrezUne image statique d’un écranLe premier écran en ligne au format de l’appareil, bannières comprises
Qui répondDes utilisateurs cibles recrutésDes visiteurs d’une source de trafic, ou des personnes comme eux
QuestionsClarté, reconnaissance, première impressionOffre, public, bénéfice, étape suivante
Échantillon5 à 10 pour les tendancesEnviron 20 pour compter
RésultatDes thèmes et des citations pour le designerUne liste classée de corrections et un score à retester
Méthode suivanteUn test d’utilisabilité avec des tâchesUn test A/B ou le suivi des conversions

Quelle version vous faut-il ?

  • Le design n’est pas encore construit. La version recherche UX : une maquette statique et cinq à dix participants recrutés.
  • La page est en ligne et convertit sous la référence. La version conversion. Le guide sur un bon taux de conversion de landing page donne la médiane de votre secteur.
  • Vous envoyez du trafic payant vers la page. La version conversion, avec l’annonce montrée d’abord. La cohérence du message décide du premier écran.
  • Vous refaites une page en ligne. Les deux. Testez d’abord la page en ligne pour avoir une base, puis le nouveau design avant le lancement, avec les mêmes questions.

Les erreurs qui faussent les deux versions

  • Tester avec des personnes qui connaissent le produit. Les collègues comblent les vides de mémoire, et la page réussit là où elle devrait échouer.
  • Montrer toute la page. Une longue capture réduite pour tenir à l’écran teste quelque chose qu’aucun visiteur ne voit. Montrez le premier écran à sa taille réelle.
  • Poser des questions orientées. « Avez-vous vu que c’est pour les freelances ? » souffle la réponse. Demandez d’abord ce dont ils se souviennent, puis les questions précises.
  • Transformer cinq réponses en pourcentage. Cinq personnes montrent une tendance. Indiquez des nombres, « trois sur cinq », et testez avec environ 20 personnes quand il vous faut un taux.
  • S’arrêter au test. Il montre ce qui est passé, pas si les gens achètent. Faites ensuite un test d’utilisabilité sur un design, ou regardez les données de conversion d’une page en ligne.

La place d’un test des cinq secondes par IA

Un test par IA lit la page en ligne à partir d’une capture d’écran et du texte, comme un premier visiteur la voit. Il convient à la version conversion : il vérifie les quatre questions de l’acheteur sur le vrai premier écran en quelques secondes, et vous le relancez après chaque modification du titre.

Il ne remplace pas des personnes recrutées pour une recherche sur le goût, la confiance ou une nouvelle marque. Le test gratuit sur 5sec.io donne réussi ou échoué sur six points, chacun avec la preuve citée depuis votre page. Quand le premier écran échoue, un audit de landing page classe les corrections sur toute la page, et l’Above the Fold Audit le fait pour une quinzaine de pages clés.

Testez votre page en ligne, pas la maquette

Le test gratuit lit votre premier écran comme un nouveau visiteur et cite ce qui est passé en cinq secondes.