Erreurs d’ergonomie : Google Groups, Adworks et Air France
Publié le 24 Dec 08 à 07:47 | Catégorie : Ergonomie | 5 commentaires
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 :
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) :
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 :
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 :
- Le formulaire de login de la GMF (101 lectures)
- Les interfaces riches débarquent : un exemple avec le nouveau site… (54 lectures)
- 43 sites au design sombre (33 lectures)
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” :
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 !
David le 27 December 2008 à 17:40 (#1)
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) ?
Stéphane le 29 December 2008 à 10:56 (#2)
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 ?
Simon André le 30 December 2008 à 04:01 (#3)
Je vote pour des liens (et le texte de la bulle à gauche) plus clairs. Le fond sombre me semble en revanche très bien :).
Stéphane le 2 January 2009 à 20:11 (#4)
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
Bogdan Popescu le 19 January 2009 à 13:26 (#5)
Ajouter un commentaire