Comment examiner ma page d’inscription : une checklist à faire à la main

Notre recommandation, d’emblée. Nous éditons Proxy Mail QA, nous ne sommes donc pas neutres. Dans cette checklist, nous le recommandons pour deux étapes : remplir le formulaire avec un nouveau compte de test en un clic, avec Proxy Mail QA for Chrome, et recevoir le code ou le lien de vérification sans utiliser votre propre boîte de réception. La majeure partie de la checklist ne demande aucun produit, juste votre navigateur, un téléphone et quelques outils gratuits que nous citons au fil du texte. Proxy Mail QA ne juge ni votre design, ni vos textes, ni votre accessibilité, ni votre vitesse.

1. Avant de commencer

• Utilisez une copie de préproduction ou locale, pas votre site en ligne, pour que les comptes de test ne se retrouvent pas parmi vos vrais utilisateurs.
• Utilisez une nouvelle adresse e-mail à chaque essai. S’inscrire deux fois avec la même adresse teste le parcours « déjà inscrit », pas l’inscription. Votre propre Gmail avec un suffixe « + » fonctionne pour un ou deux essais, mais les e-mails se mêlent à votre courrier personnel et certaines applications refusent ces suffixes.
• Ayez les règles de mot de passe sous la main, tirées du code ou des paramètres du service d’authentification, pour comparer ce que la page annonce à ce qu’elle fait.

2. Regardez avant de saisir

• Chaque champ est-il nécessaire ? Chaque champ en trop coûte des inscriptions. Demandez pourquoi le numéro de téléphone ou le nom de l’entreprise sont là.
• Chaque champ a-t-il une étiquette visible, et pas seulement un texte indicatif qui disparaît à la saisie ?
• Les règles de mot de passe sont-elles affichées avant la saisie, pas seulement après une erreur ?
• Y a-t-il un lien de connexion pour ceux qui ont déjà un compte, et vers vos conditions et votre politique de confidentialité ?
• Est-ce clair, ce qui se passe ensuite : « Nous vous enverrons un code par e-mail » ?

3. Remplissez-le une fois, comme le ferait un nouveau client

Avec Proxy Mail QA for Chrome (gratuit, pour Chrome, Edge, Brave et Arc) :

1. Ouvrez votre page d’inscription, cliquez sur l’extension dans la barre d’outils et choisissez Activer pour ce site. Chrome demande l’accès à ce seul site ; il ne s’exécute nulle part ailleurs.
2. Cliquez sur le bouton Proxy Mail QA dans le champ e-mail et choisissez de remplir avec un nouveau compte de test. Il remplit l’e-mail et sa confirmation, le prénom et le nom ou le nom complet, le nom d’utilisateur, la date de naissance ainsi que le mot de passe et sa confirmation, avec un mot de passe conforme aux règles de longueur et de format du champ. L’entreprise, le téléphone et les autres champs sont à saisir vous-même.
3. Validez. L’extension demande s’il faut enregistrer le mot de passe sur l’adresse de test, pour que vous puissiez vous connecter plus tard avec ce compte.
4. Quand l’e-mail arrive, le code apparaît dans une carte sur la page, avec Remplir et Copier. Un lien de vérification affiche Ouvrir, dans un nouvel onglet.

Sans l’extension, créez une adresse sur app.proxymail.qa et collez-la ; le code ou le lien s’affiche sur sa ligne quand l’e-mail arrive. Pour essayer d’abord, il existe une page d’inscription d’entraînement.

4. Cassez-le exprès

Chacun de ces cas doit afficher une erreur claire au niveau du champ, en toutes lettres, sans effacer ce qui a été saisi :

• Validez avec tous les champs vides.
• Un e-mail sans @, ou avec deux.
• Une confirmation d’e-mail ou de mot de passe qui ne correspond pas.
• Un mot de passe qui enfreint les règles. La carte de l’extension propose Mot de passe limite avec une liste marquée « Doit être refusé », adaptée aux limites de votre champ.
• Un nom comme O'Brien, José ou 李, qui doit être accepté. Prénom limite dans la carte en propose d’autres, dont du HTML comme <b>Jane</b>, qui doit s’afficher en texte brut.
• Une adresse déjà enregistrée. Décidez si la page doit le dire, ou afficher « Vérifiez vos e-mails » dans tous les cas pour que personne ne puisse savoir qui a un compte.
• Double-cliquez sur le bouton de validation. Vous devez obtenir un seul compte et un seul e-mail.

Vérifiez que les erreurs sont annoncées, pas seulement colorées en rouge, et que le curseur va sur la première.

5. Lisez l’e-mail

Ouvrez l’adresse de test dans l’app et lisez l’e-mail en entier une fois :

• Le nom de l’expéditeur est-il celui de votre produit, et l’objet est-il clair ?
• Chaque lien mène-t-il au site que vous testez ? Un lien vers localhost sur un site de préproduction est signalé sur la ligne de l’adresse. Comment corriger.
• S’il indique la durée de validité du code ou du lien, est-ce exact ?
• Est-il facile à lire sur un téléphone ?

Puis utilisez le code ou le lien et vérifiez que vous êtes bien connecté.

6. Après l’inscription

• Déconnectez-vous et reconnectez-vous. Sur un formulaire de connexion, l’extension propose vos comptes de test, ceux utilisés sur ce site en premier, et remplit l’e-mail avec son mot de passe enregistré.
• Réinitialisez le mot de passe et vérifiez que l’ancien ne fonctionne plus.
• Notez ce que vous avez trouvé sur l’adresse de test, pour que cela reste avec ce compte pour la prochaine personne.

7. Sur un téléphone, et sans souris

• Ouvrez la page sur un vrai téléphone, ou dans le mode appareil de votre navigateur. Le champ e-mail affiche-t-il le clavier avec @ ? Quelque chose est-il coupé ou caché derrière le clavier ?
• Remplissez tout le formulaire au clavier seul : Tab pour avancer, Espace pour cocher, Entrée pour valider.
• Lancez Lighthouse (intégré à Chrome DevTools) et axe DevTools ou WAVE pour les problèmes d’accessibilité, et essayez le formulaire avec un lecteur d’écran comme VoiceOver ou NVDA.
• Vérifiez que les champs ont des attributs autocomplete (email, new-password, given-name), pour que les gestionnaires de mots de passe et les navigateurs les remplissent correctement.

Ce que Proxy Mail QA ne couvre pas

• L’apparence de la page, sa lisibilité et sa conversion. C’est à vous d’en juger, ou à vos utilisateurs.
• Accessibilité, vitesse et SEO : utilisez les outils de l’étape 7.
• Codes SMS et connexion via réseaux sociaux : il ne reçoit que des e-mails.
• Les champs propres à votre app, comme « Comment nous avez-vous connus ? » : vous les saisissez vous-même.

Une fois que la page passe à la main, un agent peut répéter ces vérifications à chaque modification : voir Revue IA de page d’inscription.