Sur une place de marché, l'acheteur arrive avec une idée plus ou moins précise et repart dès qu'il ne trouve pas. La recherche marketplace, avec ses filtres, porte une grande partie de cette première impression. Pourtant, je la vois souvent conçue en dernier, à partir des champs de la base de données, une fois que le reste du site est fini.
J'ai conçu puis développé une marketplace avec une recherche avancée pour des acheteurs professionnels. Ce genre de chantier oblige à séparer ce que l'équipe sait du catalogue de ce que l'acheteur en comprend. Voici l'ordre dans lequel je travaille aujourd'hui, avec ce que disent la recherche en ergonomie et la documentation de Google.
01Partir des mots des acheteurs, pas de la base de données
La tentation est forte : la base contient une colonne « matière », une colonne « référence fournisseur », une colonne « statut », alors on en fait des filtres. Le résultat ressemble à un back-office. L'acheteur, lui, ne pense pas en colonnes.
Kate Moran, chez Nielsen Norman Group, résume les questions à se poser avant de dessiner : quelles caractéristiques pèsent le plus dans le choix, avec quels mots les utilisateurs les décrivent, et si nos libellés leur parlent ou ressemblent à du jargon. Pour y répondre, elle conseille d'interroger les utilisateurs, de parler aux commerciaux et au support, et de lire les journaux de recherche du site.
C'est la même règle que dans le brief de ma machine de contenu : la FAQ vient de questions réellement posées, notées avec leur source, parce qu'une FAQ inventée répond à des questions que personne ne pose. Pour une recherche, je fais pareil avec les requêtes tapées dans le champ, les questions reçues par le support et les mots employés en rendez-vous. Je les classe avant d'ouvrir Figma.
Un dernier point avant de parler de filtres : vérifiez que les gens voient le champ. Dans sa vidéo How to Design a Good Search UI, NNgroup rappelle qu'une recherche peu utilisée dans les statistiques ne prouve pas que personne ne veut chercher. Le champ est peut-être simplement invisible. Sur ordinateur, la vidéo recommande un champ ouvert en haut de chaque page plutôt qu'une simple loupe, qui oblige à cliquer avant de taper.
02Filtres ou facettes : choisir la profondeur utile
Les deux mots se mélangent souvent. Kathryn Whitenton, toujours chez Nielsen Norman Group, les distingue clairement. Un filtre exclut les éléments qui ne répondent pas à un critère. Une navigation à facettes réunit plusieurs filtres qui décrivent tous les aspects du contenu, et donne en plus une idée de ce que contient le catalogue.
Les facettes sont plus souples, mais elles coûtent plus cher : chaque fiche, présente et future, doit porter une métadonnée pour chaque facette, et l'interface présente davantage d'options à comprendre. Le même article conseille de vérifier que les utilisateurs en ont vraiment besoin avant d'investir.
Sur une marketplace, cela se traduit par une question simple : qui remplit les fiches ? Si ce sont les vendeurs, une facette n'est fiable que si le formulaire de dépôt l'impose, avec une liste de valeurs fermée. Un champ libre « couleur » rempli par deux cents vendeurs donne deux cents façons d'écrire « bleu marine ». Je préfère trois facettes bien remplies à dix facettes à moitié vides.
03Des valeurs de filtre qu'on peut croire
Une fois les catégories choisies, le travail se joue sur les valeurs. Selon Nielsen Norman Group, elles doivent être appropriées au type de produit, prévisibles, sans jargon et rangées par ordre d'importance. L'article cite un refuge pour animaux dont le filtre « Comportement » proposait « Violet », « Orange » et « Vert » : un code interne, sans aucun sens pour les visiteurs.
Les unités et les formats
Sur une intégration entre deux outils, j'ai vu un mélange de centimètres et de millimètres déformer tout un rendu. Depuis, je demande que la donnée de référence soit explicite : une seule unité stockée, convertie à l'affichage. Sur une recherche, l'erreur est plus sournoise, parce qu'elle ne casse rien. Le filtre « largeur de 50 à 100 » renvoie des résultats, simplement pas les bons. La même source recommande d'ailleurs de prévoir devises et unités adaptées dès qu'on sert un public international.
Les libellés et l'ordre
Pour les libellés, je relis chaque valeur en me demandant si un nouvel acheteur la comprendrait sans aide. Si un terme technique est indispensable, une courte explication à côté du filtre vaut mieux qu'un renvoi vers une page d'aide.
Pour l'ordre, les valeurs numériques vont du plus petit au plus grand, les marques par ordre alphabétique, et le reste selon ce qui compte pour l'acheteur. Les filtres généraux passent en haut, les plus pointus en bas, sauf quand un critère précis décide de presque tous les achats. Dans ce cas, il monte.
04Appliquer les filtres tout de suite ou avec un bouton
C'est une question qui revient souvent sur les forums d'ergonomie, et il n'y a pas de réponse unique. Katie Sherwin, chez Nielsen Norman Group, la relie à l'intention de l'utilisateur. Celui qui explore apprend le catalogue en filtrant : il coche, regarde, coche autre chose. Le filtrage interactif lui convient. Celui qui arrive avec plusieurs critères en tête préfère tout cocher puis voir le résultat, avec un bouton Appliquer.
La vitesse compte aussi. Si les résultats arrivent en moins d'une seconde, le filtrage interactif gêne peu. S'ils sont parfois lents, surtout sur mobile, le même article recommande le filtrage par lot. Il propose aussi un compromis : attendre une ou deux secondes sans nouvelle sélection avant de rafraîchir, en montrant tout de suite que le clic a été pris en compte.
Deux détails que je vérifie toujours. La page ne doit pas remonter en haut pendant que l'acheteur coche encore, sinon il clique sur la mauvaise case. Et quand la liste se met à jour, la zone de résultats s'assombrit d'un bloc avec un indicateur de chargement, plutôt que de faire clignoter chaque vignette.
Quand l'équipe n'arrive pas à trancher, je fais deux prototypes cliquables au même niveau de finition, l'un avec bouton, l'autre sans, et je les fais tester par quelques acheteurs. Montrer plusieurs directions au même niveau débloque une décision bien plus vite qu'une discussion. J'ai détaillé la méthode dans l'article sur le prototype cliquable avant de développer.
05Zéro résultat, compteurs et URL de facettes
Le zéro résultat est le moment où l'acheteur décide s'il reste. La première défense, c'est d'afficher le nombre de résultats à côté de chaque valeur : selon l'article de Nielsen Norman Group sur l'application des filtres, c'est ce qui aide à éviter les recherches vides. Je grise les valeurs qui mèneraient à zéro plutôt que de les faire disparaître, pour que l'acheteur voie ce qui existe ailleurs.
Si le zéro arrive quand même, la page doit proposer une sortie : retirer le dernier filtre, voir la catégorie entière, ou écrire au support.
Reste un sujet que les équipes produit oublient souvent : chaque combinaison de filtres crée une URL. La documentation de Google sur la navigation à facettes explique que ces URL à paramètres forment un espace presque infini, que les robots explorent avant de comprendre qu'elles sont inutiles, au détriment des nouvelles pages. Google propose deux voies :
- Si les pages filtrées n'ont pas à être indexées, bloquer leurs paramètres dans le fichier robots.txt, ou passer les filtres dans un fragment d'URL (après le #), et laisser explorer les fiches et une page de liste sans filtre.
- Si certaines combinaisons doivent être indexées, utiliser le séparateur & standard, garder un ordre de filtres toujours identique, sans doublon, et renvoyer un vrai code 404 quand la combinaison ne donne rien.
Je tranche ce point avec la personne qui s'occupe du référencement avant le développement, pas après la mise en ligne.
06Par où commencer sur votre marketplace
Si vous reprenez une recherche existante, je commencerais par une demi-journée de lecture : les requêtes tapées dans le champ, les recherches sans résultat, les questions du support. Vous saurez déjà quels mots manquent et quels filtres ne servent à personne. Si vous partez de zéro, quelques entretiens avec des acheteurs font le même travail, et des personas utiles aident à garder leurs mots sous les yeux.
Ensuite, la liste que je suis avant de livrer :
- les filtres reprennent les mots des acheteurs, pas les noms des colonnes ;
- chaque facette a une liste de valeurs fermée côté vendeur ;
- une seule unité est stockée, et la conversion se fait à l'affichage ;
- le choix entre filtrage interactif et bouton Appliquer a été testé ;
- chaque valeur affiche son nombre de résultats, et le zéro propose une sortie ;
- la règle d'indexation des URL filtrées est écrite.
Je vérifie aussi la recherche comme un visiteur, en navigation privée, sans compte. Un site peut sembler normal à l'équipe connectée et rester cassé pour les visiteurs, à cause d'un cache. Et regarder comment deux ou trois concurrents rangent leurs filtres, avec un benchmark UX, donne vite des idées et des contre-exemples.
Cette méthode a une limite : elle prend du temps au début, quand tout le monde veut voir des écrans. Je pense que ce temps se récupère au développement, mais je ne peux pas vous le promettre pour votre catalogue. Si vous voulez en parler, les missions UX et produit que je mène commencent souvent par ce diagnostic, et le portfolio montre ce que j'ai construit.