Qu'est-ce que la recherche et la navigation à facettes ? 14 conseils et 24 exemples

Publié: 2022-07-18

Guider les visiteurs vers les produits qui les intéressent est un défi pour toute boutique en ligne. Plus vous avez d'options, plus cela devient difficile.

C'est un gros problème car plus il faut de temps au visiteur moyen pour trouver ce qui l'intéresse, moins vous pouvez vous attendre à des ventes. Les gens deviennent confus et frustrés lorsqu'ils ne trouvent pas ce qu'ils recherchent, et ils peuvent même fermer la fenêtre du navigateur ou passer à un site plus convivial.

La recherche et la navigation à facettes jouent un rôle important dans la simplification de l'expérience utilisateur. Il s'agit d'améliorer l'expérience de recherche afin que vos produits soient faciles à trouver.

Dans cet article, nous discuterons de la recherche à facettes, partagerons 14 conseils de recherche à facettes essentiels et découvrirons 24 exemples de magasins de commerce électronique effectuant correctement la recherche à facettes.

Commençons!

Raccourcis ✂️

  • Qu'est-ce que la recherche et la navigation à facettes ?
  • Pourquoi devriez-vous utiliser la recherche à facettes sur votre site de commerce électronique ?
  • 14 bonnes pratiques pour la recherche à facettes

Qu'est-ce que la recherche et la navigation à facettes ?

La recherche à facettes , également connue sous le nom de navigation à facettes ou navigation à facettes, est une technique utilisée par les marques de commerce électronique pour aider les utilisateurs à analyser, organiser et filtrer de grands ensembles d'inventaires de produits en fonction de filtres tels que la taille, la couleur, le prix et la marque.

Attendez, nous parlons simplement de filtres ?

Pas assez. Les facettes sont plus spécifiques : elles s'appliquent aux résultats d'une recherche.

La recherche à facettes nécessite de tout améliorer, de votre interface utilisateur à la manière dont vos descriptions de produits sont écrites. Au lieu d'avoir une structure complexe sur votre site, tout doit être aussi simple et rationalisé que possible.

Pourquoi devriez-vous utiliser la recherche à facettes sur votre site de commerce électronique ?

La recherche à facettes permet d'améliorer l'expérience de recherche de produits de vos clients.

Certains visiteurs du site Web savent exactement ce qu'ils veulent. D'autres veulent explorer plusieurs options avant de prendre une décision… mais cela ne veut pas dire qu'ils s'intéressent à toute votre gamme de produits ! Très probablement, ils recherchent différentes options pour un type de produit spécifique.

Les facettes simplifient l'expérience utilisateur en permettant aux utilisateurs de se concentrer rapidement et efficacement sur les options qui répondent à leurs besoins.

Par exemple, un client qui souhaite acheter un téléphone portable devra choisir parmi des milliers de modèles avec des spécifications et des fonctionnalités différentes. Cela peut être écrasant et prendre une décision peut sembler impossible.

Mais regardez cette recherche à facettes pour les appareils mobiles sur Flipkart.com. En utilisant des filtres à facettes comme la marque, la gamme de prix et les avis, les clients peuvent rapidement se concentrer sur quelques modèles parmi les milliers de téléphones mobiles disponibles sur le site !

faceted search 01 - What is Faceted Search and Navigation? 14 Tips & 24 Examples

Il est facile de comprendre pourquoi presque tous les principaux acteurs du commerce électronique utilisent la navigation à facettes sur leurs sites.

Des systèmes de navigation à facettes efficaces garantissent que les clients ne se perdent pas ou ne sont pas submergés, et cela peut améliorer votre taux de conversion de 20 % !

14 bonnes pratiques pour la recherche à facettes

Dans cette section, nous vous proposerons 14 conseils pour maximiser les avantages de la recherche à facettes et vous guiderons à travers d'excellents exemples de recherche et de navigation à facettes.

1. Utilisez les options de filtrage pertinentes

Les facettes associées à chaque recherche (et les options de chaque facette) doivent être pertinentes pour le type de produit.

Par exemple, dans la catégorie Smart TV, les options de facette doivent inclure :

  • Prix,
  • Marque,
  • Résolution,
  • Taille de l'écran,
  • Fonctionnalités,
  • etc…

Dans chaque facette, fournissez des filtres pertinents pour améliorer les résultats de la recherche, tels que les options de résolution (HD, Full HD, 4K).

Découvrez cet exemple de Best Buy :

faceted search 02 - What is Faceted Search and Navigation? 14 Tips & 24 Examples

Donnez aux clients tous les choix dont ils ont besoin pour affiner leurs résultats de recherche. Le prix et la marque sont standard dans tous les secteurs, mais n'oubliez pas d'inclure également des options spécifiques à la catégorie. Par exemple, dans des catégories telles que les chaussures et les vêtements, les options de couleur et de taille sont essentielles.

Pour déterminer les facettes et les options de filtrage appropriées, vous pouvez consulter les sites concurrents, les sites Web des leaders de l'industrie, les avis des clients, les avis d'experts et les mots-clés fréquemment recherchés.

2. Positionnez les facettes dans le bon sens

Vous pouvez placer des facettes horizontalement ou verticalement sur votre page de résultats de recherche.

La navigation horizontale n'est appropriée que lorsque vous avez un petit nombre de produits avec des valeurs minimales, comme dans l'exemple ci-dessous sur asos.com :

faceted search 03 - What is Faceted Search and Navigation? 14 Tips & 24 Examples

Si vous avez de nombreux produits différents, le positionnement horizontal des facettes peut rendre votre site encombré. Cela peut également compromettre l'expérience de l'utilisateur, car le menu de filtrage disparaît lorsque l'utilisateur fait défiler la page.

Lorsqu'il existe de nombreuses options de produits et de filtres, le positionnement vertical fonctionne mieux. De cette façon, les clients peuvent accéder au système de navigation à facettes tout en faisant défiler les résultats.

Voici un exemple de facettes verticales de Yelp :

faceted search 04 - What is Faceted Search and Navigation? 14 Tips & 24 Examples

3. Présenter des facettes pour un maximum de convivialité

Il existe plusieurs manières d'afficher les filtres à facettes. Les options incluent des liens, des curseurs, des cases à cocher, des listes déroulantes et des champs de saisie.

Choisissez la façon dont vous affichez vos facettes en fonction du type de données que chacune filtre. Un curseur est logique pour un filtre de prix, mais les cases à cocher sont indispensables pour filtrer par marque ou catégorie.

Amazon utilise à la fois des listes et des cases à cocher :

faceted search 05 - What is Faceted Search and Navigation? 14 Tips & 24 Examples

Petite astuce pour l'utilisation des cases à cocher : faites en sorte que toute la zone d'une valeur ou d'un filtre particulier (y compris le texte) soit cliquable . Ainsi, les clients n'auront pas de mal à cliquer sur une petite case.

Comme mentionné, les curseurs sont parfaits pour les valeurs numériques comme le prix ou la distance. Découvrez comment Gymshark utilise un filtre :

faceted search 06 - What is Faceted Search and Navigation? 14 Tips & 24 Examples

Les listes déroulantes limitent le choix à une seule option, elles sont donc mieux réservées aux filtres qui définissent un minimum ou un maximum. Découvrez comment cars.com utilise les menus déroulants :

faceted search 07 - What is Faceted Search and Navigation? 14 Tips & 24 Examples

Il n'y a pas de « meilleur » moyen d'afficher les facettes. Combinez différentes options pour arriver à la méthode la plus efficace pour votre site Web.

4. Utilisez des images

Les images (ou icônes) jouent un rôle majeur dans la convivialité des facettes. Ils sont idéaux pour sélectionner des couleurs, des styles et d'autres options.

Découvrez comment Sunglass Hut utilise efficacement les icônes lors de l'affichage des options de forme de monture :

faceted search 08 - What is Faceted Search and Navigation? 14 Tips & 24 Examples

5. Inclure les avis clients comme facette

Les grands sites utilisent de plus en plus les avis clients comme une facette.

Par exemple, Amazon.com affiche les commentaires des clients sous la forme d'une à cinq étoiles. En tant que bonne pratique, n'utilisez cette option que si vous avez beaucoup d'avis ou d'évaluations.

faceted search 09 - What is Faceted Search and Navigation? 14 Tips & 24 Examples

6. Afficher les facettes spécifiques au magasin ou à l'industrie

Il peut être judicieux de créer des options de facettes uniques en fonction des besoins des clients, des caractéristiques du produit, des exigences de l'industrie et des options spécifiques au magasin.

La section Kindle eBooks d'Amazon propose des options telles que "Prime reading" ou "Meilleurs livres de 2020", en plus des choix standard tels que l'auteur, la langue, etc. Cela aide les clients à prendre rapidement des décisions d'achat, même lorsqu'il existe des milliers d'options.

faceted search 10 - What is Faceted Search and Navigation? 14 Tips & 24 Examples

7. Utilisez des menus pliables ou extensibles

Une bonne recherche à facettes devrait permettre aux utilisateurs de réduire ou de développer les menus. Cela signifie qu'ils peuvent voir rapidement les différentes options de filtrage et leur permettent de choisir les filtres qu'ils souhaitent utiliser sans se laisser distraire par les autres.

Découvrez comment Sephora utilise cette option :

faceted search 11 - What is Faceted Search and Navigation? 14 Tips & 24 Examples

Une considération importante est d'afficher ou de masquer les options par défaut. Masquer les filtres par défaut peut réduire l'utilisation, mais afficher trop de facettes peut obliger les utilisateurs à faire défiler davantage pour voir toutes les options de filtrage. Une solution consiste à développer certaines facettes tout en en réduisant d'autres.

8. Organiser les valeurs au sein de la facette

Il est difficile d'afficher toutes les valeurs disponibles dans une facette, surtout lorsqu'il y a beaucoup d'options différentes. Heureusement, il existe plusieurs façons de le faire !

  • Développement en ligne : dans cette méthode, la facette affiche les premières valeurs par défaut et les utilisateurs peuvent afficher des valeurs supplémentaires en cliquant sur "Afficher plus".
bath - What is Faceted Search and Navigation? 14 Tips & 24 Examples
  • Défilement : il s'agit d'une méthode largement utilisée. Zappos en est un bon exemple.
faceted search 12 - What is Faceted Search and Navigation? 14 Tips & 24 Examples
  • Popup : dans cette méthode, les valeurs s'affichent sous forme de popup lorsque la souris survole ou clique sur la facette. Colourpop utilise cette méthode, qui économise de l'espace et minimise l'encombrement dans la navigation.
faceted search 13 - What is Faceted Search and Navigation? 14 Tips & 24 Examples

En fin de compte, il est essentiel que les clients puissent facilement choisir les valeurs maximales et minimales. Quelqu'un qui recherche l'option la moins chère devrait pouvoir la trouver rapidement en utilisant une recherche à facettes.

9. Trier les valeurs dans les facettes logiquement

Lorsqu'il s'agit de trier des valeurs au sein d'une facette, vous pouvez trier par nombre d'unités pour des facettes comme les marques, ou par ordre alphabétique.

Habituellement, les facettes comme la taille ou le prix sont classées par ordre croissant.

Prenons l'exemple de la page des livres électroniques Kindle d'Amazon. Dans sa facette "Kindle eBooks", les valeurs sont triées par ordre alphabétique, de l'art et de la photographie aux biographies, etc.

faceted search 14 - What is Faceted Search and Navigation? 14 Tips & 24 Examples

La facette "langue" affiche les valeurs par popularité. Par exemple, "Anglais" apparaît en haut.

La facette "Average client moyen" affiche les valeurs par ordre décroissant, avec 4 étoiles et plus en haut.

faceted search 15 - What is Faceted Search and Navigation? 14 Tips & 24 Examples

10. Laissez les utilisateurs choisir plusieurs filtres

Les clients doivent avoir la possibilité de choisir plusieurs filtres dans une même facette.

Par exemple, un consommateur qui souhaite acheter un téléviseur peut avoir présélectionné deux ou trois grandes marques et souhaiter connaître les tailles et les gammes de prix disponibles. Ces différentes combinaisons facilitent la prise de décision de vos visiteurs.

Permettez-leur de choisir plusieurs options dans une facette afin qu'ils n'aient pas à effectuer plus d'une recherche pour voir les produits qu'ils recherchent.

your - What is Faceted Search and Navigation? 14 Tips & 24 Examples

11. Afficher les valeurs sélectionnées dans les facettes

Pour tirer le meilleur parti de la navigation à facettes, les valeurs sélectionnées par les utilisateurs doivent se démarquer des autres.

Cela permet aux clients de vérifier les filtres qu'ils utilisent et les aide à modifier facilement les options. Vous pouvez le faire de quatre manières différentes :

  • En ligne : avec cette approche, la valeur sélectionnée est affichée dans la facette. Par exemple, Amazon affiche l'option sélectionnée en gras avec une case à cocher à côté.
inline - What is Faceted Search and Navigation? 14 Tips & 24 Examples
  • Boîte à pain : dans cette méthode, toutes les fonctionnalités sélectionnées sont affichées dans un emplacement dédié, ou "boîte à pain". Voir l'exemple ci-dessous d'Oriental Trading. Une bonne pratique consiste à afficher la facette avec la valeur, par exemple, la valeur "Noël" fait partie de la facette "vacances".
oriental - What is Faceted Search and Navigation? 14 Tips & 24 Examples
  • Fil d'Ariane : cette liste affiche les valeurs sélectionnées sous forme de fil d'Ariane. Au fur et à mesure que l'utilisateur continue de choisir, chaque nouvelle sélection est ajoutée à ce parcours. Habituellement, une icône « X » accompagne chaque valeur, sur laquelle les clients peuvent cliquer pour supprimer la sélection.
boys - What is Faceted Search and Navigation? 14 Tips & 24 Examples
  • Fil d'Ariane à facettes intégré : l'affichage est similaire à la méthode du fil d'Ariane ci-dessus. Cependant, cette méthode permet aux clients de modifier leur sélection dans le fil d'Ariane, pas simplement de la supprimer. Walmart utilise cette méthode :
walmart - What is Faceted Search and Navigation? 14 Tips & 24 Examples

12. Actualisez rapidement la page et les résultats de recherche

Selon une étude, 47% des consommateurs s'attendent à ce qu'un site se charge en 2 secondes ou moins. En effet, si le site met plus de 2 secondes à se charger ou à s'actualiser, 53% des internautes abandonneront leur recherche !

Selon une autre étude, les taux de conversion ont culminé à des taux de rafraîchissement de 2 secondes, mais chaque seconde de retard supplémentaire entraînait une perte de 7 % des conversions.

L'utilisation de la technologie AJAX peut améliorer les taux d'affichage des résultats de recherche. Avec AJAX, la page entière ne s'actualise pas à chaque fois que le client affine sa recherche. Au lieu de cela, seules les données sélectionnées sont envoyées, ce qui réduit considérablement le temps de traitement. Cependant, AJAX n'est pas compatible avec le référencement, vous devez donc limiter son utilisation pour améliorer l'expérience utilisateur.

effect1 - What is Faceted Search and Navigation? 14 Tips & 24 Examples
effect3 - What is Faceted Search and Navigation? 14 Tips & 24 Examples

13. Évitez les résultats

Évitez les options de filtrage sans résultat, car elles ont tendance à frustrer le client.

Il peut être décevant pour un client de sélectionner une option (par exemple, couleur ou taille) uniquement pour ne renvoyer aucun résultat. Jenson USA affiche les options disponibles en noir, tandis que les autres sont grisées.

jenson - What is Faceted Search and Navigation? 14 Tips & 24 Examples

14. Améliorez-vous constamment

Comme pour la plupart des choses dans le commerce électronique, il est essentiel d'analyser les données et d'ajuster votre approche. Dans la recherche à facettes, vous devez constamment collecter des données sur la façon dont les clients utilisent les facettes et les filtres et utiliser ces données pour améliorer votre site.

Par exemple, quelles sont les facettes les plus utilisées ? Quelles facettes les clients n'utilisent-ils pas du tout ? Ces informations peuvent vous aider à améliorer la structure de votre navigation à facettes et à rendre votre site plus convivial.

résumer

La recherche à facettes permet à vos clients de trouver facilement ce qu'ils recherchent sans avoir à effectuer plusieurs recherches ou à passer beaucoup de temps à naviguer. Une bonne recherche à facettes peut améliorer l'expérience client et augmenter les taux de conversion.

Pour tirer le meilleur parti de la recherche par facettes, vous devrez réfléchir aux facettes et aux options à utiliser pour différents types de produits. Si vous avez trop peu de facettes, les utilisateurs ne pourront pas trouver ce qu'ils recherchent, mais trop de facettes confondront les utilisateurs.

J'espère que cette liste de conseils et d'exemples vous a aidé à déterminer les meilleurs types de facettes et les meilleures options pour affiner les résultats de recherche sur votre site !