Page d’accueil E-Commerce : 16 bonnes pratiques

Fév 07, 2018
UX-REPUBLIC

La page d’accueil est souvent la page la plus visitée d’un site e-commerce.

Cette page a pour rôle d’instaurer la confiance, de réaliser des ventes et de fidéliser les clients.
La création d’une page d’accueil efficace peut être une tâche difficile. Si vous avez des centaines ou des milliers de produits dans des dizaines de catégories, il peut être difficile de mettre en place une page d’accueil qui met en valeur efficacement vos produits sans être trop agressive.

La tentation est souvent de mettre tout ce que vous avez, ce qui conduit à un certain désordre qui pousse les utilisateurs à quitter le site en question. Pour toutes ces raisons, nous avons choisi de vous traduire un article de Takeshi Young pour le blog Optimizely, 36 E-commerce Homepage Design Best Practices from the Experts. 

trafic

Pour vous aider à créer une page d’accueil efficace, retrouvez ci-dessous les recommandations de plusieurs experts dans le domaine du e-commerce, qui partagent leurs meilleurs conseils.

Alejandra Meza
Directrice UX, Stella & Dot

Les parties prenantes veulent toujours un nouveau design génial, mais ne comprennent souvent pas pourquoi ou quels sont les problèmes en réalité.

#1 Commencez par identifier les problèmes

Comprendre pourquoi vos parties prenantes veulent changer le site. Créez des objectifs et des hypothèses claires avant de passer à la conception. Il est important que tout le monde soit d’accord sur quels seront les indicateurs de succès. Faites une enquête complète sur ce qui ne va pas avec votre site. Travaillez sur la conversion, le taux de rebond et sur le fait d’obtenir une rétroaction qualitative de la part des utilisateurs. Observez les différents segments d’audience pour identifier quels sont les problèmes.

#2 Gardez en tête ce que vous avez appris

Le premier réflexe est de tout mettre à la poubelle, alors que souvent des bonnes actions ont été prises. Prioriser les A/B testing, les interviews et les données, qui sont les meilleurs moyens de voir quelles parties de votre page sont performantes.

#3 Avoir des retours qualitatifs et quantitatifs

Obtenir une rétroaction qualitative avant le remaniement, et avant votre A/B testing. Souvent un ‘A/B testing’ ne permet pas d’atteindre l’objectif souhaité, et c’est seulement grâce à des évaluations qualitatives que vous découvrirez pourquoi. Faire cela avant le test vous permet potentiellement d’économiser une série de tests ultérieurs.

#4 Testez des variations multiples

Souvent vos parties prenantes veulent tester seulement la nouvelle version par rapport à l’ancienne. Le problème est que vous ne saurez pas comment interpréter les résultats des tests. Était-ce la conception ? Était-ce le contenu ? Testez l’ancien contenu dans le nouveau design et les nouveaux contenus dans la vieille conception. Testez des sections de la page est aussi une autre façon de comprendre pourquoi un design est performant ou non.

#5 Avoir une vision sur les prochaines étapes

Nous aimerions tous un taux de réussite de 100%, mais prévoir ce qu’il faut envisager si les résultats ne sont pas ce que vous attendiez. Les parties prenantes peuvent quand même vouloir lancer la nouvelle conception en raison de tout le travail et l’effort fournis. Au lieu de cela, essayez de vous concentrer sur la façon dont vous pouvez itérer sur la conception ou comment accepter que l’ancien design est plus performant. Dans votre résumé de test, faites la part entre la volonté d’aller de l’avant et celui de conserver un design approximatif. La perspective de conversion pour provoquer l’achat étant la priorité.

Lancer la page d’accueil est juste la première étape. Ensuite, il est important de garder la page mise à jour régulièrement avec du contenu frais pour susciter assez l’intérêt des utilisateurs pour qu’ils reviennent. Créer des espaces où le contenu peut être mis à jour facilement, régulièrement et rapidement. Utiliser des modules de contenu automatisés pour mettre en avant les nouveautés ou les articles recommandés.

e shop

Therese Kokot
Architecte Sénior, LYONSCG

La page d’accueil représente souvent la première impression que les utilisateurs vont conserver de votre site, il est donc important de communiquer un message de votre marque fort et clair. Quelles sont les stratégies pour une page d’accueil e-commerce réussie ?

#6 KEEP IT SIMPLE 

Restez simples ! Les détaillants ont traditionnellement l’habitude d’utiliser le site comme lieu de communication sur l’entreprise et ses produits. Cependant, des études ont montré que plus il y a de messages sur la page, plus votre utilisateur doit les traiter, et plus la charge cognitive est lourde. Le résultat final est que tous les messages sont dilués, et l’utilisateur n’est pas guidé vers ce qu’il faut faire ensuite.

Fournir un message fort et unifié représente votre marque, et l’utiliser pour guider vos utilisateurs peut les aider à se lancer dans le processus d’achat rapidement. Le A/B testing peut aider à orienter les messages qui améliorent la conversion.

#7 Faites en sorte que la recherche soit fluide

Une page d’accueil sans navigation globale, et aucun moyen évident de trouver ce que vous cherchez ? Des études ont montré que lorsque les utilisateurs ne trouvent pas ce qu’ils cherchent, ils quittent rapidement le site.

Comme strict minimum, la navigation globale doit apparaitre sur la page d’accueil et chaque page comme un moyen pour les utilisateurs de trouver les produits. Mais il est aussi très important également de prévoir de présenter les produits les plus recherchés. Ne vous attendez pas que à ce que vos utilisateurs soient détectives !

#8 Pensez Responsive

Il était une fois, des détaillants en ligne qui ont des sites distincts pour les appareils mobiles et ‘desktop’. De plus en plus, nous voyons une évolution des sites e-commerce vers le responsive, où la même base de code est utilisée, et le contenu défini en fonction du support.

Il y a plusieurs avantages à cette approche, comprenant l’amélioration de l’outil de recherche, des mises à jour de contenu sans pertes à travers les différents devices, et surtout une expérience utilisateur cohérente. Mais en plus, le A/B testing est beaucoup plus facile à faire avec une base de code unifié.

shopping

Kenny Rosenberg
Designer/Développeur, Brand Value Accelerator

Les utilisateurs ont besoin de comprendre instantanément ce qui différencie votre marque de ses concurrents sur le marché. Pourquoi le consommateur doit choisir d’acheter chez vous : Vos prix sont bas ? Avez-vous une expédition plus rapide ? Avez-vous une meilleure qualité des produits ?

#9 Etablir une proposition de valeur claire

Dès l’instant où l’utilisateur atteint votre site, vous avez besoin de réaliser instantanément un impact. Un bon exemple clair d’une proposition de valeur est sur Indochino.

La première bannière que l’utilisateur voit, dit « Costumes modernes sur mesure fabriqués à partir des laines les plus fines, juste à temps pour l’automne », puis un bouton d’action « Achetez maintenant » y est associé, et « Economisez 50% sur une sélection de maillots pour l’automne ».

Donc, non seulement les utilisateurs sont conscients qu’ils peuvent avoir des costumes sur mesure de qualité, mais ils savent aussi qu’ils peuvent obtenir un bon prix pour cela. Cela attire instantanément l’utilisateur dans une étape de plus vers une conversion.

#10 Utiliser des images captivantes qui pointent directement vers les collections de produits

Pourquoi générer du trafic vers les pages de collections ? Il est important de ne pas isoler l’utilisateur dans un produit spécifique, il faut lui donner l’occasion d’explorer de multiples produits et de parcourir librement vos collections sans toucher le bouton de retour. Ils doivent arriver à vos pages de collections à travers des images des mannequins ou un autre type d’image, vous devez leur rendre l’expérience utilisateur encore plus agréable.

Un bon exemple avec des montres de MVMT. Une fois que vous arrivez sur le site, vous pouvez facilement cliquer sur la catégorie de votre produit préféré.

#11 Simplifier votre navigation, ajouter une barre de recherche

Aidez les utilisateurs à trouver ce qu’ils recherchent avec le moins d’effort. Pensez à ajouter une barre de recherche et de donner à votre cible une approche minimaliste. C’est ce que vous mettez dans la navigation qui va faire la différence. De nombreuses marques voudront mettre beaucoup de choses dans la navigation pensant que plus d’options sont mieux. L’inverse est vrai. Plus il y a d’options, plus il est difficile de faire son shopping.

roads

Rick Wilson
Président COO, Miva, Inc.

Les premières impressions sont cruciales pour une marque. Les choix de conception que vous faites pourraient déterminer si les utilisateurs continuent leur shopping ou s’ils quittent définitivement votre site. Prendre conscience du rôle important de la page d’accueil est la clé de la création d’une boutique en ligne en plein essor.

#12 Faire naviguer vos utilisateurs hors de la page d’accueil

Cela peut sembler contredire la phrase ci-dessus, mais c’est vrai. Vous voulez que les utilisateurs fassent des achats, sauf si vous vendez juste un produit, ces achats ne se feront pas sur la page d’accueil.

Votre page d’accueil doit offrir une navigation claire et un parcours fluide afin de conserver l’utilisateur assez intrigué pour en découvrir plus.

#13 Ne pas oppresser l’utilisateur

Nous avons tous entendu les arguments si oui ou non vous devriez garder tout le contenu important de votre site au-dessus de la ligne de flottaison. Peu importe où vous vous situez, le fait demeure que la plus grande visibilité d’une page est la partie supérieure de celui-ci.

Cela devrait vous donner une raison de plus de ne pas lier chaque pixel à des liens, à de la messagerie ou encore des promotions. Moins vous donnez à l’utilisateur, et plus il sera facile pour lui de prendre une décision sur ce qu’il faut faire ensuite. Simplifiez la navigation et la messagerie pour limiter la prise de décision à des catégories plus larges, et laisser le filtrage complexe à vos pages de sous-catégories.

#14 Connaitre votre cible

Avant de prendre des décisions de conception, plonger dans vos données et apprenez en davantage sur vos clientsQuels navigateurs ou ‘devices’ utilisent-ils ? Quels termes de recherche utilisent-ils pour vous trouver ? Quels produits ou catégories sont les plus populaires ? Connaitre cette information vous aidera à afficher le contenu le plus pertinent sur votre page d’accueil.

#15 Faites en sorte qu’on se souvienne de vous

Qu’est ce qui rend votre boutique en ligne meilleure que tout autre concurrent ? Si un client fait un achat, que faut-il faire pour l’encourager à en faire un autre ?

La page d’accueil est l’endroit idéal pour afficher votre avantage concurrentiel, votre personnalité, ou quelque chose de vraiment cool et unique sur votre entreprise. Laissez une impression durable et donnez à votre page d’accueil une âme ! La page d’accueil est une passerelle puissante pour votre entreprise, et peut être un atout majeur de différence pour vos ventes en ligne, si c’est exploité correctement.

story telling

James Spence
Lead Designer Web/UX, Bonanza

Ici, à Bonanza, nous avons récemment lancé une refonte complète de notre plateforme e-commerce. Nous avons étudié et mis en pratique avec succès un point important que vous devriez trouver utile pour vos propres projets de refonte graphique de la page d’accueil.

#16 Racontez une histoire

Votre page d’accueil est une chance de créer une bonne image sur votre entreprise, et pas uniquement sur ce que vous vendez. Mettez en avant qui vous êtes et pourquoi les gens devraient acheter chez vous. Pendant que les utilisateurs naviguent, faites en sorte qu’ils apprennent davantage sur ce qui distingue votre marque des autres.

Si votre catalogue est riche, équilibrer vos pages avec des commentaires, des témoignages, des collections uniques et du contenu spécifique à votre marque. Utilisez la navigation pour mettre en évidence que vous proposez de différent par rapport à vos concurrents.

TAKE AWAY

Même une page d’accueil magnifiquement conçue échouera si elle n’est pas utile pour les utilisateurs qui visitent le site. Chercher à connaitre qui vient sur votre site, ce qu’ils recherchent, et pourquoi ils vont vous choisir vous plutôt que vos concurrents. Utilisez cette perspicacité pour déterminer ce qui se passe sur la page, et mesurer comment ils se comportent.

N’hésitez pas à partager avec nous vos conseils pour réaliser une page d’accueil qui non seulement est bien conçue d’un point ergonomique et graphique, mais qui permet également de fidéliser les utilisateurs actifs. Le but étant toujours d’optimiser le processus de conversion.

Je vous invite également à lire l’article Les bonnes pratiques e-commerce qui vous aidera à identifier quels sont les différents profils d’utilisateurs.

SOURCE

36 E-commerce Homepage Design Best Practices from the Experts, Takeshi Young, @Optimizely

Mise en contexte et traduction : Kaouthar, UX-Activist @UX-Republic

 

UX-REPUBLIC est une agence spécialisée en conception centrée utilisateur. Nous sommes également centre de formation agréé. Retrouvez toutes nos formations en UX-DESIGN sur notre site training.ux-republic.com

1 Comment. Leave new

Gérald Bouillaud
2 mai 2016 12 h 48 min

Personnellement pour moi, une bonne page d’accueil doit être simple, facile à consulter et bien illustrer. Il est essentiel qu’elle ne soit pas lourde à charger sinon les internautes ne vont pas rester là à attendre que cela se charge. La suite, tout ce que vous avez dit est tout à fait correct.

Répondre

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *