web-dev-qa-db-fra.com

Quels seront les meilleurs notifications et messages d'erreur?

En tant qu'architecte de l'interface utilisateur, je me demande toujours quel est le meilleur format pour afficher les erreurs et les notifications aux utilisateurs.

Lequel des exemples suivants est le meilleur format?

  • Le nom est requis
  • Le nom ne peut pas être vide
  • Veuillez saisir un nom
14
Pir Abdul

Il y a une règle très simple que j'utilise pour moi-même: Les messages d'erreur ne doivent pas afficher de messages d'erreur, ils doivent afficher un message de solution.

L'utilisateur ne se soucie pas de ce qui ne va pas et pourquoi, il veut simplement que le problème soit résolu.

26
Bart Gijssens

J'utiliserais quelque chose comme, "Vous devez entrer votre nom".

Il est toujours bon de rester bref, mais le plus important est que les messages soient faciles à comprendre. J'ai travaillé dans des endroits où les concepteurs n'aiment pas l'apparence des messages d'erreur, qu'ils prennent trop de place, mais la plupart des utilisateurs ne verront pas les messages d'erreur, donc je pense que c'est un cas où la convivialité, ou dans ce le cas, l'intelligibilité, est plus important que la conception.

4
puppybeard

Vous devez jouer:

  • en utilisant le moins de mots possible

  • en utilisant les mots les plus simples possibles

  • fournir suffisamment d'informations pour que l'utilisateur puisse "résoudre le problème"

4
PhillipW

J'irais avec "Veuillez entrer le nom" car il indique l'action requise.

Et je suis d'accord avec puppybeard que vous devez utiliser autant de mots que nécessaire pour que l'utilisateur comprenne correctement le message. Je voudrais également mettre en surbrillance le champ avec une erreur et si possible définir le focus (curseur) sur ce champ. C'est un peu plus de travail, mais généralement très utile pour l'utilisateur.

3
Peter Koman

Tout à fait d'accord avec Bart.

Je suggère toujours de privilégier un message amical comme si c'était un vrai humain qui vous parlait.

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

3
Renaud