Page de catégorie

Une page de catégorie est une page de boutique en ligne qui rassemble les produits d'un même groupe (par exemple « Baskets » ou « Réfrigérateurs ») et aide le client à trouver le bon. On la confond souvent avec une page de liste de produits : la catégorie est une étape intermédiaire avec une description et des sous-catégories, tandis que la liste présente les produits eux-mêmes avec des filtres.

En termes simples

Les clients arrivent rarement directement sur une fiche produit. Ils entrent d'abord dans une rubrique, voient ce qu'elle contient et affinent leur choix. La clarté de cette page détermine s'ils atteindront la fiche produit.

Nielsen Norman Group décrit deux modèles (NN/g) :

• La catégorie traditionnelle : une page intermédiaire avec une description, un menu de sous-catégories et des promotions. Elle convient aux produits complexes qu'il faut d'abord comprendre (montres connectées, équipement sportif) et aux grands catalogues comptant de nombreuses sous-catégories.
• Le modèle hybride : une liste de produits avec des filtres d'emblée ; une courte description, des sous-catégories ou des promotions figurent sur la liste elle-même.

Les chercheurs de NN/g ont aussi constaté que beaucoup de sites suppriment les pages de catégorie distinctes et les fusionnent avec la liste pour réduire le nombre de clics (NN/g).

Ce que la page doit contenir

Selon NN/g (NN/g) :

• Des sous-catégories séparées des filtres, en général au-dessus de la liste. Cela aide à restreindre le choix sans surcharger le client.
• Le minimum sur une fiche de la liste : un nom court avec des attributs parlants, de grandes photos qui montrent les différences, des indications sur les autres couleurs ou variantes, le prix.
• En option : note, étiquettes « nouveau » et « promo », disponibilité (par exemple, tailles en stock), aperçu rapide, deuxième photo au survol.
• Des noms de catégories clairs dans le menu principal plutôt qu'une seule entrée « Catalogue ».
• Hiérarchie : un produit ou une sous-catégorie peut figurer dans plusieurs rubriques, afin que le client le trouve là où il le cherche.

La recherche ne doit pas mener à une catégorie promotionnelle : selon NN/g, lorsqu'une personne saisit un nom de marque, elle veut voir des produits (NN/g).

Longues listes : pages ou défilement infini

NN/g conseille de choisir selon la taille du catalogue (NN/g) :

• la pagination pour les très grands catalogues ;
• le chargement infini pour les petits (environ 40 produits par page), à condition que les filtres soient bons ;
• un bouton « Afficher plus » en compromis : le pied de page du site avec les conditions de livraison reste accessible.

Affichez le nombre total de produits et combien sont déjà ouverts (« 40 produits affichés sur 333 »), et ramenez le client au même endroit de la liste après qu'il a appuyé sur « Retour ».

Comment les différentes sources voient la question

Baymard a évalué les listes de produits sur plus de 170 sites : 58 % des sites sur ordinateur et 78 % des sites sur mobile obtiennent la note « médiocre » ou pire. 42 % des sites ne regroupent pas les variantes d'un produit (couleurs) en un seul élément de la liste (Baymard). Cela rejoint le conseil de NN/g de garder les variantes d'un même produit dans une seule entrée (NN/g). Plus sur les filtres : filtres du catalogue.

Erreurs fréquentes

• Une catégorie avec seulement une bannière et sans sous-catégories.
• Des photos qui ne montrent pas la différence entre les produits.
• Chaque couleur comme produit distinct dans la liste.
• Un défilement infini sans pied de page ni compteur.
• La perte de la position dans la liste après le retour d'une fiche produit.

FAQ

En quoi une page de catégorie diffère-t-elle d'une page de liste de produits ? La catégorie est une page intermédiaire avec une description et des sous-catégories ; la liste présente les produits eux-mêmes avec des filtres et un tri. De nombreux sites les combinent.

Une page de catégorie a-t-elle besoin de texte ? NN/g recommande une description brève, que l'on peut ignorer, et non une description qui masque les produits (NN/g).

Pagination ou défilement infini ? Cela dépend du nombre de produits. La pagination pour les grands catalogues ; le chargement « Afficher plus » ou le défilement infini pour les petits.

Termes associés

• Filtres de catalogue
• Fiche produit
• Recherche sur le site
• La version mobile d'une boutique
• Utilisabilité

Sources

• Nielsen Norman Group. Traditional and Hybrid Category Pages — nngroup.com/articles/category-pages
• Nielsen Norman Group. UX Guidelines for Ecommerce Homepages, Category Pages, and Product Listing Pages — nngroup.com/articles/ecommerce-homepages-listing-pages
• Nielsen Norman Group. Alternatives to Pagination on Product-Listing Pages — nngroup.com/articles/alternatives-pagination-listing-pages
• Nielsen Norman Group. Design Guidelines for Selling Products with Multiple Variants — nngroup.com/articles/products-with-multiple-variants
• Baymard Institute. Product List UX Best Practices 2025 — baymard.com/blog/current-state-product-list-and-filtering