Aller au contenu

Listes de produits e-commerce : une fiche produit par couleur ?

En termes d’UX, voici à coup sûr une des grandes questions existentielles de l’e-commerce en passe d’être enfin résolue grâce à Baymard. 

Lorsque certains produits sont proposés en plusieurs couleurs, est-il plus opportun, dans les pages listant les produits, d’afficher un bloc produit différent par couleur disponible ou un bloc unique avec des pastilles de couleur (color swatches) déclinant la gamme ?

A cette question, on peut proposer trois réponses : 

  1. Afficher des fiches produits séparées (une par variante)

  2. Afficher des fiches produits séparées avec des pastilles de couleur cliquables

  3. Afficher une seule fiche produit avec des pastilles de couleur cliquables

Grâce à une étude de 2025, l’Institut Baymard apporte enfin une réponse non équivoque : 69% des utilisateurs préféreraient une fiche unique avec un nuancier cliquable. 

Les résultats statistiques à la loupe

Regardons maintenant cette étude un peu plus dans le détail car, comme d’habitude en UX, les résultats appliqués sans discernement sont piégeux.

Tout d’abord, pour tous les âges, tous coeurs de cible confondus, on obtient pour nos trois variables possibles : 

  • 69% des utilisateurs appréciant une fiche produit unique avec des pastilles de couleur cliquables

  • 20% des utilisateurs appréciant des fiches produits séparées MAIS avec des pastilles de couleur cliquables pour chacune

  • Enfin, 8% préférant des fiches produits séparées et distinctes, sans référence aux autres couleurs disponibles

La conclusion est sans appel, pour 89% des utilisateurs, on ne né-go-cie pas avec les nuanciers. 

Un produit listé, c’est un arc-en-ciel de pastilles de couleurs obligatoire. 
Les oublier, c’est un utilisateur frustré assuré.

De l’art de la nuance qui colore les études UX

La Gen Z moins catégorique dans ses choix d’affichage

Toutefois, il est une tranche d’âge pour laquelle les goûts et - surtout - les couleurs diffèrent légèrement. Si vous avez une marque destinée aux jeunes générations, arrêtez-vous ici un instant et lisez ce qui suit.

En effet, si toutes les générations sont plus ou moins d’accord entre elles, les 18-29 ans, sont un peu moins d’accord que les autres : 

  • 52% votent pour une seule fiche produit avec des pastilles de couleur

  • 29% optent pour plusieurs fiches produits mais chacune avec des pastilles de couleur

  • Et pas moins de 16% sont partants pour une fiche produit par couleur, sans pastilles de couleur

Cette cible-ci méritera donc probablement un traitement particulier.

En résumé, les résultats donnent donc ceci : 

Mode d’affichage

Tous âges

18-29 ans

Fiche produit unique avec gamme couleurs

69%

52%

Fiches produits multiples avec gamme couleurs

20%

29%

Fiches produits multiples sans gamme couleurs

8%

16%


Les études et la réalité du terrain

Une étude reste un rendu statistique à grande échelle qui manque parfois de granularité quant aux cas spécifiques.

Je me permets donc ici deux remarques notables dans le cadre de ces résultats :

  • Dans le cas d’un catalogue peu étoffé, il reste intéressant d’afficher une fiche produit par couleur avec pastilles. Cela permettra de casser la sensation de manque de choix.

  • Il arrive parfois que le SEO ne colle pas tout à fait avec l’idéal UX. Ici, avoir plusieurs fiches produits permet d’inclure le nom de la couleur dans les mots clés recherchés. Cela peut toutefois être contrebalancé en générant des paramètres d’URL différenciés sur votre fiche produit. 

Ce qu’il faut conclure de cette étude

Cette étude permet donc d’appliquer directement le cas le plus probable à votre site e-commerce en affichant une fiche produit unique avec des pastilles de couleur cliquables, tout en étant à peu près sûr(e) que cela conviendra à la majorité de vos utilisateurs.

La conclusion de l’étude peut être ou non surprenante selon la compréhension que l’on aura des impacts de la loi de Hick sur l’utilisateur. En effet, le cas des color swatches sur les pages listant des produits est paradoxal. 

D’un côté, afficher une fiche produit par couleur permet d’alléger visuellement le bloc produit. Mais de l’autre, afficher plusieurs pastilles de couleurs sur une seule fiche produit permet de réduire la sensation du “trop de choix car trop de produits”, souvent paralysante et qui augmente le temps de décision d’action jusqu’à un seuil critique (quitter la page).

La loi de Hick est une modélisation de l’interaction entre un humain et une interface informatique qui théorise le temps nécessaire à l’humain en question pour réaliser une action en fonction du nombre de choix qui se présentent à lui.

L’étude apporte donc ici un éclairage factuel quant à la réaction des utilisateurs sur ce point peu évident.

Toutefois, pour un ton plus clair quant à la bonne recette à appliquer et dans la mesure où l’étude n’est pas spécifique à un type de produit, je conseillerais dans tous les cas un A/B test avec l’autre hypothèse la plus probable.

Enfin, dans le cas d’une cible jeune, un second A/B test incluant la troisième option vs le gagnant de votre premier test serait tout à fait cohérent.  

Comme d’habitude en UX, si les études sont indispensables pour établir les hypothèses les plus probables, seuls des tests poussés sur votre site e-commerce en particulier permettront de valider ou invalider celles-ci.

Sources et méthodologie : l’étude a été réalisée par Baymard, sur 1 078 personnes adultes habitant les Etats-Unis et ayant procédé à au moins un achat en ligne au cours des trois derniers mois.

Le contenu textuel de cet article a été rédigé sans IA

Alice Girard
Bows · Architecture UX e-commerce