10 E-Commerce UX Conseils pour optimiser la navigation filtrée

La navigation filtrée est une fonctionnalité de site Web populaire qui est couramment utilisée de nos jours sur les sites de commerce électronique . Il a pour but d'aider les clients à trouver le produit qu'ils recherchent dans de grands ensembles de données .

Pensez aux filtres que vous pouvez définir pour une recherche de produit sur eBay ou Amazon, tels que la catégorie, le matériel ou la marque d'un produit.

Si vous voulez un magasin en ligne de conversion, avoir une navigation filtrée est presque une nécessité, non seulement parce qu'il facilite la navigation sur site, et accélère la recherche, mais aussi parce que les clients en ligne s'y sont habitués sur les grands sites de commerce électronique.

1. Choisissez l'endroit optimal

Sur la plupart des sites de commerce électronique, la navigation filtrée est placée dans la barre latérale gauche à côté du contenu, comme vous pouvez le voir sur Amazon ou eBay. Cependant, ce n'est pas toujours le meilleur choix.

La recherche sur l'utilisabilité du Baymard Institute sur le filtrage a montré qu'une navigation horizontale placée au-dessus du contenu peut mieux fonctionner dans de nombreux cas.

La navigation horizontale fonctionne généralement bien pour les sites Web de commerce électronique qui ont moins de filtres de produits, car les utilisateurs sont ainsi moins enclins à ignorer les filtres .

Il est toujours intéressant de tester où placer la navigation filtrée, car il peut y avoir de grandes différences entre les taux de conversion. Le site Web de Crate & Barrel, un détaillant de meubles et de décor à la maison fournit un bon exemple pour une navigation filtrée placée horizontalement.

2. Fournir des filtres pertinents

Bien qu'il soit utile de vérifier les filtres utilisés par vos concurrents, les filtres doivent toujours être adaptés à vos produits et à votre public, et à personne d'autre. Ce n'est pas toujours aussi simple que vous le pensez, car vous avez besoin de filtres qui répondent aux questions des clients lorsqu'ils recherchent vos produits.

Par exemple, Nordstrom fournit à ses clients des filtres soigneusement sélectionnés pour chaque catégorie de produit, tels que «type d'objectif», «forme de visage», «couleur», «prix» et «marque» pour les lunettes de soleil.

3. Permettre aux clients de sélectionner plusieurs filtres

Bien que certains utilisateurs naviguent au hasard sur votre site, beaucoup d'entre eux arrivent avec des idées claires et des besoins bien définis. Ce groupe de clients souhaite généralement utiliser plusieurs filtres en même temps afin d'exécuter une requête simultanément pour différentes qualités, telles que la couleur, le prix et le matériau.

Il n'est pas seulement nécessaire de les laisser choisir différents filtres parmi plusieurs groupes de filtres, mais aussi du même type . Le magasin en ligne Wayfair fournit une expérience utilisateur professionnelle en permettant à ses clients de rechercher autant de filtres qu'ils le souhaitent .

4. Activer la saisie manuelle si nécessaire

Les cases à cocher sont un excellent moyen d'extraire les valeurs de filtre, mais il est parfois judicieux de laisser les clients définir les filtres manuellement, par exemple dans le cas des champs de saisie des prix. Chaque client recherche des produits dans une fourchette de prix différente, il n'est donc pas toujours facile de prédéfinir correctement les filtres de prix.

eBay a une interface de filtrage des prix qui dessert deux groupes de clients en même temps: ceux qui acceptent de cocher rapidement une fourchette de prix prédéfinie et ceux qui choisissent plutôt leurs propres prix minimum et maximum, et les saisissent manuellement dans les champs de saisie .

5. Afficher un compteur de produits

En affichant un compteur de produits, vous informez non seulement vos clients, ce qui crée naturellement un sentiment de confiance, mais vous leur faites également savoir s'ils ont bien «performé» grâce à leurs efforts de filtrage. Chaque client a un certain nombre de produits qu'il veut vérifier avant une décision d'achat . Idéalement, le filtrage les rapproche de ce nombre . Si vous leur fournissez un compteur de produits, ils savent immédiatement s'ils définissent suffisamment de filtres ou doivent réexécuter la requête .

Il est important de montrer combien de produits appartiennent à une certaine configuration de filtre sur chaque site e-Commerce. Office Depot prend cette fonctionnalité au niveau supérieur et affiche un compteur de produits à côté de chaque catégorie disponible, ce qui incite naturellement les clients à poursuivre leur recherche de produits.

6. Créez des groupes de filtres qui ont du sens

Sur un site de commerce électronique bien converti, il est indispensable de fournir aux clients tous les filtres dont ils ont besoin pour prendre une décision d'achat responsable, ce qui est particulièrement important si vous commercialisez des produits haut de gamme. Pour garder la navigation filtrée nette et conviviale, il est crucial de regrouper les filtres d'une manière logique.

Le magasin en ligne de The Body Shop a probablement un peu plus de filtres qui seraient nécessaires mais comme les filtres sont bien groupés, l'expérience utilisateur n'est pas brisée par des listes de filtres superlongues et impénétrables.

7. Rendre les groupes de filtres modifiables

Si vous avez trop d'options, cela vaut la peine d'envisager de rendre les groupes de filtres modifiables pour permettre aux utilisateurs d'ouvrir et de fermer rapidement les différents groupes. C'est aussi une bonne solution pour les mises en page mobiles, car la navigation sur petits écrans peut devenir trop longue, même au point redouté de non-utilisation.

La navigation filtrée de Target utilise le schéma bien connu des flèches haut et bas pour indiquer la possibilité de basculer, de plus lorsque la liste de filtres dans un groupe devient trop longue (comme dans le cas de couleurs), une barre de défilement est également ajoutée . Ces deux caractéristiques améliorent la convivialité du mobile .

8. Envisager des filtres thématiques

Les filtres thématiques sont un type distinct de filtres de produits qui aident les clients à exécuter des requêtes basées sur différents thèmes répondant à des demandes fréquentes, telles que «arrivées d'été», «vente», «style décontracté» ou «offres de dernière minute». Les recherches sur l'utilisabilité de Baymard Insitute, résumées sur Smashing Magazine, ont montré que le filtrage thématique n'est pas toujours utilisé même sur les grands sites de commerce électronique .

Il est toujours utile de considérer s'il existe des filtres thématiques que vous pouvez utiliser dans votre propre magasin . Macy peut être un bon exemple pour une navigation filtrée nuancée. Dans la catégorie "Robes", il propose des filtres pour des thèmes soigneusement sélectionnés, tels que "Offres spéciales", "Occasion de robe" et "Occasion de mariage". Si vous voulez lire une analyse approfondie sur l'interface de filtrage de Macy, consultez cette recherche.

9. Afficher les filtres appliqués

Comme beaucoup de gens ont tendance à oublier ce qu'ils viennent de chercher, l' affichage des filtres appliqués en regard des résultats de la requête est une fonctionnalité qui peut améliorer considérablement l'expérience de l'utilisateur. De cette façon, vos clients se sentiront moins perdus, car ils peuvent vérifier à tout moment les filtres qu'ils ont sélectionnés précédemment et les modifier lorsque cela est nécessaire.

Debenhams n'affiche pas seulement les filtres appliqués au-dessus de la navigation filtrée, mais les regroupe également lorsque plusieurs filtres sont appliqués, fournissant ainsi un repère visuel plus accrocheur.

10. Afficher les filtres populaires sur le dessus

Chaque site e-Commerce a ses thèmes populaires, comme une tendance, une saison ou une offre spéciale. Vous pouvez appliquer un filtre thématique pour chacun de ces thèmes et le placer au-dessus de la navigation filtrée afin d'aider vos clients à les trouver.

Si vous voulez être encore plus professionnel, vous pouvez changer vos filtres populaires au fil du temps, en fonction de l'évolution des habitudes des clients sur votre site.

Le Nintendo Game Store propose actuellement trois filtres populaires, "En vente", "DLC disponible" et "Demo disponible", et les affiche en plus de toutes les autres options pour tenter même les utilisateurs hésitants à exécuter une requête rapide qui ne coûte que très peu. effort minimal .