Messages d'erreur contextuels ou sur la page
J'essaie de déterminer quelle serait la méthode la plus efficace pour informer un utilisateur que certains des champs qu'il a remplis sur le formulaire en ligne sont invalides ou obligatoires.
Le formulaire lui-même consiste à saisir les données des relevés effectués sur la machine, la précision est donc un facteur important.
Mon instinct me dit que les messages intégrés sont plus efficaces car l'utilisateur n'aura pas à se rappeler ce qu'il doit remplir ou modifier une fois la fenêtre d'erreur fermée.
N'ayant pas pu trouver de véritable recherche sur ce site en ligne, jetez-le donc au sol pour obtenir des réponses.
Erreurs contextuelles Inconvénients:
- Le pop-up disparaît afin de corriger la forme => I à retenir les erreurs.
- Leurs données simples, "sans lien" avec la source d'erreur particulière => J'ai pour localiser la source des erreurs si je m'en souviens. (sauf si vous souhaitez également colorer l'entrée ou afficher un autre indice, mais je serai plus difficile de toute façon par rapport aux erreurs en ligne réelles)
- Si j'obtiens une erreur après la modification, je devrai à nouveau me souvenir de déplacer la source d'erreur.
Jusqu'à ce point, les utilisateurs crient: "Ne me faites pas réfléchir!"
- Ils sont envahissants inutiles. Je ne veux pas que le pop-up lui-même m'empêche au moins de vérifier les erreurs du formulaire avant de fermer le pop-up. Pour une décision critique comme la suppression d'un enregistrement ou la confirmation d'une action importante, les fenêtres contextuelles peuvent être une option valide, mais je ne vois pas leur avantage sur l'affichage des messages d'erreur.
Je pense qu'aucune recherche n'est nécessaire pour cela car les différences d'utilisation sont énormes.
Comme JonW le mentionne dans ses commentaires, je recommande également de aller avec des messages d'erreur en ligne réels. Essayez également de complétez-le avec une certaine prévention des erreurs design.
Il y a beaucoup d'informations sur la conception de formulaires, y compris des messages d'erreur, à la fois sur ce site et dans d'autres sites liés à l'UX.
Selon votre modification, je suppose InPage plutôt que InLine .
Je pense que cela dépend de la longueur de votre formulaire. J'ai vu à plusieurs reprises où les utilisateurs doivent cliquer sur le bouton Soumettre en bas, la validation sur la page entre en action mais les utilisateurs sont pas de retour en arrière jusqu'au message de validation de la page =. Ils ne savent donc pas pourquoi le formulaire ne se soumet pas! Vous devez soit les faire défiler vers le haut, soit avoir une alerte.
Un autre facteur est Temps de réponse. Si vous mesurez que l'aller-retour à partir du serveur prend beaucoup de temps, l'utilisateur peut se laisser distraire et pas remarqué la validation de la page en cours lorsqu'elle s'affiche. Un popup attire toujours l'attention des utilisateurs.
Quelques suggestions:
Vous pouvez également avoir une combinaison de Popup pour alerter l'utilisateur, annulant ainsi les 2 points ci-dessus, puis conserver le message de validation en page pour prendre soin de votre point concernant le rappel.
Avoir Inline validation à côté de chaque zone de saisie et y afficher le message. Cela semble être la façon moderne de procéder.
Comme d'autres l'ont dit, les erreurs en ligne sont plus conviviales. Pour ajouter à cela, des fenêtres contextuelles doivent être utilisées (le cas échéant) sur les tâches terminées, les messages de réussite, etc., mais l'utilisateur doit être en mesure de voir les erreurs qu'il a commises afin de faire les corrections appropriées. Et pour cela, vous avez besoin d'une sorte d'affichage en ligne.
Maintenant, dans ce scénario (et en fonction de votre capture d'écran également), la façon la plus courante d'afficher ces erreurs est ON SUBMIT, ce qui est correct, mais peut être amélioré en utilisant AJAX requêtes, ainsi les erreurs peuvent être corrigées immédiatement dès que le formulaire est rempli.
De cette façon, vos utilisateurs n'auront pas à soumettre le formulaire, vous pourrez leur dire EXACTEMENT comment vous souhaitez que les données soient fournies et vous n'aurez pas de "fausse soumission" qui gâcherait vos statistiques.
Le problème de formatage des données est particulièrement vrai avec les champs de mot de passe car vous devrez entrer (et ressaisir) les mots de passe à chaque chargement de la page, et il s'agit d'une erreur UX très courante. Vous verrez également ce problème à la date (lorsque vous utilisez des champs de texte), les numéros de carte de crédit, etc. Et c'est aussi simple à résoudre qu'à effectuer une demande asynchrone et une validation avant de soumettre quoi que ce soit. De plus, vous pouvez "désactiver" le bouton d'envoi jusqu'à ce que la validation soit effectuée avec succès
Il y a une troisième possibilité, qui est de faire les deux! Une fenêtre contextuelle contenant les champs manquants/non valides doit être remplie. Vous voudrez peut-être revenir aux erreurs inPage s'il y a plus de 2-3 champs invalides, ou ne présenter à l'utilisateur que 2-3 champs à la fois. S'il n'y a que quelques éléments invalides et que vous avez un long formulaire montrant simplement les informations manquantes ET le rendant remplissable à partir du message contextuel peut être une énorme économie s'il s'agit d'un formulaire long.
Cependant, cela pourrait NE PAS convenir si le contexte est important pour les questions individuelles. Si les informations manquantes reposent sur des réponses précédentes, les sortir de leur contexte peut rendre la réponse plus difficile (ou impossible).