Ouvrir la voie à l'achat - Meilleures pratiques UX pour le commerce électronique

Les ventes du commerce électronique continuent d'augmenter. Les appareils mobiles constituent l'essentiel du trafic de commerce électronique, mais les sites de bureau ont des taux d'abandon de panier inférieurs et des valeurs d'achat moyennes plus élevées. Le commerce électronique mobile est l'avenir, mais si les concepteurs souhaitent maximiser les profits dans le présent, ils doivent améliorer les sites de bureau avec les meilleures pratiques UX du commerce électronique.

Le potentiel est époustouflant. Année après année, les revenus du commerce électronique augmentent. Les ventes hors ligne représentent toujours la majorité des revenus de vente au détail, mais l'arc ascendant du commerce électronique est indéniable. Cette année, les détaillants de commerce électronique aux États-Unis devraient réaliser 840 milliards de dollars de ventes, un niveau qu'ils ne devraient pas atteindre avant 2022.

Tourbillonnant dans la splendeur statistique, il y a des proclamations d'un avenir du commerce électronique dominé par le mobile - et pour une bonne raison. Les appareils mobiles génèrent le plus de trafic et de revenus de vente au détail dans le monde. Malheureusement, le mobile ne parvient pas à satisfaire deux mesures clés : les sites mobiles ont des taux d'abandon de panier plus élevés et des valeurs d'achat moyennes inférieures à celles des sites de bureau.

Le destin du eCommerce est-il mobile ? Indubitablement. Y a-t-il beaucoup d'argent à gagner en optimisant les sites de bureau avec les meilleures pratiques eCommerce UX ? Absolument.

L'expérience de commerce électronique en quatre pages

Sur ordinateur, presque tous les sites de commerce électronique s'appuient sur une séquence de pages similaire pour guider les acheteurs tout au long du processus de vente.

• Des pages d' accueil épurées avec des propositions de valeur irrésistibles
• Pages de catégories bien organisées et faciles à naviguer
• Des pages de produits raffinées qui combinent preuve sociale et contenu convaincant
• Des pages de paiement simples qui montrent la progression et rassurent les acheteurs

La mise en page, le contenu et la navigation de chaque page existent pour aider les acheteurs à trouver les informations qu'ils recherchent, tout en les rapprochant de plus en plus de l'achat. Les quatre pages doivent fonctionner en tandem pour créer les expériences de commerce électronique transparentes que les acheteurs souhaitent. Tout commence par la page d'accueil.

Pages d'accueil épurées

1. Rendre la valeur du produit instantanément apparente

Une page d'accueil est une première impression. Les acheteurs doivent être en mesure de déterminer rapidement la valeur d'un produit. N'utilisez pas la page d'accueil pour bourdonner sur les caractéristiques techniques. Aidez les acheteurs à imaginer comment les produits résoudront leurs problèmes et amélioreront leur vie (le cadre Jobs to Be Done est un point de départ utile).

Gardez une rédaction courte et précise. Utilisez des photos qui illustrent les avantages du produit. Si les acheteurs doivent lire beaucoup, faire défiler beaucoup ou regarder de longues vidéos explicatives pour comprendre la valeur, alors la valeur n'est pas immédiatement apparente.

2. Activer la recherche depuis n'importe où

Les sites de commerce électronique qui ne vendent que quelques articles peuvent ne pas avoir besoin de barres de recherche, mais à mesure que les offres augmentent, la recherche devient un moyen essentiel pour les clients de trouver des produits en fonction de leurs modèles mentaux. Des barres de recherche persistantes garantissent que la recherche est disponible partout sur chaque page, mais il est préférable de supprimer la recherche des pages de paiement pour des raisons de conversion.

3. Donnez des noms de produits qui ont du sens pour les acheteurs

Les noms de produits qui ont du sens en interne peuvent laisser les acheteurs perplexes. Fournir un contexte de prise de décision. Les noms basés sur les numéros de modèle ou la technologie sous-jacente risquent d'aliéner le profane. Il en va de même pour les titres trop mignons ou créatifs. Choisissez des noms de produits qui indiquent l'utilité ou la valeur du point de vue des acheteurs.

4. Mettez en surbrillance les offres et les promotions

Les acheteurs viennent sur les sites de commerce électronique avec des produits spécifiques en tête. Lorsque les offres et les promotions se fondent dans les pages d'accueil, elles passent inaperçues. Annoncez des offres avec des couleurs vives, du texte en gras et des photos pleine page.

Si une vente est d'importance secondaire, elle doit être perceptible mais ne doit pas entrer en concurrence avec la proposition de valeur principale de la page d'accueil. Si une promotion est la première chose que les acheteurs doivent savoir, mettez-la en lumière.

Pages de catégories bien organisées

1. Présenter les produits dans des grilles

L'espace offert par les écrans de bureau est parfait pour les grilles de produits. Les grilles s'alignent sur le balayage du motif F et permettent aux acheteurs de comparer rapidement plusieurs produits. Ils sont particulièrement efficaces pour les éléments faciles à expliquer en images. Pour maximiser les avantages des grilles, essayez de maintenir le nombre d'éléments par ligne entre deux et quatre. À cinq produits ou plus, les grilles deviennent beaucoup plus difficiles à numériser.

Bonus : les vues de liste fonctionnent, mais elles conviennent mieux aux produits qui nécessitent des explications plus détaillées.

2. Assurez une navigation sans effort

La navigation doit être intuitive. Les acheteurs ne devraient pas avoir de mal à basculer entre les pages de catégories ou à activer les filtres de produits. Les sites avec un grand nombre de produits dans une seule catégorie doivent utiliser la navigation de la colonne de gauche pour permettre aux acheteurs de trier les produits en fonction de différents attributs (recherche à facettes).

3. Présentez les meilleures ventes

Marquez les articles les plus vendus avec des icônes uniques ou placez-les dans les sections des meilleures ventes. Pourquoi? Les best-sellers sont une forme de preuve sociale. Lorsque les gens sont incertains, ils se tournent vers les actions des autres pour déterminer les leurs. Cela est particulièrement vrai pour les nouveaux acheteurs.

Un principe similaire s'applique aux produits récemment lancés. Présenter des articles nouveaux et améliorés est plus qu'une simple tactique de vente ponctuelle; c'est un moyen d'inciter les acheteurs à revenir pour des mises à jour à l'avenir.

Pages de produits raffinées

1. Attirez avec la preuve sociale

La preuve sociale inspire confiance aux acheteurs. Les notes et les avis ont un impact profond sur les décisions d'achat, mais les sites de bureau sont suffisamment spacieux pour gérer également d'autres formes de preuve sociale :

• Photos de produits prises par les clients
• Mentions de célébrités et d'influenceurs
• Citations d'experts
• Badges d'approbation de sites d'examen indépendants

L'objectif de la preuve sociale est d'aider les acheteurs à avoir l'impression de prendre des décisions éclairées qui correspondent aux expériences positives des autres.

2. Utilisez la copie et l'imagerie pour montrer la belle vie

Le contenu du commerce électronique doit être informatif, mais la persuasion ne se limite pas aux faits et aux listes de fonctionnalités. Utilisez du texte et des images pour aider les acheteurs à imaginer la belle vie qui les attend après le paiement.

Là encore, les tailles de bureau sont un avantage. Il n'y a aucune raison de ne pas utiliser de photos et de vidéos colossales ou de montrer des produits sous plusieurs angles. Il en va de même pour la copie. N'hésitez pas à créer des en-têtes énormes et à entourer des blocs de texte avec de généreuses quantités d'espaces blancs.

3. Gagnez plus avec les ventes incitatives et les produits connexes

Si les acheteurs ne sont pas satisfaits de ce qu'ils voient sur les pages de produits, ils ne devraient pas avoir à revenir aux pages de catégories pour trouver d'autres options. Au lieu de cela, montrez-leur des produits alternatifs à des prix similaires ou des options plus chères avec de meilleures fonctionnalités, critiques ou reconnaissance de la marque.

Il est également possible de suggérer des articles connexes qui complètent la page du produit. Acheter des chaussures ? Pourquoi ne pas également acheter des lacets et des supports de voûte plantaire ? Pour réduire les frictions, assurez-vous que les articles associés ont une option "Ajouter au panier".

4. Concevez des boutons "Ajouter au panier" grands et audacieux

En ce qui concerne les pages de produits, les boutons "Ajouter au panier" doivent se démarquer. Rendez-les grands, à contraste élevé et faciles à cliquer. Résistez à l'envie d'être plein d'esprit et écrivez un texte d'incitation à l'action sans ambiguïté et orienté vers l'action.

Les acheteurs doivent recevoir un retour visuel lorsqu'ils ajoutent des articles à leurs paniers. De nombreux sites de bureau le font avec des superpositions de résumé de panier qui glissent momentanément du côté de l'écran (une façon créative de permettre aux acheteurs de passer à la caisse ou de continuer à naviguer).

Pages de paiement simples

1. Afficher la progression de la commande des acheteurs

Les acheteurs de commerce électronique passent beaucoup de temps et d'énergie à rechercher des produits en ligne. Lorsqu'ils sont prêts à acheter, ils ont besoin d'être rassurés que la fin du processus est en vue. Une barre de progression est un moyen simple de montrer aux acheteurs où ils se trouvent à chaque étape du paiement.

2. Acceptez plusieurs modes de paiement

La commodité et la sécurité sont les principales préoccupations des acheteurs lorsqu'ils accèdent aux passerelles de paiement, et ce sont deux des principales raisons de l'abandon du panier. Heureusement, il existe un nombre croissant d'options de paiement en ligne qui atténuent les craintes en matière de sécurité et accélèrent le paiement. Les options de paiement tierces soutenues par des sociétés de confiance (comme Amazon et Apple) peuvent être plus attrayantes pour les acheteurs que la saisie des informations de carte de crédit.

Il vaut également la peine d'envisager des options « achetez maintenant, payez plus tard » (BNPL) comme Paypal Credit et Klarna. BNPL est une forme de crédit au point de vente qui permet aux clients de payer les produits au fil du temps après réception des marchandises.

3. Envisagez le paiement en tant qu'invité

Le paiement en tant qu'invité peut ne pas convenir à tous les détaillants de commerce électronique, en particulier ceux dont les stratégies commerciales tournent autour de la création de comptes clients. Cependant, il a été prouvé qu'il accélère le paiement, prévient la fatigue liée à la création de compte et réduit l'abandon du panier.

Une alternative consiste à demander des e-mails pour la confirmation de commande, puis à suivre les offres dans les messages d'expédition et de livraison.

4. Fournir un récapitulatif clair de la commande

Celui-ci est obligatoire. Fournissez aux acheteurs des résumés de commande concis comprenant :

• Détails et quantités du produit
• Une ventilation de tous les frais
• Informations d'expédition et de facturation

Il est également judicieux d'afficher des images de produits, mais assurez-vous que les attributs correspondent aux sélections des clients (couleur, taille, finition, etc.).

5. Renforcez la confiance avec les badges de sécurité et le support client

Donnez confiance aux acheteurs en affichant des badges de sécurité et des mentions de tiers. Le paiement est un endroit idéal pour rappeler aux acheteurs les classements et les avis vérifiés.

À proximité, incluez des fonctionnalités d'assistance telles que des chatbots, des politiques de retour, des liens vers des FAQ et des lignes d'assistance client. Les acheteurs n'utiliseront peut-être pas ces ressources à la caisse, mais ils auront l'esprit tranquille en sachant qu'elles existent.

Observez les meilleures pratiques UX du commerce électronique

Le shopping est tactile. Le poids d'un objet, ses angles et ses bords, son ajustement et son toucher, tout cela compte. En l'absence de présence, la familiarité et la taille de l'affichage sont cruciales. Desktop offre les deux. C'est un paradigme confortable où les écrans sont spacieux, la navigation est simple et les images et les vidéos sont plus fidèles à la réalité.

Malgré ses lacunes, le commerce mobile est un domaine relativement nouveau. Il y a des problèmes à démêler, mais cela reste l'avenir des achats en ligne. Jusque-là, les concepteurs sont avisés de profiter du présent en optimisant les sites de bureau avec les meilleures pratiques eCommerce UX.

Dites-nous ce que vous en pensez! S'il vous plaît laissez vos pensées, commentaires et commentaires ci-dessous.

• • •

Pour en savoir plus sur le blog Toptal Design :

• eCommerce UX - Un aperçu des meilleures pratiques (avec infographie)
• Le guide ultime de la conception de sites Web de commerce électronique
• eCommerce 101 : Comprendre l'abandon de panier d'achat (avec infographie)
• eCommerce UX - Stratégies et principes de conception essentiels
• Les principales tendances du commerce électronique et leur influence sur la conception (avec infographie)