ETQ usager je suis guidé dans le remplissage des champs par les messages d'erreurs

[Olivier-Marcellin]

• [ ] Wordings des erreurs spécifiés pour chacun des types de champs

• [ ] Styles et comportements des erreurs au DSFR

Données : avons-nous des données sur le nombre moyen d'erreurs ? de quels types d'erreurs s'agit-il ?

Irritants : des cas d'erreurs sont remontés par les instructeurs parce que l'usager a mal rempli le champ, et l'usager peut parfois ne pas comprendre la source de l'erreur.

Proposition : mieux guider les usagers avec des messages contextualisés selon le type d'erreurs à l'aide d'un message en deux parties : 1) erreur 2) correction à apporter par exemple pour le type de champ Téléphone “Le champ n'est pas valide. Renseigner un numéro à 10 chiffres”

La première partie est générique pour l'ensemble des types de champs. La seconde qui affiche la correction est conceptualisée.

Maquette Figma : page Styles et comportements des types de champs.

Les messages d'erreurs les plus fréquents ont été répertoriés sur la page Styles et comportements des messagers – mais il reste peut-être des cas particuliers à compléter - j'ai également listé les messages d'erreurs dans le parcours de connexion et pour la création de compte et le changement de mots de passe

https://www.figma.com/file/YKcafywdYhT

Styles et comportements des messagers d'erreurs :

• le message d'erreur est affiché sous le champ (message d'information en mode erreur)
• en dsfr le label est en rouge, le champ est surligné, une bordure apparaît à gauche du champ

Exemple de message d'erreur sur un champ Texte court :

[Olivier-Marcellin]

Autre exemple pour le type de champ Nombre entier :

[Olivier-Marcellin]

Autre exemple pour le type de champ Téléphone :

Proposition : pour le succès et seulement sur certains types de champs en dsfr on pourrait avoir un affichage avec le surlignement du champ vert ainsi que le label

[Olivier-Marcellin]

Des exceptions pour la première partie du message :

• pour les types de champs Case à cocher oui/non, choix simple, choix multiple, la première partie du message est “Le choix n'est pas valide” (il ne s'agit pas de champs de saisies mais de cases à cocher)

• pour les types de champs Ajout de pièces, la première partie du message est “Format de fichier non supporté” (d'autres cas non répertoriés sont à définir)

• pour le cas de l'auto-complétion (évolution à venir), si aucun résultat, le message d'erreur indique “Aucun résultat.” exemple “Aucun résultat. Vérifier la ville ou commune”