Expérience utilisateur : little big mistakes, les petites erreurs qui agacent #2 (La Poste, le dictionnaire, orthonet)

Petite compilation de bugs, d’oublis et de mesquineries glanés sur l’internet ces derniers jours. (Le premier little big details est accessible à cette adresse.)

• La Poste : fâchée avec les accents ?

Le site internet de La Poste propose depuis quelques temps un service très pratique permettant de localiser un bureau de poste et d’en connaître les horaires (entre autres). Il suffit de se rendre à cette adresse et d’entrer la ville ou le code postal de son choix.

Little big mistake - La poste : localiser un bureau

(Le bouton « recherche » est placé si bas qu’il est invisible sur ma capture d’écran, mais ce n’est pas le propos.)

Problème : selon ce site, il n’y aurait pas de bureau de poste à Montélimar. Étrange ?

Little big mistake - La poste : recherche "Montélimar"

(Me permettre de faire une nouvelle recherche directement plutôt que de me renvoyer sur une autre page via un bouton aurait été agréable, mais ce n’est pas le propos.)

La raison est simple : le site ne comprend pas les accents. La recherche d’un bureau de poste à « Montelimar » renverra elle vers la bonne page. (Testé sur Mac, avec Firefox et Safari.)

Little big mistake - La poste : recherche "Montelimar"

• Le Dictionnaire : encore une histoire d’accent

J’ai souvent besoin d’un dictionnaire lorsque je rédige mes notes (pour éviter d’employer un mot à tort, par exemple : « derechef » ne signifie pas « immédiatement » mais « à nouveau, une seconde fois »). Je me rends donc régulièrement sur le-dictionnaire.com pour m’assurer de ne pas écrire d’ânerie.

Little big mistake - Le dictionnaire : page d'accueil

Malheureusement, ce site a lui aussi un problème avec mes accents. Voici la page qui correspond à la requête « été » :

Little big mistake - Le dictionnaire : résultat de recherche "été"

Testé sur plusieurs Firefox. Pas de souci avec Safari en revanche.

Note : lire la phrase « Veuillez vérifiez l’orthographe … » sur un site intitulé le-dictionnaire.com me fait un peu mal au cœur. (J’ai changé de dictionnaire depuis.)

• Orthonet : focus !

Orthonet est un autre site que je consulte régulièrement lorsque je rédige un document.

Little big mistake - Orthonet : page d'accueil

Ici aucun problème d’accent. Aucun problème particulier d’ailleurs, juste une remarque : pourquoi ne pas mettre automatiquement le focus sur le champ de recherche ?

Je m’explique. Si je tape « google.fr » dans ma barre d’adresse et que je valide avec la touche <entrée>, je suis redirigé sur la page d’accueil de Google. Si je tape ensuite du texte (sans toucher à ma souris), il sera automatiquement inséré dans le champ de recherche. C’est un gain de temps très appréciable pour les utilisateurs avancés.

On retrouve ce fonctionnement sur de très nombreux sites : Google donc, mais aussi le-dictionnaire, le dictionnaire des synonymes de l’université de Caen (cette note a un thème assez précis)… mais pas sur Orthonet. Dommage.

Expérience utilisateur : little big mistakes, les petites erreurs qui agacent (Lastminute, Carrefour, EDF)

Petite compilation de bugs, d’oublis et de mesquineries glanés sur l’internet ces derniers jours.

• Lastminute : les cases invisibles

Je lance une recherche sur le site de Lastminute. Après avoir patienté quelques secondes, je suis redirigé sur cette page d’erreur :

Little big mistakes : Lastminute, cases invisibles

Le message indique : « Veuillez relancer une recherche en cochant l’option dates flexibles ». Très bien, mais où puis-je trouver cette case ? Plus loin : « Veuillez aussi ne pas cocher la case vols directs ». Euh… Même question ? J’ai jeté un œil aux combo box à tout hasard, je n’y ai rien trouvé.

J’en profite pour relever une erreur que je croise fréquemment : si j’ai un fils de 2 ans, dois-je le compter comme un enfant (2-11) ou comme un bébé (0-2) ? Dans le doute, je choisirai ce qui me coûte le moins cher…

Une dernière petite remarque. Je ne suis pas certain que beaucoup de gens lisent les messages commerciaux que l’on trouve sur des pages d’erreur, mais tout de même : l’encart de droite, qui liste les avantages du voyage sur mesure, reprend deux fois le point « la flexibilité des dates et horaires de voyage ». Ça ne gênera pas grand monde, c’est le principal.

• Carrefour : triste sournoiserie ?

Je souhaite créer mon espace personnel sur le site de Carrefour. Je me rends donc sur cette page :

Little big mistakes : Carrefour, petite sournoiserie ?

Je passe rapidement sur la balise <title>, qui m’indique que je suis sur la page… « recherche » du site. Je note également que l’url de la page ne me donne pas beaucoup d’informations.

La première rubrique « Vos identifiants » mériterait une structure mieux pensée : séparer à ce point les champs « e-mail » et « confirmer l’e-mail » n’est pas une très bonne idée (même remarque concernant les champs relatif au mot de passe) ; quant au captcha je me demande ce qu’il fait ici. Mais ce n’est pas ce qui m’intéresse.

Ce qui m’intéresse, c’est la troisième partie, étrangement intitulée « Votre information ». Au premier coup d’œil, je distingue quatre cases, bien alignées, à gauche de la page. Les libellés des cases fonctionnent tous de la même manière : d’abord un message qui indique de quoi il est question (exemple : « Recevez des informations de la part de Carrefour Market »), puis la phrase « Si vous le souhaitez, cochez cette case. » Jusque là, pas de problème — même si la tournure pourrait être moins lourde.

Le problème vient de la première phrase du paragraphe. Cette première partie ne fonctionne pas du tout de la même manière que les quatre cases qu’elle surmonte. En terme de structure : la case se trouve à la fin de la phrase, et pas alignée à gauche comme les quatre autres. En terme de message : il ne faut pas cocher la case « si vous le souhaitez » comme c’est le cas en dessous, il faut cocher la case « si vous ne le souhaitez pas » !

Cette façon de présenter m’étonne — à vrai dire, je ne suis même pas sûr qu’elle soit légale. Si je ne dis pas de bêtise, cette première case fonctionne en opt-out, c’est-à-dire qu’il faut la cocher pour éviter de recevoir des messages de Carrefour et des autres sociétés du groupe. Or il me semble bien que cette méthode est interdite en France.

• EDF : un e-mail bien mal conçu

Je me suis inscrit au service « relevé de compteur » d’EDF. Je reçois donc une fois tous les 2 mois un e-mail m’indiquant de faire mes relevés et de les transmettre à EDF.

J’ai reçu mon premier e-mail il y a quelques jours. Je pense qu’il se passe de commentaire.

Little big mistakes : EDF, un e-mail bien mal conçu

À vrai dire je ne sais pas si le problème vient de l’e-mail ou du webmail. Ce que je sais, c’est qu’EDF aurait dû le tester.

J’espère qu’il s’agit d’un bug ponctuel : le webmail de Voila est le même que celui d’Orange, et j’imagine que de nombreux utilisateurs d’Orange sont aussi abonnés au service « relevé de compteurs »…

Interface utilisateur : les détails qui font la différence (vidéos)

Sur le principe de littlebigdetails*, quelques exemples de détails d’interfaces plus ou moins utiles qui nous simplifient la vie.

• Mac OS X : menu contextuel dynamique

Le clic droit offre à l’utilisateur de la plupart des systèmes d’exploitation un certain nombre de commandes pas ou peu accessibles autrement. Certaines fonctions restent cependant masquées, comme « ajouter au menu démarrer » sur Windows XP par exemple (il faut maintenir la touche Shift enfoncée avant d’effectuer un clic droit pour faire apparaître cette ligne.)

Les concepteurs d’OS X ont pensé à une alternative pour ces fonctions cachées : elles s’affichent dynamiquement (c’est la différence avec l’exemple ci-dessus) lorsque l’utilisateur enfonce la touche Alt.

• Mac OS X : affichage en colonnes et lisibilité du texte

Le Finder de Mac OS X permet à l’utilisateur de sélectionner un mode d’affichage parmi quatre. Le mode « colonnes » présente l’ensemble des fichiers de la machine sous forme de colonnes successives.

Lorsque la colonne est trop étroite pour afficher le nom entier du fichier présenté, des points de suspension remplacent les lettres manquantes. Mais avant d’afficher ces points, OS X diminue légèrement l’interlettrage afin de garder le nom du fichier entier.

Vous me direz : au lieu de s’amuser à implémenter ce genre de fonctionnalités, les concepteurs du Finder feraient bien d’améliorer le Finder lui-même. Je suis bien d’accord.

• Dailymotion : progression de la vidéo

Un classique. Lors de la lecture d’une vidéo sur Dailymotion (et lorsque le pointeur de la souris ne se trouve pas sur la vidéo), le logo « Dailymotion » situé en bas à droite se remplit progressivement de blanc.

Bien sûr, on pourrait assez facilement faire l’inverse de Littlebigdetails et créer un blog répertoriant les erreurs les plus « évitables » qui soient.

• Littlebigmistakes : publier une vidéo sur Vimeo

Pour publier une vidéo sur Vimeo avec un compte gratuit, il vaut mieux être patient : le site impose un délai de 30 minutes entre le moment de l’envoi et la mise en ligne réelle du fichier. Soit, c’est une restriction comme une autre. En revanche, j’ai été très surpris de voir qu’il existait une limite à la taille du fichier publié. Une limite… basse, c’est-à-dire qu’il est impossible de mettre en ligne une vidéo trop légère !

Littlebigmistakes - poids minimal d'une vidéo sur Vimeo

L’erreur ici est de ne pas préciser quelle est cette limite…

• Littlebigmistakes : mettre à jour ses logiciels Adobe

Application Manager est un petit programme d’Adobe qui s’installe automatiquement avec la suite CS et qui permet de maintenir à jour l’ensemble des logiciels qui la composent. De temps en temps, lorsque je lance l’un de ces logiciels, une icône apparaît dans la barre supérieure de l’écran. Si je clique dessus, un message m’indique que « [l’]Ouverture de l’actualiseur [est] en cours… ». (Note : la vidéo suivante contient une musique qui illustre assez bien le propos.)

L’ouverture n’est évidemment pas en cours ; pour afficher l’actualiseur il faut cliquer sur le libellé. Un bien mauvais choix de mots…

* Littlebigdetails.com est un blog visiblement très apprécié sur lequel différents contributeurs publient de nombreux détails d’interfaces qui les interpellent.