Mon compte formation épisode 1 : à propos de l’UX d’un formulaire simple

Le site Mon compte formation permet à tous et toutes de consulter et d’utiliser ses droits à la formation. Je suis à la recherche d’une formation d’UX writer, je me rends sur le site afin de découvrir son offre.

La page de recherche se présente comme ceci :

Mon compte formation - page de recherche

Puisque je parlais d’UX writing : la page est titrée Recherche formation, c’est un peu sec, il y a sans doute mieux à faire – ne serait-ce qu’en ajoutant un article, Recherche de formation.

Les messages d’erreurs gagneraient à être harmonisés : un infinitif d’un côté Merci de saisir un mot clé (attention à la faute d’orthographe), un vouvoiement de l’autre Veuillez choisir une localisation, rien de grave mais des ajustements à effectuer. Je me demande également s’il ne serait pas intéressant de remplacer le terme Localisation par Ville (voir plus bas), ou autre chose, mais tout ça se discute, se teste… Je pense en tout cas qu’il n’y a pas eu de réflexion sur l’UX writing de cette page.

Mon compte formation - messages d'erreur

Le formulaire de recherche, de son côté, a un look agréable, mais certaines modifications pourraient sans doute améliorer sa prise en main.

Au sujet du premier champ de saisie, par exemple : un placeholder, si bien conçu soit-il (il se transforme en label quand on clique dans le champ texte), ne vaudra jamais un vrai label (voir cet article ou cet article par exemple), surtout qu’on ne manque clairement pas de place ici.

L’utilisation du placeholder Formation, métier, compétences et d’un picto loupe dans le champ de recherche (une idée étrange) lui donnent l’aspect d’un bouton ; seul l’alignement du texte le distingue des boutons Formation en centre et Formation à distance à sa droite. Ces deux boutons n’ont d’ailleurs pas le même aspect visuel que le bouton de recherche, un simple rond à fond bleu auquel on pourrait ajouter un label pour améliorer sa lisibilité (encore une fois, on ne manque pas de place). De façon surprenante, ce label est affiché sur la version mobile du site : pourquoi le masquer sur la version desktop ?

Mon compte formation - page de recherche sur mobile

De son côté, le fonctionnement du champ Localisation est assez pénible : la saisie d’une adresse déclenche l’ouverture d’un menu dans lequel il faudra choisir sa ville (et uniquement sa ville, la saisie d’une adresse plus précise ne fonctionne pas).

Mon compte formation - menu du champ "localisation"
Il y a cinq possibilités pour « Lille » : quelle réponse choisir ?

Problème : si je valide le formulaire en cliquant sur le bouton de recherche *sans* sélectionner un élément de ce menu, le site efface ma saisie et affiche le message d’erreur Veuillez choisir une localisation. Le choix des mots est révélateur : d’après lui je dois *choisir* une localisation, pas la *saisir*, or ce que l’on me demande dans un premier temps c’est bien de la *saisir*.

La suppression de ma saisie est particulièrement désagréable : mon texte Lille était parfaitement valide. Mais il y a pire : si je valide ma localisation en tapant sur la touche Entrée, le site affiche un message d’erreur général Une erreur s’est produite lors de la recherche. Veuillez réessayer ultérieurement.

Mon compte formation - message d'erreur global

C’est d’autant plus pénible que le champ Formation, métier, compétences, lui, ne fonctionne pas de cette manière. La saisie UX writer déclenche ici aussi l’ouverture d’un menu, mais je suis cette fois libre de ne pas tenir compte des propositions qui me sont faites (= si je laisse UX writer dans le champ, le site ne retournera pas d’erreur).

Mon compte formation - menu du champ de recherche

Je pourrais aussi évoquer la navigation au clavier qui ne fonctionne pas correctement (un mauvais point pour l’accessibilité, mais je ne suis pas spécialiste) ou l’énorme message d’avertissement du site qui revient à chaque chargement de la page mais je vais m’arrêter là. À vrai dire je n’avais pas prévu de faire une note sur ce formulaire : c’est l’utilisation de la page des résultats qui m’a vraiment énervé, pas ce petit bloc de recherche. J’en parlerai une prochaine fois.

Les offres d’emploi cachées de Decathlon

Pour la deuxième fois en quelques mois je me rends sur le site de recrutement de Decathlon, et pour la deuxième fois en quelques mois je ne trouve pas les offres d’emploi. Voici la page d’accueil du site :

Page d'accueil du site de recrutement de Decathlon (taille moyenne)

Je fais court : les offres sont cachées derrière le petit picto en forme d’avion en papier, en haut à droite de l’écran. En d’autres termes, l’un des éléments essentiels du site de recrutement de Decathlon est caché derrière un tout petit picto incompréhensible et non légendé.

Je m’en amuse sur Twitter. Le community manager (je suppose) de Decathlon recrutement me répond rapidement (c’est rare, c’est sympa) : “normalement c’est écrit”. Alors en effet, sur le grand écran de cette personne, une légende accompagne le picto incompréhensible.

Page d'accueil du site de recrutement de Decathlon (grande taille)

Problème : sur tous les terminaux qui ne disposent pas d’un grand écran, les mobiles les tablettes et les écrans de portables par exemple, il n’y a pas de légende.

Page d'accueil du site de recrutement de Decathlon (tailles multiples avec libellé)

Je l’indique à mon interlocuteur.

À ce moment-là je peux tout entendre ; je crois être ouvert à n’importe quelle réponse. “Je vais en parler aux concepteurs” (l’URSAAF l’a fait, alors pourquoi pas ?), “On l’a déjà remonté mais c’est plus compliqué que ça en a l’air” (je comprends), “On a plus le budget” (je doute que mon interlocuteur soit au fait de ce genre de choses, mais après tout ?) Voire même une absence de réponse, après tout le community manager a probablement mieux à faire que de répondre à un designer ronchon qui s’intéresse aux offres de son entreprise.

Je ne m’attendais sincèrement pas à sa réponse : “Merci pour ton feedback Charles :). Sur tablette et mobile, c’est un choix d’optimisation car il n’y a pas assez de place.”

Pas assez de place ? Pas d’accord, il y a toute la place qu’il faut :

Page d'accueil du site de recrutement de Decathlon (tailles multiples)

Je vais aller plus loin parce que cette page d’accueil me chiffonne. Comme je le disais plus haut il s’agit d’un site dédié au recrutement. Pourquoi les offres d’emploi sont-elles si difficiles à trouver ? Et si on oubliait le picto incompréhensible associé à Instagram et Twitter et qu’on partait sur un bon vieux menu, un truc simple qui marche plutôt bien ?

Page d'accueil du site de recrutement de Decathlon avec menu mis à jour

(J’ai bricolé ça en deux minutes mais je pense qu’on saisit l’idée.)

J’ignore tout de ce site. Je ne sais pas comment il a été briefé, je ne sais pas comment il a été conçu, je ne connais pas son budget etc. Mais il y a une chose que je peux affirmer avec une bonne dose de certitude : de nombreuses personnes vont se rendre sur ce site pour chercher les offres d’emploi. Et si on allait encore plus loin dans cette voie ?

Page d'accueil du site de recrutement de Decathlon avec contenu mis à jour

(Ici aussi c’est un rough bricolé vite fait.)

Plutôt que de mettre l’accent sur les métiers de l’enseigne (qui sont de toute façon accessible dans le menu Nos métiers), j’ai mis l’accent sur le cœur du recrutement : les offres d’emploi. Comme on peut le trouver chez Leroy Merlin, Danone ou Engie – exemples choisis complètement au hasard de mes quelques minutes de pige.

Ce bricolage n’a pas d’autre but que d’ouvrir la discussion. Les concepteurs du site souhaitent manifestement mettre l’accent sur les métiers du groupe, mais est-ce également le point de vue du visiteur ?

Après bien sûr, on peut toujours trouver un moyen de rendre les offres d’emploi encore plus difficiles à trouver, comme chez McDonald’s par exemple…

Kids Creative Camera, l’appareil photo du diable

Ma fille a reçu un appareil photo numérique pour son anniversaire. Son grand-père a choisi un modèle pour enfant sur le site Cdiscount (mais on peut également le trouver chez Amazon ou Priceminister) et l’a fait livrer directement chez nous.

Le voici :

Appareil photo numérique Kid's cam

Je fais simple : il n’y a RIEN qui va avec cet engin. Si Satan cherchait à concevoir un appareil photo numérique, il ne pourrait probablement pas faire mieux (pire) que ça.

Quelques remarques au sujet de l’objet lui-même dans un premier temps. Cet appareil photo, destiné aux enfants, est livré sans carte mémoire et ne dispose d’aucun système de stockage interne. Autrement dit : si l’acheteur oublie d’ajouter une carte mémoire à sa commande (ce que l’on conçoit sans peine de la part de l’acheteur d’un engin de ce genre), l’enfant ne pourra tout simplement pas utiliser l’appareil lorsqu’il le recevra. On imagine facilement la déception du gamin.

Dans mon cas heureusement (?) pas de problème, je trouve une vieille carte SD au fond d’un tiroir… et je découvre le deuxième point de l’enfer : pour mettre en place la carte mémoire et les piles, il faut enlever deux vis minuscules sous l’appareil.

Trappe de l'appareil

À chaque fois que j’aurai à changer les piles de l’appareil, je devrai utiliser un tournevis ! Une opération pénible d’ailleurs : les vis sont minuscules, le tournevis (fourni !) également… sans parler du cache particulièrement difficile à mettre en place. Point amusant : les vis sont si petites – et donc si facile à perdre – que l’appareil est fourni avec deux vis supplémentaires !

Visserie fournie avec l'appareil

Bref. J’insère les piles et la carte mémoire, je démarre l’appareil… et j’entre dans un nouveau monde de douleur et de confusion.

Il faudrait des heures pour expliquer tout ce qui ne va pas dans le logiciel interne de cet appareil – le problème principal étant justement qu’il ne s’agit pas d’un logiciel conçu spécifiquement pour cet engin mais du logiciel d’un autre appareil photo qu’on lui a collé. Je vais donc lister en vrac les points les plus diaboliques de l’interface.

• L’appareil ne dispose que de cinq boutons : le déclencheur, le bouton d’allumage Power, la croix et les flèches gauche et droite. Ce choix rend l’utilisation de l’appareil extrêmement complexe : pour afficher la photo que l’on vient de prendre par exemple, pas de bouton Play comme partout ailleurs, il faut appuyer sur le bouton Power (pas trop longtemps sinon l’appareil s’éteint, évidemment.) Conséquence logique de ce manque de boutons, la navigation dans le menu (accessible après trois pressions sur le bouton Power) est un CAUCHEMAR.

Menu de l'appareil

– Pour naviguer entre les trois onglets en haut (photo / vidéo / outils), dont les icônes sont positionnées horizontalement, pas question d’utiliser les flèches gauche et droite : il faut utiliser le déclencheur.

– Pour naviguer de haut en bas dans le menu affiché, il faut utiliser les flèches gauche et droite.

– Pour valider un choix ou entrer dans un sous-menu, il ne faut pas utiliser la flèche droite (alors qu’une flèche droite est affichée à l’écran !), il faut utiliser le déclencheur.

– Pour annuler un choix ou revenir en arrière, pas question d’utiliser la croix comme dans tous les menus du monde : elle ne fonctionne pas (elle émet juste un bruit bizarre).

– En bas de l’écran on peut lire les mentions OK : Enter et M : Back. Problème : il n’y a ni bouton OK ni bouton M sur l’appareil.

(J’arrête là, tout lister serait trop long.)

• L’appareil n’a pas de mémoire interne. Autrement dit, tous les paramètres (résolution des photos et des vidéos en particulier) seront perdus à chaque changement de pile. Edit : ce n’est pas aussi simple, apparemment les paramètres sont bien sauvegardés mais s’envolent de temps en temps.

• Par défaut, l’appareil émet des bruits insupportables. Ma préférence va aux sons de pistolet laser émis par les flèches gauche et droite, mais la fanfare futuriste du démarrage vaut aussi le détour. Il est bien entendu possible de les désactiver en passant par le menu : comptez trois ou quatre bonnes minutes pour y arriver. À refaire à chaque changement de piles, évidemment.

Mais ce n’est pas tout… En vrac, l’écran est tellement petit que plusieurs informations ne sont tout simplement pas lisibles (la police de l’horodatage des photos – option activée par défaut – doit être en taille 2 ou 3), le viseur optique cadre n’importe comment (c’est à pleurer de rire, heureusement que personne ne l’utilisera), le mode d’emploi (trois photocopies mal agrafées) est écrit dans un français si mauvais que l’on se demande si une traduction via Google n’aurait pas fait mieux, le mode vidéo ne fonctionne pas correctement (je ne sais pas pourquoi, mais quand je fais dix secondes de vidéo seule les deux ou trois premières sont enregistrées. Peut-être une histoire de mémoire tampon ?)… Quant à la qualité des photos, ma foi… À partir du moment où l’appareil est quasiment inutilisable, est-il vraiment nécessaire d’en parler ? Oh, j’oubliais, trois fois rien : en redémarrant l’appareil à l’instant j’ai perdu l’intégralité des photos que j’avais prises pour le test. Voilà.

Notice de l'appareil

Cet objet représente tout ce que le monde actuel fait de pire. Il n’est pas seulement inutile, c’est un énorme gâchis de matière et d’énergie. Pour tout dire je ne sais même pas quoi en faire : le donner ? Mais je ne souhaite à personne d’utiliser un truc pareil ! Le jeter ? Il est neuf ! (Je ne peux malheureusement pas le faire reprendre par le site marchand.) Alors si quelqu’un a une idée…