24.10 Messages techniques vs messages destinés à l'usager

Il existe deux différents types de messages d'erreur :

• Les messages techniques destinés au programmeur;
• Les messages conviviaux destinés à l'usager.

Messages techniques

Les messages techniques, aussi appelés messages de débogage peuvent être utilisés pendant la phase de développement afin d'aider le programmeur à mieux cerner ce qui se passe dans le programme. Ces messages peuvent être affichés à l'écran ou encore être enregistrés dans un fichier journal.

Ex :

La requête n'a pas fonctionné : SELECT id, prenom, nomfamille FROM clients WHERE UPPER(ville)=VICTORIAVILLE

Les messages techniques ne doivent en aucun cas être générés lorsque le site est en ligne et ce, pour deux raisons importantes :

• L'affichage d'un message d'erreur technique peut faire fuir certains internautes.
• Les informations présentées dans le message d'erreur peuvent fournir assez de données aux utilisateurs malveillants pour les mettre sur une bonne piste...

Messages conviviaux

Les messages conviviaux (user friendly) sont destinés à l'usager afin de l'informer d'un problème (erreur), l'avertir d'un risque (avertissement) ou encore l'informer du résultat d'une opération (information).

Pour être convivial, le message devra éviter d'afficher le nom des tables et des champs ou toute autre information technique qui pourrait soit effrayer l'usager, soit ouvrir un trou de sécurité.

Ex :

Nous sommes désolés, un problème technique empêche l'affichage des informations demandées.

Même l'expression « base de données » doit être évitée car il s'agit d'une expression purement technique.

Ainsi, le message :

Il n'y a aucun client dans la base de données.

devrait plutôt être rédigé comme suit :

Il n'y a aucun client dans le système.

ou encore :

Il n'y a présentement aucun client.

Il en va de même pour l'expression  « enregistrement » qui elle aussi est trop technique pour l'usager.

Ainsi, le message :

L'enregistrement a été supprimé.

devrait plutôt être rédigé comme suit :

Le client a été supprimé.

Remarquez que dans les exemples précédents, nous avons utilisé des classes qui permettent de contrôler l'apparence du message à l'aide du CSS. Libre à vous de réutiliser ces styles dans votre site Web.

Couleurs et icônes

Les couleurs utilisées de même que l'icône qui accompagne le message ont un sens que l'oeil détecte avant que le message soit lu.

Par exemple, le bleu ou le vert indiquent une réussite alors que le rouge indique une erreur.

Le i ou le point d'exclamation servent à attirer l'attention alors que le X indique une erreur.

Contre-exemple

Voici un contre-exemple d'un message reçu sur un site Web réel.

La couleur rouge laisse entendre qu'il y a eu une erreur alors que le message dit le contraire.

La mauvaise qualité des choix d'interface se reflète également dans l'espacement insuffisant entre l'icône et le message de même que dans le mauvais alignement vertical.

Pour plus d'information

« The UX of Error Messages ». SitePoint. http://www.sitepoint.com/error-message-ux/