web-dev-qa-db-fra.com

Quand l'état d'erreur d'un champ de saisie doit-il disparaître?

J'ai vu deux types de comportements circuler; celui où l'état d'erreur disparaît dès que vous commencez à taper une nouvelle entrée (donc lorsque le champ de saisie est au point), et celui où il reste jusqu'à ce que l'entrée soit `` acceptée '' (par exemple, un format de courrier électronique valide est tapé).

Je peux imaginer qu'il est bénéfique de conserver le contexte de l'état d'erreur jusqu'à ce que l'utilisateur ait corrigé sa saisie, mais mon équipe l'a construit dans l'autre sens.

Quelle interaction est préférable et pourquoi?

Edit: Voici l'état d'erreur que j'utilise actuellement: Error state of input field

Actuellement, la version intégrée supprime l'état d'erreur (et le ramène à son état normal) dès qu'elle est mise au point. Je voulais que l'état d'erreur reste jusqu'à ce que l'entrée du champ ait été "corrigée".

6
Wendy Wojenka

Le message d'erreur devrait rester.

Il existe un principe de conception "reconnaissance plutôt que rappel". Cela signifie que l'utilisateur ne doit pas être obligé de se souvenir des choses, mais plutôt donner les informations (ou options) nécessaires pour terminer la tâche. Quelqu'un pourrait faire valoir que souvent l'erreur est assez facile à comprendre comme "insérer une adresse e-mail valide" ou similaire. Mais cela peut aussi être plus complexe comme les règles de mot de passe (eh bien, elles devraient en fait être communiquées avant mais juste à titre d'exemple). Un utilisateur peut avoir besoin de cette référence lors de la frappe. Retirer ces informations est une douleur pour l'utilisateur.

Il est donc préférable d'afficher le message d'erreur jusqu'à ce que l'entrée soit valide. Les informations de validation devraient disparaître dès que l'entrée est correcte (n'attendez pas que le 'focus perdu' soit déroutant).

6
BrunoH

Grande question, je suis en partie d'accord avec @BrunoH ici.

L'heuristique "Reconnaissance plutôt que rappel" permet aux utilisateurs de se souvenir plus facilement de ce qu'ils ont fait de mal. Cependant, il y a un "mauvais" côté à cela. Si l'utilisateur est interrompu pendant le processus de correction d'erreur, par exemple: il reçoit un appel téléphonique, la sonnette retentit, etc., il peut penser que l'entrée actuelle est incorrecte.

C'est là que heuristique 'Visibilité de l'état du système' entre en jeu, je pense que la notification devrait changer lorsqu'une entrée correcte a été donnée à quelque chose qui confirme qu'ils ont fait la bonne chose.

enter image description here

J'ai créé un exemple avec ce que je veux dire, si je suis interrompu après avoir changé l'entrée, je verrais un message d'erreur. Avec la notification de l'état du système, je verrais que ma saisie est correcte.

En guise de note finale, j'essaierais d'incorporer l'erreur précédente dans le texte d'état ("Reconnaissance plutôt que rappel"). Donc, dans mon exemple, je dis "n'est pas pris" alors que le message d'erreur était "le nom d'utilisateur est pris".

1
Kevin M.

Je pense qu'il vaut mieux laisser le système écouter votre clavier, dès que vous commencez à remplir le champ, il commence à vérifier. Par exemple, vous devez remplir votre e-mail, lorsque vous commencez à taper, il gardera le contour rouge autour du champ jusqu'à ce que vous tapiez le signe "@" et après. Cette voie est déjà utilisée et vous pouvez l'appliquer. Veuillez vérifier les images:

Avant le signe @

enter image description here

Après le signe @

enter image description here

Pour clarification: Vous ne pouvez pas appliquer cette approche pour tous les types de formulaires, c'est juste pour montrer l'une des techniques de vérification à la volée utilisées à des fins limitées comme demander un nouveau formulaire d'emploi, qui dépend principalement de l'e-mail.

Les formulaires compliqués utilisés par exemple dans les systèmes bancaires ne peuvent pas utiliser ce type de vérifications, ils le conserveront jusqu'à ce que vous appuyiez sur Soumettre.

0
Khalil Hanna