Un champ de notation se situe entre une saisie de texte et un bouton à choix multiples. On clique ou on touche une étoile. Ou un chiffre. Ou un smiley. La personne donne son avis en quelques secondes sans écrire un mot. C'est pourquoi les champs de notation fonctionnent. Quelqu'un remplit votre formulaire d'avis et peut noter son expérience en trois clics au lieu de rédiger ses pensées. Le problème apparaît quand le champ est mal conçu. Vous affichez des échelles de 10 points que personne ne comprend. Vous demandez de noter des choses que la personne n'a pas vécues. Vous placez la note dans le mauvais contexte. Le formulaire collecte alors des avis inutiles au lieu de vrais enseignements.
Regardez les formulaires d'avis qui obtiennent vraiment des réponses et vous remarquerez une chose. Ils demandent une note avant de demander des détails. Quelqu'un clique sur 5 étoiles. Cette action immédiate crée un élan. La personne s'est déjà engagée à donner son avis. Elle continue. Comparez avec les formulaires qui demandent d'abord un long avis écrit. Les gens les abandonnent. Un champ de notation n'est pas de la décoration. C'est la porte d'entrée qui donne envie de finir le reste du formulaire.
Ce qui distingue un champ de notation des autres champs
Un champ de notation mesure une expérience subjective de façon structurée. C'est différent d'un champ de texte où l'on peut écrire n'importe quoi. C'est aussi différent d'une case à cocher où l'on dit seulement oui ou non. Un champ de notation demande « sur une échelle, où cela se situe-t-il ? » et impose un choix parmi des options définies.
Cette contrainte est tout l'intérêt. Vous obtenez des données comparables. Si quelqu'un remplit votre formulaire d'avis et écrit « plutôt bien », vous ne pouvez pas comparer cela à la réponse « satisfait » d'une autre personne. Les deux ne veulent pas dire la même chose. Mais si les deux personnes notent sur une échelle de 5 étoiles, vous avez des données mesurables. Vous pouvez les agréger. Vous voyez des tendances. Vous trouvez des schémas sur des centaines de réponses.
La contrainte évite aussi de trop réfléchir. Un champ de texte invite à une réflexion détaillée. « Parlez-nous de votre expérience. » Les gens pèsent leurs mots. Ils s'inquiètent de la grammaire. Ils abandonnent à mi-chemin. Un champ de notation est rapide. On clique une étoile. C'est fait. C'est pourquoi une seule question de notation obtient plus de réponses qu'une seule question ouverte sur le même formulaire.
Comment choisir la bonne échelle de notation pour votre formulaire
Toutes les échelles ne se valent pas. Le choix dépend de ce que vous voulez mesurer et de la précision dont vous avez besoin.
L'échelle de 5 étoiles
Cinq étoiles est la norme du secteur. Les gens la reconnaissent tout de suite car ils la voient partout. Les grandes boutiques en ligne l'utilisent. Les sites d'avis l'utilisent. Vos utilisateurs savent déjà ce que veulent dire 5 étoiles. Ils n'ont pas à apprendre un nouveau système. Cette familiarité fait de l'échelle de 5 étoiles le choix le plus sûr pour la plupart des formulaires.
Mais familier ne veut pas toujours dire précis. L'échelle de 5 étoiles ne donne que cinq valeurs. Quelqu'un note votre service. Il choisit 1, 2, 3, 4 ou 5 étoiles. C'est tout. Si la vraie qualité se situe entre 3,7 et 3,8 étoiles, l'échelle ne peut pas le saisir. Pour un avis qui demande de la nuance, cette limite compte. Pour un suivi général de satisfaction, non.
L'échelle de 10 points
Certains formulaires utilisent de 0 à 10 ou de 1 à 10 au lieu d'étoiles. Cela donne dix valeurs au lieu de cinq. Plus de finesse. Plus de précision. Le problème est que les échelles de 10 points déroutent. Un 6 sur 10, c'est mauvais ou acceptable ? Un 7, c'est correct ou bon ? Les gens n'ont pas de repère culturel pour ce que signifie un 7 sur 10, comme ils en ont pour 5 étoiles. L'échelle introduit de l'ambiguïté au lieu de la clarté.
L'échelle de 3 points
Certains formulaires d'avis proposent trois options. Mauvais, neutre, bon. Ou visages triste, neutre, content. Ou pas d'accord, neutre, d'accord. Une échelle de 3 points est le système de notation le plus simple. Elle impose une décision presque binaire avec un entre-deux. On choisit vite. Mais elle perd la nuance. Vous savez que la personne est contente ou mécontente, mais pas à quel point. Utilisez une échelle de 3 points seulement quand il vous faut un avis si rapide que les gens ne s'engageraient pas dans un formulaire plus long.
L'échelle de 4 points (sans milieu)
Certaines recherches suggèrent qu'une échelle de 4 points, sans option neutre au milieu, oblige à faire un vrai choix au lieu de se réfugier dans le milieu sûr. La personne note votre produit et doit choisir le côté négatif ou positif. Cela supprime l'indécision. Mais retirer l'option du milieu frustre ceux qui se sentent vraiment neutres. Ils abandonnent le formulaire ou choisissent une mauvaise réponse juste pour l'envoyer. Sauf raison précise de supprimer la neutralité, évitez ce choix. La plupart des gens apprécient de pouvoir exprimer des sentiments mitigés.
Quand utiliser un curseur plutôt que des options distinctes
Les curseurs sont une autre approche. Au lieu de cliquer une étoile, l'utilisateur fait glisser une poignée le long d'une ligne, du plus bas au plus haut. Le curseur paraît plus précis. On peut le placer à n'importe quel point de la plage. On peut capter des valeurs décimales comme 3,7 si on le souhaite. Les curseurs conviennent aux plages de notation (comme 0 à 100) dont l'échelle est si large que des boutons distincts rempliraient tout l'écran.
Mais les curseurs créent de la friction sur mobile. Faire glisser une petite poignée sur un écran de téléphone est plus difficile que toucher un bouton. On peut toucher des étoiles et des chiffres. Les curseurs demandent de la précision. Si la personne rate le point voulu, elle doit ajuster. C'est plus long. Les gens abandonnent plus souvent les curseurs de notation que les boutons de notation.
Utilisez un curseur quand vous avez absolument besoin de données continues (n'importe quelle valeur sur une plage) ou quand l'échelle est assez large pour que des options distinctes deviennent lourdes. Pour la plupart des formulaires d'avis, les boutons ou les étoiles sont plus rapides et provoquent moins d'abandons.
Où placer les champs de notation dans votre formulaire
La position compte plus qu'on ne le pense. Une mauvaise place dans le formulaire change la façon dont les gens notent.
Des champs de notation en début de formulaire
Placez la question de notation en premier ou très tôt. Quelqu'un ouvre votre formulaire d'avis. Il voit une question de notation rapide. Il clique une étoile. Voilà, il est dedans. Il s'est déjà engagé. Il vous a déjà donné quelque chose. Il est maintenant plus enclin à continuer et à répondre aux questions plus difficiles plus bas. C'est le principe d'engagement. Une petite action au début crée un élan pour les demandes plus grosses ensuite.
Les champs de notation avant les questions ouvertes
Ne demandez jamais « Parlez-nous de votre expérience » puis une note. Vous voulez l'action rapide d'abord (la note), puis la réflexion détaillée (la question ouverte). Si vous inversez, les gens abandonnent au champ de texte. Ils n'arrivent jamais à la note. Mais si vous demandez la note d'abord, ils répondent, s'engagent, et écrire un commentaire paraît ensuite naturel car ils sont déjà dans le formulaire.
Regrouper les questions de notation
Si votre formulaire a plusieurs questions de notation, regroupez-les. Une série de questions de notation utilise un langage visuel cohérent. La personne note la question un. Elle voit le même format pour la question deux. Elle n'a pas à réapprendre l'interface. Elle avance vite dans les notes groupées. Mélanger les questions de notation avec d'autres types de champs casse le rythme.
Faire fonctionner les champs de notation sur mobile
Le mobile change tout pour les champs de notation. Sur ordinateur, vous pouvez placer 10 étoiles ou 5 options confortablement. Sur mobile, l'écran est étroit. Les mêmes 10 options deviennent serrées. Toucher devient difficile.
Utilisez de plus grandes zones tactiles sur mobile
Chaque étoile ou option doit faire au moins 44 pixels de large (ou de haut, si les options sont empilées) pour être facile à toucher sur un téléphone. Testez votre champ de notation sur un vrai téléphone. Si vous devez pincer pour zoomer afin de toucher une étoile sans en toucher une autre, vos zones tactiles sont trop petites. Agrandissez-les.
Empilez les options verticalement sur les petits écrans
Sur ordinateur, vous pouvez afficher cinq étoiles sur une ligne. Sur mobile, envisagez de les empiler verticalement ou de les répartir sur deux lignes. Testez les deux dispositions. Les piles verticales semblent parfois plus naturelles sur téléphone. Les lignes horizontales semblent parfois serrées. La bonne réponse dépend de votre design, mais n'imposez pas des notes de taille ordinateur sur un écran de téléphone.
Montrez un retour visuel au survol ou au toucher
Quand quelqu'un touche une étoile sur mobile, l'étoile doit changer de couleur ou se remplir tout de suite. La personne doit voir que son toucher a été pris en compte. Sans ce retour, les gens touchent plusieurs fois en pensant que le premier toucher n'a pas marché. Ajoutez un retour haptique (une petite vibration) si le téléphone le permet. La combinaison du changement visuel et de la réponse haptique rend les champs de notation réactifs sur mobile, pas lents.
Pourquoi le contexte autour de la note compte plus que la note elle-même
Une personne note votre produit 3 sur 5. Qu'est-ce que cela vous apprend ? Presque rien. Notait-elle le prix, la qualité, le service client ou toute l'expérience ? Était-elle de bonne humeur en répondant ? Comprenait-elle ce qu'elle notait ?
Le libellé et la question autour du champ de notation lui donnent du sens. « Notez la qualité de votre repas » n'est pas la même chose que « Notez votre expérience globale ». La même échelle avec des libellés différents produit des comportements et des interprétations différents.
Rédigez des libellés qui expliquent ce qui est noté
Le libellé au-dessus d'un champ de notation doit être précis. « Dans quelle mesure êtes-vous satisfait ? » est vague. « Dans quelle mesure êtes-vous satisfait du processus de paiement ? » est clair. La personne sait exactement quoi noter. Elle n'a pas à deviner si vous parlez du produit, de la livraison ou de l'emballage.
Les notes par critère donnent des données utiles
Au lieu d'une seule note globale, demandez des notes sur des critères précis. « Notez la qualité du produit. » « Notez la rapidité de livraison. » « Notez le support client. » Vous savez alors ce qui marche et ce qui ne marche pas. Quelqu'un vous donne 5 étoiles sur la qualité du produit et 2 étoiles sur la livraison. Vous savez exactement où progresser. Une note globale unique cache cette information.
Certains formulaires utilisent un format en grille. Plusieurs éléments listés à gauche, une échelle de notation en haut, et la personne note chaque critère. C'est puissant car vous collectez plusieurs notes sans beaucoup de friction en plus. Un formulaire, quatre notes par critère, et vous avez le tableau complet de ce qui marche et de ce qui ne marche pas.
Vous pouvez combiner les champs de notation avec des champs de saisie de texte pour laisser les gens développer leur note, ou utiliser des listes déroulantes ou des cases à cocher pour choisir les critères avant de noter chacun.
Ce qui se passe après l'envoi d'une note
Le champ de notation ne s'arrête pas au clic sur envoyer. La suite façonne le ressenti des gens après avoir donné leur avis.
Confirmez que leur avis a bien été reçu
Après l'envoi d'une note, affichez un message de remerciement. « Merci pour votre avis. Nous nous servons de notes comme la vôtre pour nous améliorer. » Cette confirmation compte. Sans elle, les gens se demandent si leur réponse a été enregistrée. Avec elle, ils se sentent écoutés. Le formulaire disparaît, le remerciement apparaît et le cycle se termine.
Ne demandez pas une justification pour chaque note
Certains formulaires affichent automatiquement une question de suivi quand quelqu'un donne une mauvaise note. « Vous avez mis 2 étoiles. Dites-nous ce qui n'a pas marché. » Cela revient à interroger les mauvaises notes. La personne se met sur la défensive. Elle remplit un formulaire pour noter votre produit et vous lui demandez maintenant de justifier son avis. C'est de la friction. Si vous voulez plus de détails sur les mauvaises notes, rendez le suivi facultatif. Laissez la personne choisir d'expliquer ou d'envoyer simplement.
Agrégez les notes pour montrer l'évolution des avis dans le temps
Quand vous collectez beaucoup de notes, montrez ce que donne l'ensemble. « 87 % des clients ont donné 4 ou 5 étoiles. » Cette transparence crée la confiance. Les gens savent que leur avis est utilisé. Ils voient comment leur note se situe par rapport à l'ensemble. Pour les pages produit ou les sections d'avis, montrer la répartition des notes (combien de 5 étoiles, combien de 4 étoiles, etc.) donne la nuance qu'une moyenne seule ne peut pas donner.
Erreurs courantes avec les champs de notation
Utiliser des libellés d'échelle ambigus
N'étiquetez jamais vos étoiles ainsi : « 1 (Je déteste), 2 (Je n'aime pas), 3 (Neutre), 4 (J'aime), 5 (J'adore). » Ces libellés sont émotionnels et subjectifs. Ce que l'un appelle « j'aime », l'autre l'appelle « neutre ». De meilleurs libellés reposent sur le comportement ou la probabilité : « 1 (Je ne recommanderais pas), 2 (Je ne recommanderais sans doute pas), 3 (Neutre), 4 (Je recommanderais), 5 (Je recommande vivement). » Ou plus simple encore : utilisez des libellés dans le style du Net Promoter Score si vous voulez des indicateurs orientés business.
Demander de noter des choses que la personne n'a pas vécues
Un formulaire demande « Notez la rapidité de livraison » alors que le client est encore en train de parcourir le site. Rien n'a encore été livré. Il ne peut pas noter ce qu'il n'a pas vécu. Certains formulaires forcent à noter quand même. La personne choisit un chiffre au hasard. L'avis est inutile. Ne demandez des notes que sur ce que la personne a réellement vécu. Si elle n'a pas encore payé, ne lui demandez pas de noter le paiement.
Entasser 10 questions de notation dans un formulaire
La fatigue de notation existe. Une question de notation paraît rapide. Cinq questions, cela va. Dix questions et les gens commencent à abandonner. Ils expédient les notes sans réfléchir. Ils choisissent le milieu partout juste pour finir. Si vous avez besoin d'autant de notes, découpez-les en formulaires plus courts ou gardez-en pour plus tard. Un avis de qualité sur moins de questions vaut mieux que du bruit sur trop de questions.
Afficher des moyennes sans contexte
Une page produit affiche « 4,2 étoiles (500 avis) ». Qu'est-ce que cela vous dit ? La personne qui regarde ne sait pas si 4,2 est bon. Elle ne sait pas si ces 500 avis sont récents ou vieux de plusieurs années. La répartition est cachée. N'afficher que la moyenne est paresseux. Montrez la répartition. « 87 % ont donné 4 ou 5 étoiles. 9 % ont donné 3 étoiles. 4 % ont donné moins de 3. » Cela raconte la vraie histoire.
Accessibilité des champs de notation
Les champs d'étoiles ont besoin de bons libellés
Chaque étoile ou option a besoin d'un libellé accessible que les lecteurs d'écran peuvent annoncer. Le HTML ne se contente pas d'afficher des étoiles visuelles. Il doit aussi inclure un texte qui dit ce qui est noté et ce que représente chaque étoile. Sans libellés corrects, une personne qui utilise un lecteur d'écran ne peut pas du tout comprendre le champ de notation.
La navigation au clavier doit fonctionner
Certaines personnes remplissent les formulaires au clavier. Elles doivent pouvoir aller au champ de notation avec la touche tabulation, se déplacer entre les options avec les flèches, puis appuyer sur entrée pour choisir. Testez votre champ de notation uniquement au clavier. Si vous ne pouvez pas naviguer et choisir une note sans souris, le formulaire n'est pas accessible. Toutes les options doivent avoir un état de focus visible pour que l'utilisateur sache quelle option il va choisir.
La couleur ne suffit pas pour montrer la note
N'utilisez pas seulement la couleur pour indiquer quelle étoile est choisie. Utilisez la couleur et une icône ou un indicateur textuel. Une étoile pleine est à la fois une couleur (jaune) et un changement visuel (forme remplie). Cette combinaison convient aux personnes daltoniennes. Une étoile qui change seulement de teinte ne suffit pas.
Comment WEMASY vous aide avec les champs de notation et de classement
Le créateur de formulaires de WEMASY inclut des options de champ de notation intégrées. Ajoutez un champ de notation et choisissez votre échelle. 3 points, 5 points, 10 points ou personnalisée. Personnalisez les libellés. Ajoutez des critères si vous voulez plusieurs notes dans le même formulaire. Le champ de notation s'adapte automatiquement au mobile. Les zones tactiles s'agrandissent sur les petits écrans. Le champ est entièrement accessible. Les lecteurs d'écran annoncent la note que l'utilisateur est en train de choisir. La navigation au clavier fonctionne parfaitement. Configurez une logique conditionnelle pour que les questions de suivi n'apparaissent que selon la note choisie. Affichez les réponses de votre formulaire dans le tableau de bord de statistiques et voyez la répartition des notes en temps réel. Regardez quel pourcentage de personnes vous donne 5 étoiles ou 2 étoiles et ajustez votre formulaire ou votre produit selon les données. Suivez l'évolution des notes sur des semaines et des mois. Le créateur de formulaires gère toute la complexité technique d'un champ de notation adaptatif et accessible. Vous vous concentrez sur l'exploitation des avis.
Les autres types de champs du module 4
Les champs de notation fonctionnent mieux combinés à d'autres types de champs. Découvrez la validation des champs e-mail pour collecter des coordonnées vérifiées, les champs de date et d'heure pour les formulaires de rendez-vous ou d'événement, les champs d'envoi de fichiers pour les formulaires d'avis qui demandent des pièces jointes, et les listes déroulantes et boutons radio pour des réponses structurées qui se marient bien avec les notes.