Exemples géniaux de navigation e-commerce qui peuvent améliorer les ventes

Exemples géniaux de navigation e-commerce qui peuvent améliorer les ventes

Les entreprises de commerce électronique dépensent d’énormes sommes d’argent pour attirer des visiteurs sur leur site.  Selon une étude menée par Frac.tl, il a été révélé qu’Amazon a dépensé environ 1,35 milliard de dollars en publicité de recherche en 2015, ce qui représentait un énorme 97 % de son budget marketing.

Lorsque les entreprises dépensent des sommes aussi importantes en publicité, il devient crucial d’avoir une navigation de site qui guide l’utilisateur pour conclure facilement une vente.

On peut dire sans se tromper que la navigation est l’une des parties les plus critiques de la conception de votre boutique. Une bonne navigation offre une expérience utilisateur améliorée menant à plus de ventes et de revenus. D’un autre côté, une mauvaise navigation frustre les utilisateurs, ce qui entraîne un taux de rebond plus élevé.

Baymard a mené une étude  sur l’utilisabilité du commerce électronique mobile sur 50 sites de commerce électronique évalués et a constaté que les utilisateurs étaient incapables de trouver les articles qu’ils recherchaient en raison d’une mauvaise interface. Les utilisateurs ont mal compris que les articles n’étaient pas présents sur le site et cela a directement affecté non seulement les ventes actuelles, mais aussi les ventes futures car les utilisateurs étaient peu susceptibles de revenir sur le site lorsqu’ils recherchaient ce type de produit.

Chaque site a reçu un score basé sur 17-35 directives, et le nuage de points ci-dessous représente le score résumé d’un site. Les lignes noires indiquent la moyenne de référence. Les points rouges indiquent une utilisabilité “médiocre”, le jaune indique une performance “acceptable” et le vert indique une “bonne” utilisabilité.

Il est assez évident sur le graphique que la plupart des sites de commerce électronique n’ont pas une bonne navigation pour une expérience utilisateur impressionnante.

Maintenant, la question la plus importante est : quels sites ont la meilleure navigation e-commerce ? J’ai compilé une liste de 11 sites qui, selon moi, ont la meilleure navigation e-commerce ; vous pouvez considérer quels aspects pourraient aider à améliorer vos ventes.

1. Autocomplétion par Waterstones

Nous sommes tous extrêmement satisfaits de la façon dont Google fournit des suggestions d’autocomplétion. Cela aide à affiner notre recherche, à minimiser le risque de fautes d’orthographe et à accélérer l’ensemble du processus de recherche, menant à des résultats précis en moins de temps. Mais, lorsque nous effectuons une recherche de produit sur un site de commerce électronique, les suggestions d’autocomplétion ne sont pas si utiles.

C’est là que Waterstones fait un travail incroyable. Il fournit des suggestions d’autocomplétion précises et rapides qui permettent à l’utilisateur de trouver instantanément un produit de son choix.

Lorsque j’ai entré le mot « how » dans la barre de recherche, la recherche a renvoyé une liste de titres de livres populaires commençant par le mot « how ». De plus, les résultats de recherche étaient « riches », ce qui signifie que j’ai pu voir la couverture du livre et le prix avec le titre. Lorsque vous pouvez voir des informations aussi complètes tout en cherchant des choix, vous pouvez prendre une décision meilleure et beaucoup plus éclairée.

Pourquoi l’autosuggestion est-elle utile ?

Elle donne un véritable coup de pouce aux taux de conversion car les gens peuvent rechercher et trouver le produit exact dont ils ont besoin avec un minimum d’effort.

Les utilisateurs comptent également sur l’autosuggestion pour l’orthographe correcte du produit, et si la boutique en ligne ne renvoie pas l’orthographe correcte, alors le produit est « introuvable » dans l’inventaire, ce qui signifie que le produit reste invendu bien que les utilisateurs soient venus le chercher ; c’est pourquoi l’autosuggestion joue un rôle incroyable dans les conversions e-commerce.

2. Recherche à facettes par Rollie Nation

Une excellente découverte de produits est une clé essentielle de la conversion. Vous ne voulez pas que vos clients parcourent plusieurs pages avant de trouver le produit de leur choix ; c’est en effet une mauvaise expérience d’achat. La recherche à facettes est un excellent moyen de fournir des informations précieuses sur votre produit dans un format facile à parcourir qui permet aux acheteurs de naviguer, filtrer et acheter en fonction de leurs choix spécifiques.

Jetez un œil à la façon dont Rollie Nation, une boutique de chaussures en ligne, a mis en œuvre la recherche à facettes dans sa navigation.

Les clients peuvent trier leur chaussure de choix selon les options suivantes :

• Style – Comme botte, Derby, Mira, sport, etc.
• Taille – Selon la pointure du client.
• Prix – Options de filtrage basées sur un prix maximum ou minimum.
• Couleur – Options de filtrage basées sur le choix de couleur du client.

Dans une étude de cas pour BigCommerce, le fondateur de Rollie Nation, Vince Lebon, a souligné l’importance d’utiliser la recherche à facettes et le filtrage de produits. Intégrer la recherche à facettes dans leur navigation les a aidés à faire exploser leurs ventes.

“Dans la chaussure, il peut y avoir jusqu’à 14 tailles et plusieurs options par SKU,” a-t-il dit. “Compte tenu de la rapidité avec laquelle nous renouvelons nos stocks, les clients cliquaient auparavant sur trois ou quatre styles avant de trouver une chaussure disponible à leur taille, ce qui est une expérience d’achat frustrante. Une fois que nous avons pu intégrer la recherche à facettes dans notre navigation, les ventes ont explosé” – avec une augmentation de 2,7 % de la valeur moyenne des commandes.

Pourquoi la recherche à facettes est-elle utile ?

Elle présente votre catalogue de la manière la plus pertinente devant votre public. De cette façon, vous pouvez transformer la navigation en ventes.

Vos visiteurs ne sont pas refusés car la recherche à facettes aide les clients à trouver ce qu’ils recherchent plus rapidement, ce qui signifie que les coûts d’acquisition de clients sont réduits.

Veuillez noter :  Avec la navigation à facettes, il existe plusieurs chemins de navigation que vos visiteurs peuvent emprunter pour atteindre le même contenu. Par exemple, pour atteindre des t-shirts rouges pour femmes, les utilisateurs peuvent choisir l’un des chemins suivants selon la structure de votre site :

• site.com/womens/t-shirts/red
• site.com/t-shirts/womens/red
• site.com/t-shirts/red/womens

Cette option peut causer des problèmes massifs de duplication. Pour le corriger/l’éviter, vous pouvez envisager les options suivantes :

• Utilisez JavaScript pour empêcher la génération d’URL similaires. Cette option prendra un certain temps à mettre en œuvre car vous devez vérifier manuellement chaque combinaison de pages que vous souhaitez indexer. Assurez-vous que toutes vos pages essentielles sont indexées et que les URL en double ne le sont pas.
• Utilisez no-index, follow pour interdire l’indexation des combinaisons d’URL en double ; cela réduira le nombre de pages en double sur votre site, mais votre budget de crawl et votre équité de lien pourraient être gaspillés.
• Utilisez Canonical tags pour laisser Google choisir une URL comme version canonique et toutes les autres URL seront considérées comme des URL en double. Cette option économisera l’équité de lien, mais le budget de crawl sera toujours gaspillé.
• Utilisez robots.txt pour interdire les URL similaires en utilisant des paramètres spécifiques. Un inconvénient de cette option est que les URL peuvent toujours être crawlées s’il y a des liens de suivi pointant vers la page interdite en utilisant robots.txt.

Dans la plupart des cas, vous devez choisir une combinaison des correctifs ci-dessus en fonction de vos besoins exacts.

3. Menu de navigation plus grand et visuellement agréable par Big Chill

La navigation e-commerce de haut niveau joue un rôle décisif dans les conversions. Vous n’avez pas besoin de confondre les utilisateurs ici. Utilisez une option de menu plus grande et visuellement agréable comme celle utilisée par Big Chill.

La plupart des étiquettes de menu de haut niveau sont simples et comprennent un seul mot. C’est un design minimaliste qui offre moins de place aux distractions.

Lorsque j’ai placé le curseur sur l’étiquette de la boutique, le menu déroulant s’est ouvert et j’ai été étonné de voir des options de menu grandes et visuellement agréables.

Vous pouvez clairement voir sur la capture d’écran ci-dessus que les éléments du menu sont affichés en taille plein écran, utilise des images pour faciliter la reconnaissance et le choix d’une catégorie de choix par l’utilisateur.

Pourquoi un menu plus grand est-il utile ?

Le menu de haut niveau est facilement cliquable et tactile. Les utilisateurs peuvent facilement reconnaître les images sans avoir besoin de lire les noms des catégories, ce qui conduit à une meilleure expérience utilisateur.

Les acheteurs peuvent facilement scanner les étiquettes du menu et passer à la catégorie de leur choix ; cela signifie que l’utilisateur peut trouver immédiatement ce qu’il cherche.

4. Fat Footer par GrubHub

Les fat footers sont un bon moyen de fournir une vue rapide de l’ensemble de votre site, ou des pages les plus importantes de votre site, à votre public. Votre objectif devrait être une meilleure expérience utilisateur pour eux. Si votre entreprise dessert plusieurs emplacements, les inclure dans votre pied de page est un bon moyen d’améliorer vos chances de classer des pages particulières (mais il n’y a aucune garantie ; ne remplissez pas votre pied de page).

GrubHub affiche chacun de ses emplacements commerciaux dans le pied de page, ce qui en fait un très gros fat footer.

Pourquoi un Fat Footer est-il utile ?

Les fat footers sont un bon moyen de garder les utilisateurs sur le site car ils les aident à trouver rapidement ce qu’ils recherchent.

Vous pouvez également donner un coup de pouce à votre SEO en créant des liens vers les pages importantes (catégorie ou emplacement) dans votre pied de page. Cette stratégie aidera à un meilleur flux de jus de lien, augmentant ainsi l’importance des pages internes. Une importance accrue pourrait conduire à des classements plus élevés, menant à plus de trafic et plus de ventes.

Veuillez noter :  N’utilisez pas le fat footer pour spammer les gens. De nombreux webmasters utilisent des fat footers pour gagner de l’équité de lien et oublient l’UX. Rappelez-vous toujours que votre seul but d’avoir un fat footer sur votre site web est d’améliorer l’expérience utilisateur. Par conséquent, identifiez le but de votre site web et réfléchissez attentivement aux liens que vous devez inclure dans le fat footer. N’utilisez pas le fat footer pour cibler excessivement des emplacements, et oubliez d’avoir un anchor text sur-optimisé pour gagner de la valeur SEO car Google ne valorise pas l’anchor text utilisé dans les pieds de page.

Par exemple, il est logique pour un site web e-commerce d’avoir un fat footer car il aide les visiteurs à parcourir les catégories et produits populaires sur le site qui sont autrement difficiles à trouver. Cependant, la pratique de créer des liens vers chaque page interne d’un site web depuis le fat footer n’est pas acceptable car cela peut être jugé comme du spam par Google.

5. Affichage de la même sous-catégorie sous différentes catégories parentes par Best Buy

Avez-vous déjà pensé à avoir des sous-catégories en double ? Bestbuy.com affiche la même sous-catégorie sous différentes catégories parentes. La même sous-catégorie « Systèmes de cinéma maison » peut être trouvée sous les catégories « Audio » et « TV et cinéma maison ».

Pourquoi l’affichage de la même catégorie sous plusieurs catégories parentes est-il utile ?

Selon une Résultats de la mesure de l’utilisabilité, lorsqu’un article d’un magasin de meubles pour enfants a été inclus dans différentes catégories, le pourcentage d’utilisateurs ayant trouvé l’article avec succès est passé de 29 % à 74 %.

Avec une meilleure visibilité des produits, les chances de vente sont toujours plus élevées.

6. Animation colorée par Skinny Ties

Le SEO ne doit pas être ennuyeux ; il y a toujours de l’animation ! Je vous recommande d’ajouter un peu d’animation colorée à votre navigation et de voir la magie qu’elle peut opérer pour vous.

Le vendeur de cravates en ligne Skinny Ties fait un travail formidable en présentant sa collection de cravates à l’aide d’animations colorées qui suffisent à conquérir le cœur de son public. Voici ce qui les différencie de leurs concurrents :

Ils affichent une gamme de leurs cravates comme la soie, les rayures, le coton, les graphiques, etc. directement sur leur page d’accueil dans un format animé.

Le menu supérieur affiche des choix de catégories avec de nombreux indices visuels. Les options de couleur ne sont pas écrites en rouge mais ont une palette de couleurs associée afin que l’utilisateur puisse la saisir immédiatement.

Sous le menu de largeur, nous pouvons voir que la largeur de la cravate n’est pas seulement écrite mais transmise avec une image humaine afin que vous puissiez voir à quoi elle pourrait ressembler sur vous lorsque vous la portez. Excellent ! N’est-ce pas ?

Pourquoi une animation colorée est-elle utile ?

Avoir un menu coloré aide à attirer instantanément l’attention de l’utilisateur. Il peut placer le curseur sur le choix sélectionné et ne peut pas résister à cliquer dessus.

Fournir de nombreux indices visuels directement dans la navigation aide les utilisateurs à comprendre ce que le produit offre et ils peuvent juger de manière appropriée si le produit leur convient. Lorsque vous aidez les utilisateurs à choisir un produit, ils se sentent valorisés et recommandent d’autres clients en raison de la facilité d’achat. Cette facilité d’achat peut conduire à plus de ventes et à des revenus plus élevés.

7. Retargeting par cookies par Asos

Il est toujours pratique pour l’utilisateur de visiter des sites qui connaissent déjà ses préférences. Par exemple, lorsque je visite Asos, il est automatiquement redirigé vers la section homme et le menu supérieur présente toutes les catégories homme. Le retargeting signifie que je n’ai pas à cliquer sur la catégorie homme à chaque fois que je visite le site, et cela accélère tout le processus d’achat et améliore l’expérience utilisateur, ce qui conduit à plus de ventes.

Techniquement, cela s’appelle le « retargeting par cookies » où un petit cookie est placé dans le navigateur qui suit les choix des visiteurs.

Pourquoi le retargeting par cookies est-il utile ?

Le retargeting par cookies aide à mettre à jour dynamiquement le menu et présente des choix de produits appropriés aux utilisateurs en fonction de leurs préférences antérieures. Les boutiques en ligne qui font déjà cela constatent une augmentation de leurs ventes.

8. Option de recherche facilement visible par Zara

La zone de recherche est souvent appelée la « boîte de recherche sacrée ». Une option de recherche efficace est cruciale pour garder les visiteurs sur le site.

J’ai souvent vu des sites de commerce électronique avoir une option de recherche plus petite qui est difficile à trouver ; cela empêche les utilisateurs de trouver le produit de leur choix, ce qui conduit à un taux de rebond plus élevé.

Jetez un œil à la façon dont Zara utilise une barre de recherche plus proéminente et hautement visible que les utilisateurs peuvent utiliser dès qu’ils arrivent sur le site Web.

Pourquoi une barre de recherche plus grande est-elle utile ?

C’est le dernier recours de l’utilisateur pour trouver le produit de son choix lorsque toutes les autres options de navigation ont échoué. Une zone de recherche facile à trouver est souvent le meilleur moyen pour les clients d’accéder directement à la page produit souhaitée.

L’option de recherche interne du site rend le site Web plus centré sur le client et attire les visiteurs qui sont plus avertis en matière de recherche.

L’installation d’une fonction de recherche sur le site vous permet de découvrir les données cruciales que vous pouvez utiliser pour optimiser davantage votre site Web et la stratégie marketing globale.

Vous pouvez obtenir cela et d’autres recommandations de navigation personnalisées en auditant votre boutique avec  Ecommerce Booster. Améliorez la navigation, l’UX et les conversions de votre site Web en général. L’outil fournit des instructions détaillées pour chaque tâche d’optimisation afin que vous n’ayez pas à passer du temps à rechercher comment effectuer des modifications.

9. Barre d’avantages par Mountain Bikes Direct

Si vous voulez que les gens achètent vos produits, vous devez gagner leur confiance. Une barre d’avantages est un élément intéressant que vous pourriez ajouter à la conception de votre site Web qui aide à accroître la confiance dans l’esprit de votre client concernant le site Web et son produit. Et cela conduit à plus de ventes.

Mountain Bikes Direct fait un excellent travail pour gagner la confiance des clients en affichant une barre d’avantages juste sous le menu supérieur. L’avantage peut mentionner votre USP principal, vos partenaires de messagerie ou de passerelle de paiement de confiance, votre politique de retour ou de remboursement gratuit, tous les prix et reconnaissances que votre entreprise a reçus par le passé ou toute autre option qui aide à gagner la confiance des clients.

Pourquoi une barre d’avantages est-elle utile ?

Les clients verront certainement le contenu présent dans la barre d’avantages, et s’ils peuvent trouver instantanément les informations dont ils ont besoin et voir que d’autres font confiance à votre entreprise, il est plus facile de créer une relation de confiance avec un nouveau client. Cette confiance en votre marque signifie qu’ils sont plus susceptibles d’acheter des produits chez vous.

Une barre d’avantages sert de booster de confiance pour les clients qui hésitent à acheter des produits sur votre site.

10. Menu déroulant riche en fonctionnalités par New Balance

Un menu de navigation personnalisé contenant plus d’informations sur les produits contribuera toujours à une meilleure expérience utilisateur ; c’est ce que fait la marque de chaussures New Balance sur son site Web. Le menu de navigation supérieur affiche l’image complète du produit ainsi que le nom du produit dans la navigation elle-même, et cela aide les visiteurs à être plus engagés avec le produit, ce qui conduit à une expérience utilisateur améliorée.

Pourquoi un menu déroulant riche en fonctionnalités est-il utile ?

Les utilisateurs sont poussés vers les produits sans avoir besoin de parcourir les pages de catégories pour avoir un aperçu du produit. Lorsque vous consacrez moins de temps à présenter vos meilleurs produits, les chances que les clients s’intéressent à vos produits augmentent, et cela conduit à une expérience utilisateur remarquable qui mène à plus de ventes.

Le menu déroulant riche pleine largeur est un excellent moyen de permettre à vos utilisateurs d’interagir avec votre site. Un engagement accru entraînera un taux de rebond plus faible et une augmentation du temps passé sur le site. Plus les utilisateurs passeront de temps sur votre site, plus ils seront intéressés par l’achat de vos produits.

11. Navigation verticale propre de Nua Bikes

Si vous avez un site avec une mise en page d’une seule page, alors un menu de navigation vertical propre est votre meilleur pari. La raison est assez simple ; vous ne voulez pas que vos visiteurs soient confus. Voici ce que fait Nua Bikes dans sa navigation.

La navigation latérale gauche présente un design soigné où les utilisateurs peuvent trouver le produit de leur choix de manière plus rapide et plus directe.

Pourquoi une navigation verticale propre est-elle utile ?

Une navigation propre est utile pour les sites qui ont un inventaire de produits limité. Les produits peuvent être chargés plus rapidement et les clients peuvent facilement se déplacer vers la fin de l’entonnoir de vente.

Conclusion

L’une des plus grandes erreurs que font les webmasters est de ne pas mettre en œuvre les fonctionnalités dont ils savent déjà qu’elles peuvent faire des merveilles. Examinez les options ci-dessus et réfléchissez à celle qui serait la plus utile pour votre public, et celle qui conduirait à plus de ventes ; essayez-le. Vous serez étonné de voir les différences positives que cela peut apporter à vos ventes.