La dernière fois, nous nous étions intéressé à l’incroyable formulaire de login de la GMF. Cet article m’a décidé à noter dorénavant tous ces problèmes d’ergonomie que l’on peut rencontrer sur certains sites pour les présenter ensuite sur ce blog. L’idée n’est certainement pas de dénigrer le travail d’autrui, mais plutôt d’attirer l’attention sur des erreurs de conception qui ne devraient plus arriver aujourd’hui.

Commençons par Google Groups et sa page d’invitation. Pour inviter une personne à rejoindre le groupe, il suffit de préciser son adresse de messagerie ainsi qu’un message de bienvenue. Ce dernier point est non seulement obligatoire, mais le message doit avoir une taille minimale. D’ailleurs, l’erreur Your welcome message was too short s’affiche lorsque l’utilisateur entre un texte trop court :

Le message peu explicite de Google Groups

Est-ce que ce n’est pas un peu flou comme indication ? Bien sûr. D’ailleurs, il est fort probable que l’utilisateur soit obligé de faire plusieurs essais avant de trouver le nombre de caractères suffisant pour envoyer l’invitation. De manière générale, les messages d’erreur doivent toujours être le plus explicite possible. L’utilisateur n’est pas là pour deviner les intentions des développeurs.

Intéressons-nous maintenant au très joli site d’Adworks.  Les concepteurs ont adopté un design sombre, plutôt minimaliste. Mais il y a un problème avec ce design, car il est impossible de distinguer les liens du texte (ou dit autrement, les liens ont la même couleur et la même apparence que le texte lui-même) :

Les liens hypertexte illisibles d’Adworks

Cette approche est parfois utilisée pour les menus, comme c’est d’ailleurs le cas ici. Mais ici, mêmes les liens du contenu principal (dans la colonne centrale) sont identiques, comme par exemple le lien portfolio dans l’avant-dernière phrase. Autant dire qu’il n’y a pratiquement aucune chance que l’utilisateur clique dessus.

Avez-vous déjà pris un billet sur Air France ? Et bien c’est le parcours du combattant pour obtenir une facture dans le cas de déplacements professionnels. Il faut en effet se rendre dans l’aide où l’on y apprend difficilement que l’on doit envoyer un email à l’assistance internet. Il faut alors remplir un formulaire, mais encore ne faut-il pas avoir un nom ou un prénom trop exotique :

Les messages d’erreur incompréhensibles d’Air France

Dans cet exemple, c’est mon prénom qui pose problème et qui oblige la page à se réafficher avec un message d’erreur Veuillez remplir les champs obligatoires qui mériterait vraiment :

  • d’être de couleur rouge
  • de porter un autre intitulé

En effet, il n’y a aucun moyen de savoir quel est le véritable problème avec le contenu de ce champ (qui a au moins le mérite de ne pas être vide). Et pourtant, c’est l’accent qui est la source de cette erreur, car les systèmes de réservation ne supportent pas bien ces caractères. Ici, l’utilisateur lambda qui ne connaît malheureusement pas ces contraintes doit se sentir très frustré…

A lire également

Les visiteurs qui ont vu cette page ont consulté ensuite :

A savoir

La rédaction de cet article a nécessité 1 heure et 9 minutes. Si vous le souhaitez, vous pouvez être prévenu de la parution de nouveaux articles en vous abonnant par RSS ou par email.


5 commentaires à propos de “Erreurs d’ergonomie : Google Groups, Adworks et Air France” :

  1. bonne idée de noter tous les problèmes d’ergonomie rencontrés ici et là !
    Dans le même genre qu’Adworks, il y a le menu du bas de ce site français qui est illisible : http://www.comeeti.fr/
    je ne comprend pas car le reste est impeccable !

  2. En effet David, ce menu manque terriblement de contraste. Peut-être qu’un des concepteurs de ce site peut nous expliquer ce choix (je sais qu’un des fondateurs d’utopiaweb traîne parfois ici) ?

  3. Salut Stephane ;)

    Fidèle au post, effectivement.

    Donc, pour répondre à David, le menu du bas de Comeeti ne me semblait pas particulièrement illisible.
    En effet, le simple fait d’avoir des listes à puces en bas de page suggère le concept de menu.
    De plus, l’effet de survol indique clairement à l’utilisateur qu’il s’agit de liens.

    En revanche, pour le contraste, il est vrai que le créateur de ce site et moi-même partageons un vilain défaut : nous travaillons avec une forte luminosité associée à un taux de contraste élevé. Ainsi, ce qui semble tout à fait visible sur nos écrans peut potentiellement être fade sur l’écran d’un internaute lambda.
    Nous allons en parler pour tenter de corriger le tir ?

    Que suggèreriez-vous ? Laisser les liens en blanc de base ? Ou au contraire éclaircir le fond ?

  4. Je vote pour des liens (et le texte de la bulle à gauche) plus clairs. Le fond sombre me semble en revanche très bien :).

  5. Bonjour,

    Merci pour les bons mots et le feedback constructive sur notre site - www.adworks.ro.

    Nous essayons continuellement d’améliorer notre site Web et tous les commentaires sont très appréciés. Nous avons fixé le lien dans la zone de contenu de la page About Us grace a votre remarque - excellent travail!

    Bogdan Popescu
    Managing Partner - AdWorks Media

Ajouter un commentaire

Les informations obligatoires sont indiquées par une étoile rouge *.



dis donc, c'est la folie ces services de rédaction en ce moment. Il y en a un nouveau tous les jours :).

Articles Récents

Les derniers articles publiés

A Propos

Je m’appelle Stéphane Thomas et je suis Ingénieur Senior expert dans le développement d'applications web complexes. Etant également un peu Entrepreneur, j'ai tenté l'aventure de la création d'un nouveau service Internet appelé Loomiz. Je suis maintenant le cofondateur d'Hitomi Studio, un studio de développement spécialisé dans la réalisation de sites ecommerce haut de gamme pour de jolies marques.

Lire la suite…