Quand le nombre de produits classés dans une catégorie devient conséquent, ceux-ci sont répartis sur plusieurs pages. Toute la difficulté des sites marchands consiste alors à proposer des outils permettant aux visiteurs de parcourir rapidement les listes de produits jusqu’à trouver celui recherché.

Les fonctionnalités de classement

Présentées sous la forme de listes déroulantes, les fonctions de classement permettent d’ordonner la liste des produits de façon différente, sans diminuer le nombre total de produits présentés.

Les fonctionnalités de classement sont souvent identiques d’un site e-commerce à l’autre. Parmi celles-ci, on retrouve par exemple :

• Prix (croissant ou décroissant),
• Meilleurs ventes,
• Alphabétique (A-Z ou Z-A),
• Nombre de produits affichés par page,
• Note des membres du site,
• Popularité (produits les plus consultés ou tout simplement un classement choisi par le marchand).

Les filtres génériques

Les filtres génériques permettent de n’afficher que les produits de la liste initiale répondant au filtre sélectionné. Ce type de filtre générique peut être utilisé sur n’importe quel site de e-commerce :

• Tranches de prix,
• Disponibilité des produits (en stock, sous 3 semaines, etc.),
• Promotions (les produits bénéficiant d’une réduction),
• Sémantique (nuage de tags de la catégorie).

Les filtres spécialisés

Les filtres spécialisés réduisent eux aussi le nombre de produits affichés, mais ils correspondent aux caractéristiques propres des produits proposés dans la catégorie :

• Marque,
• Couleur,
• Puissance,
• Matière,
• Taille,
• Usage,
• Terroir,
• Année de fabrication,
• Style,
• Etc.

Peu nombreuses sont les solutions de vente en ligne qui intègrent automatiquement ces filtres en fonction des produits de la catégorie affichée. Dans les solutions open-source, Magento apporte un plus en la matière avec une mise en place relativement facile.

Ce type de filtre apporte un véritable plus au visiteur à la recherche d’un produit correspondant à un besoin très précis  comme une chaussure à sa pointure, un canapé 3 places en cuir, un vin d’une région et d’une année… et réduit la frustration de l’acheteur obligé de parcourir les fiches produits une par une pour vérifier que sa taille est disponible, dans le cas des sites de vente de textile par exemple.

Filtres spécialisés et SEO

En plus de faciliter le choix des futurs clients, ces filtres sont très intéressants pour générer des pages de catalogue optimisées sur des expressions croisant le nom de la catégorie et d’un ou plusieurs filtres :

• Chaussures de ville roses,
• Chaussures de ville roses taille 43,
• Chaussures de ville roses taille 43 de marque Geox,
• Etc.

Les possibilités de croissements sont très nombreuses, particulièrement dans le cas de catalogues très fournis. Les filtres peuvent permettre de multiplier le nombre de pages de façon conséquente, et de travailler sa « longue traîne » de mots clés.

Il faut quand même veiller à ne pas créer trop de pages vides de produits, car les visiteurs pourraient repartir très vite de votre site vers le moteur par lesquels ils sont arrivés…

A lire aussi sur eCommerce404 :

• Filtrer les produits par couleur

Yoox (www.yoox.fr)

De petits carrés de couleurs permettent de sélectionner la couleur. Un léger relief apparait au survol pour montrer qu’ils sont actifs et une flèche indique la couleur sélectionnée.

La liste des produits chez Yoox reprend les codes couleurs de la recherche pour montrer les coloris disponibles pour chaque produit. La couleur n’est pas exactement celle du produit mais celle qui s’en rapproche le plus. Je n’ai pas trouvé de lien permettant d’annuler le choix d’une couleur, dommage !

Sarenza (www.sarenza.fr)

Le tri par couleur apparait en même temps que d’autres critères de recherche une fois le type de chaussure choisi. Les couleurs indisponibles apparaissent avec un petit panneau barré tant que la couleur sélectionnée est marqué d’un coche. Revenir en arrière est possible en cliquant sur la couleur sélectionnée.

Sarenza permet aussi de filtrer les produits du catalogue en cochant plusieurs couleurs. Cette fonctionnalité est intéressante pour les visiteurs qui recherchent une teinte plutôt qu’une couleur précise. Sarenza a enfin prévu une aide contextuelle au survol des couleurs pour préciser certains choix, très utile pour multicolore (une chaussure avec plusieurs couleurs), argent ou or/bronze.

Spartoo (www.spartoo.com)

Les carrés deviennent des ronds comme sur une palette de couleurs. Spartoo permet de choisir une seule couleur à la fois qui personnalise le catalogue. Ici, le bouton « Multicolore » signifie « Toutes les couleurs« , c’est à dire « aucune couleur sélectionnée » , contrairement à Sarenza où ce bouton était une couleur. Cela peut être une source de confusion pour les internautes qui utilisent les deux sites, mais impossible de dire qui propose la meilleure solution…

Dulux Valentine (www.duluxvalentine.com)

Dulux Valentine est une marque de peintures qui ne fait pas de vente en ligne. Le site propose de trouver la bonne couleur selon l’usage pré-sélectionné. Un clic sur la couleur ouvre une fenêtre pop-up avec les différents produits correspondant. NB : si une agence cherche du travail d’ergonomie, consultez le site et proposez vos services.

Yahoo Shopping USA (shopping.yahoo.com)

Yahoo propose un nuancier assez complet avec 56 couleurs ! La couleur sélectionnée est indiquée deux fois dans la zone et un bouton permet d’annuler le choix. Il est impossible de sélectionner plusieurs couleurs en même temps. Yahoo analyse les images pour proposer ce choix dans son moteur de shopping, plutôt que de demander l’information dans le flux catalogue.

Etsy (www.etsy.com)

L’outil proposé par Etsy est aussi ludique qu’expérimental. Il faut passer la souris sur une surface qui sert de nuancier (les points colorés ci-dessous) pour choisir assez précisément sa couleur. Le clic sur une couleur renvoie l’internaute sur une liste de produits correspondant. Comme Etsy propose un nombre de produits très important et qu’aucun ne ressemblant à l’autre, cet outil de choix de couleur me semble tout à fait pertinent (Etsy vend des objets « home made« ).

Avez-vous d’autres exemples de navigation par couleur ?

]]> http://www.ecommerce404.fr/2008/08/filtrer-produits-par-couleur/feed/ 2