Vous trouverez dans ce cours les fondamentaux de l’e-commerce, synthétisés et organisés afin de vous permettre de mieux comprendre les tenants et aboutissants de cette discipline que beaucoup ne savent pas encore exploiter à son plein potentiel.
Inscrivez-vous à un essai gratuit de Capian !
S'inscrire!La page d'accueil est la première chose qu'un client verra au sujet de votre entreprise.
Il y a certaines choses qui devraient figurer sur votre page d'accueil : une barre de recherche, une sorte de barre de navigation, des informations sur votre entreprise et des informations sur vos produits.
Comment devez-vous la formater ? D'une manière générale, il existe certaines attentes et certains critères qui "certifient" une certaine qualité UX de votre site internet.
Avec Capian, vous pouvez choisir certains de ces critères et les appliquer à votre rapport. Vous avez accès aux
Nous avons ici une capture d'écran de la page d'accueil du site web de Fresh Thyme. Leurs points positifs sont :
Ce sont des points clés pour l'expérience de l'utilisateur, c'est là que les utilisateurs s'attendent à les trouver, tout comme en bas de la page où ils s'attendent à voir les coordonnées de l'entreprise.
Parmi les éléments importants qu'ils ont inclus ici, on trouve une page 'À propos de nous', une page 'Contactez-nous' et une FAQ.
D'autres éléments importants à intégrer sur votre page d'accueil et sur l'ensemble de votre site web sont des images de qualité, une identité visuelle cohérente et un thème de site web.
Pour les utilisateurs de téléphones portables, la page d'accueil aura un aspect très différent. Il est important de créer un site web responsive, de sorte que vous n'ayez qu'un seul site web pour les utilisateurs d'ordinateurs de bureau et les utilisateurs mobiles. Il est important de vérifier que tout ce qui se trouve sur votre ordinateur de bureau à la même apparence sur votre portable, comme les images et les animations et la présentation de votre site web. Pour la mise en page, il est important que les informations importantes se trouvent au centre de l'écran du mobile. Lorsque vous tenez votre téléphone, votre pouce se repose et fait le plus gros du travail au milieu de l'écran. En outre, votre numéro de téléphone et votre adresse électronique sont cliquables, de sorte que pour vous contacter, les visiteurs n'ont qu'à cliquer.
Ce premier exercice aura pour thème votre leçon sur la page d'accueil.
Il existe plusieurs façons de procéder lorsqu'on recherche un produit. On peut commencer par consulter le menu et les différents sous-menus. Par exemple, chez Target, sous la catégorie 'épicerie', on trouve diverses catégories. Lorsque nous avons cliqué sur 'produits', un menu déroulant s'est affiché, proposant plusieurs sous-catégories.
La plupart des barres de navigation se situent en haut de l'écran, dans ce qu'on appelle l'en-tête ou le header. Elles occupent la partie supérieure de la page web et peuvent être élargies en cliquant dessus, à l'image du menu de Target mentionné ci-après
Une fonctionnalité utile pour la recherche est appelée le 'fil d'Ariane'. Il affiche le chemin emprunté pour atteindre un endroit spécifique en haut de l'écran. Ainsi, une fois que nous avons fini de consulter 'Fresh Dressings & Dips', nous pouvons facilement cliquer à nouveau sur 'Produits frais' ou même retourner à la catégorie 'Épicerie'. De plus, un gros plan de l'en-tête révèle quatre menus disponibles à gauche de l'écran, une barre de recherche importante, le compte utilisateur et le panier. Toutes ces informations sont accessibles, permettant à l'utilisateur de trouver ce qu'il cherche avec aisance.
Ensuite, nous avons notre pied de page, également appelé le footer, qui propose davantage d'informations sur l'entreprise. Celles-ci incluent les moyens de la contacter, des informations essentielles comme les modalités de livraison, les liens vers les réseaux sociaux, ainsi que des indications sur la localisation du magasin le plus proche. Toutes ces catégories visent à faciliter l'expérience utilisateur.
Avec Capian, vous pourriez mettre en évidence les besoins de Target et illustrer, à l'aide d'une simple capture d'écran, comment ils pourraient améliorer leurs interfaces pour optimiser l'expérience utilisateur. Ici, il serait bénéfique de simplifier les menus pour faciliter l'accès à l'information.
Lorsque nous arrivons à la page des résultats, nous pouvons les filtrer. Au vu de la situation dans laquelle nous nous trouvons en ce moment, nous nous soucions davantage de pouvoir aller chercher nos produits en magasin. Nous cliquons donc sur "ramassage en magasin" et les produits listés sont maintenant ceux que nous pouvons ramasser.
Capian vous propose une interface très facile d’utilisation qui permet de faire des recommandations sans aucun effort, et permet de cibler les principaux problèmes rencontrés sur des sites web en vous faisant économiser du temps et de l’argent.
La prochaine étape pour la plupart des personnes est la recherche d'un produit. En supposant qu'ils aient franchi la page d'accueil, ils passent à l'examen des produits.
Il est utile et extrêmement pratique pour les clients potentiels de laisser quelques indices, des 'breadcrumbs' ou des traces dans le 'fil d'Ariane'. Dans notre exemple de Fresh Thyme, c'est au-dessus de "Latino Foods". Cela signifie que si nous recherchons de la nourriture internationale et que nous pensions vouloir de la nourriture latine, mais que nous avons décidé que nous voulions peut-être de la cuisine indienne, nous pouvons cliquer sur "International" et revenir en arrière, ou peut-être que nous ne voulons pas du tout de nourriture internationale. Nous pouvons alors cliquer sur "Allées d'épicerie" et revenir à la section épicerie.
Une autre fonctionnalité importante est l'utilisation de filtres. Les filtres pour Fresh Thyme incluent des articles "en solde", "sans gluten" ou "bio (USDA Organic)". Les filtres pour un magasin de vêtements pourraient inclure la couleur, le prix ou le matériau.
Quelque chose d'important à retenir est de concevoir pour le moins de clics possible.
Pour cet exemple sur ce qu'il faut inclure sur votre page de produit, nous regardons les hot-dogs 'Portillo's' à Chicago sur Uber Eats. Sur leur page Uber Eats, ils affichent déjà une brève description de leurs hot-dogs.
Lorsque nous cliquons sur un hot-dog, la description du produit reste identique. L'objectif principal de la description est de décrire le produit de manière simple mais descriptive. Dans le cas des aliments, il ne s'agit pas de détailler la couleur, mais plutôt de créer une description attrayante tant dans la lecture que dans la dégustation du produit. L'intention est d'attirer le consommateur grâce à cette description.
Lorsque nous sommes sur une page de produits, l'objectif principal est la conversion. Capian peut grandement améliorer votre taux de conversion en vous proposant des critères d'évaluation visant à satisfaire vos clients.
Le top 5 des erreurs les plus courantes et les plus impactantes sur une page produit sont les suivantes :
Pour certains produits, les clients peuvent les personnaliser. Soit dans les ingrédients qu'ils souhaitent ou non avoir dans leurs hot-dog, soit dans la taille de ce dernier par exemple.
Par exemple, nous préférons avoir la plupart des garnitures sur nos hot-dogs, sauf les tomates crues que nous n'apprécions pas, alors nous avons laissé cette option libre. Cependant, ce restaurant offre encore plus de possibilités en matière de personnalisation de ses hot-dogs, comme la quantité de moutarde que nous préférons.
De telles interactions sont d'excellents exemples de service à la clientèle et d'attention aux détails que ces derniers apprécient fortement.
Dans certains cas, des commentaires et des témoignages peuvent être ajoutés à la page du produit, à l'instar de ce qu'Uber Eats propose, avec un système de notation. Pour de nombreux clients, un bon commentaire ou une note élevée peuvent faire la différence et favoriser une vente. Il est également envisageable d'ajouter une section 'Dernier regard' en bas de la page ou une fonction permettant aux clients de comparer les produits.
D'un point de vue marketing, le fait d'avoir des ventes ou un appel à l'action bien visible peut également garantir une vente.
Nous allons aborder l'un des thèmes les plus important de notre cours, nous allons parler de la page produit. Avoir une page produit bien structurée et convaincante est primordial pour tout e-commerçant.
En vous servant du cours de SEO et en le mélangeant à celui de la page produit, essayez d’améliorer votre SEO pour accroître votre référencement.
Que se passe-t-il donc lorsqu'un client quitte votre site web ? Peut-être n'ont-ils pas fini leur commande ou peut-être voulez-vous les encourager à revenir vous rendre visite à nouveau. C'est ce qu'on appelle le 'Remarketing' et le 'Retargeting'.
Le terme 'remarketing' est généralement utilisé pour décrire le processus de réengagement des clients par le biais d'e-mails. Nous avons tous rencontré cette pratique chez Amazon, où ils vous suggèrent des produits similaires à ceux que vous avez consultés, par exemple, 'Depuis que vous avez consulté ce produit, vous pourriez aimer...' Cela peut aussi prendre la forme d'un e-mail ou d'un SMS vous rappelant que vous avez abandonné votre panier.
La différence entre l'email marketing et le “remarketing par email” est qu'une newsletter fait partie de l'email marketing. Le remarketing par courrier électronique consiste à envoyer un courrier électronique à un client pour lui dire qu'il vous a manqué et l'inviter à revenir dans votre magasin avec une remise spéciale ou des produits qu'il pourrait aimer. On utilise du retargeting pour récupérer des paniers abandonnés et pour essayer de convertir les clients qui ont stoppé leurs achats juste avant la fin.
Les e-mails personnalisés sont plus susceptibles d'être ouverts, ce qui peut avoir comme bénéfice une augmentation des ventes. De même, dans les premières heures suivant l'abandon du panier, vous êtes plus susceptible de conclure la vente avec un courriel en remarketing.
Le retargeting, bien que similaire, présente quelques différences. Il est le plus souvent utilisé pour décrire le placement et l'affichage de publicités en ligne, adaptées en fonction de l'activité d'un utilisateur sur votre site. Nous en sommes tous témoins lors de nos visites sur les sites web, où il nous est demandé d'accepter les cookies afin que le site puisse nous suivre et nous présenter éventuellement des publicités spécialisées.
Il y a quelques semaines, nous avons consulté les produits de la marque française 'L'Occitane' pour préparer nos cadeaux de Noël. Depuis cette recherche, nous sommes maintenant ciblés par des publicités de L'Occitane sur Facebook et sur divers autres médias comportant des fenêtres publicitaires.
Les annonces de reciblage peuvent apparaître n'importe où : sur les médias sociaux, les sites web, divers appareils électroniques, et ce, des semaines voire des mois après la recherche initiale. Nous avons trouvé cette infographie particulièrement utile pour comprendre les différents types de reciblage, et nous aimerions la partager avec vous.
Il existe certains "hacks" que les entreprises peuvent utiliser pour améliorer leur classement dans les moteurs de recherche, également connus sous le nom d'optimisation pour les moteurs de recherche ou encore SEO.
En termes simples, soyez naturels et patients. Il faut du temps pour grimper dans les classements des moteurs de recherche.
Capian vous permet avec l’assistance d’un expert SEO, de procéder à un rapide audit de votre site web pour vous permettre d’améliorer votre référencement et vous permettre ainsi d’augmenter votre chiffre d'affaire.
Pour aller encore plus loin, voici notre top 3 des conseils et bonnes pratiques pour améliorer votre référencement et votre expérience utilisateur :
Google considère qu'un contenu de qualité est original, complet et de haute qualité. Votre contenu doit être à la pointe des tendances, utiliser le langage utilisé par vos clients et avoir une profondeur appropriée. Qu'est-ce qu'une profondeur appropriée ? Cela dépend de la question à laquelle vous essayez de répondre avec votre site web. De quelle couleur est le ciel ? Il n'est pas nécessaire d'avoir une réponse approfondie, mais la question "pourquoi le ciel est-il bleu" l'est. Lorsque vous créez des liens ou des références vers d'autres sites web ou contenus (appelés aussi backlink), il est important de parler naturellement et d'utiliser des mots et des termes pertinents dans le texte d'ancrage.
En ce qui concerne l'architecture du site, il est important de s'assurer que les utilisateurs de téléphones portables et d'ordinateurs de bureau ont la même expérience et donc de créer un site responsive. Il est important de s'assurer que les vitesses de chargement des pages sont aussi rapides que possible, que vous évitiez les pages en double et que les utilisateurs puissent naviguer librement sur votre site web. En ce qui concerne l'URL, il est important de s'assurer que les utilisateurs peuvent lire et comprendre votre URL et où elle les mène. Les URL doivent également être différentes si le contenu est dans différentes langues. En prime, Google donne désormais la priorité aux sites web qui utilisent le HTTPS, ce qui peut vous donner un coup de pouce auprès des utilisateurs.
Au sein de votre site web, dans le code HTML, il est essentiel d'utiliser une balise de titre pour que le moteur de recherche identifie le titre de la page. Il est également crucial que la description du site web reflète fidèlement le contenu du site. Le reste dépend de vous : inclure ou non des titres est une décision importante qui influe sur l'expérience de l'utilisateur.
Il est un peu plus difficile d'établir la confiance avec un moteur de recherche. D'une part, vous devez établir l'autorité, la réputation et l'engagement, mais la manière de le faire n'est pas exactement claire. Contrairement à d'autres directives en matière de référencement, les moteurs de recherche n'ont pas publié la façon dont ils évaluent l'engagement et la réputation. Une partie de la réputation et de l'autorité est liée aux liens. Pour les moteurs de recherche, il est important de savoir qui vous lie et qui ne vous lie pas.
L'hiver arrive, et qui dit hiver, dit boisson chaude.. Nous avons décidé de nous rendre à Target et de jeter un coup d'œil sur les crèmes à café que nous pouvons choisir.
Nous avons filtré certains des résultats de recherche, de sorte à ce que nous ne puissions voir que ce qui peut être acheté dans notre magasin local.
Celui-ci a l'air bon et il est disponible pour la livraison ou le ramassage. Il a l'air parfait, alors nous allons en ajouter un à notre panier.
Nous pouvons donc voir ici qu'après l'avoir ajouté à notre panier, nous avons une fenêtre contextuelle. Elle nous indique ce que nous avons ajouté et nous donne la possibilité de continuer à faire des achats ou d'aller finaliser notre achat. Elle nous donne également des options supplémentaires pour d'autres choses qui sont achetées avec cette crème à café. Les bananes ont l'air très bonnes, nous pourrions en utiliser pour notre petit déjeuner (ce que l’on appelle un cross-sell).
Au lieu de les vendre en quantité, ils les vendent individuellement. Il nous en faut donc plus qu'une pour pouvoir passer la semaine.
Nous pensons donc que 4 bananes suffiront pour la semaine. Lorsque nous les avons ajoutées au chariot, nous avons pu constater que le nombre de produits dans notre panier a changé.
Et voilà, c'est suffisant pour aujourd'hui. Nous allons maintenant nous diriger vers la caisse. Ici, nous pouvons voir ce qui se trouve dans notre panier : 4 bananes et 1 pot de crème à café. Nous avons la possibilité de modifier la façon dont nous recevons notre produit et de décider si nous voulons le retirer en magasin ou être livrés à domicile, ou ajouter d'autres produits directement dans le panier. Sur la droite, nous avons également la possibilité d'ajouter un code promotionnel et d'obtenir une estimation du prix total. Le bouton rouge attire l'attention sur le fait qu'il est temps de passer à la caisse.
Pour quitter Target, nous devons nous connecter au compte.
Les informations à vérifier se trouvent sur une seule page, de sorte que nous pouvons voir le contenu de notre panier, le résumé des prix et les coordonnées à vérifier.
Heureusement, nous avons une carte-cadeau à utiliser pour notre achat, mais il existe également une section pour les cartes de crédit ou PayPal. Remarquez que le bouton 'Passer la commande' est grisé jusqu'à ce que nous fermions le panneau d'informations sur la carte de crédit.
Une fois que nous avons passé notre commande, nous recevons une belle page de remerciement pour notre commande avec des instructions sur ce qu'il faut faire lorsque nous viendrons chercher notre commande.
Grâce à un audit réalisé avec Capian, vous pourrez détecter les erreurs qu’il peut y avoir sur votre panier et ainsi pouvoir les corriger rapidement. Capian vous permet une réactivité hors norme grâce à sa méthode de partage et d’annotation.
Les bonnes pratiques en matière d'UX imposent que le panier d'achat apparaisse brièvement sur la droite avec une description de la commande. Chez Uber Eats, nous voyons la description du hotdog que nous voulons manger, avec la quantité et le prix. Cela nous donne la possibilité de poursuivre notre commande ou de continuer à faire des achats.
Nous avons terminé nos achats et avons donc continué à procéder à la vérification. Nous pouvons voir les informations pour ajouter notre adresse, choisir le délai de livraison ainsi que le prix et les coûts associés à notre achat. En bas de la page se trouvent également les détails de notre carte de crédit et toute information supplémentaire relative à notre achat.
C'est également l'occasion pour les clients de s’inscrire à un programme de récompenses ou de s'inscrire à d'autres courriers électroniques.
Il est absolument important d'avoir un processus de paiement simple, efficace et qui donne un sentiment de sécurité au client. Les clients doivent pouvoir voir ce qui se trouve dans leur panier et ne pas être distraits.
Pour cet exercice, nous allons nous pencher sur la leçon qui a traité de la page d'accueil.
Les pré-requis pour cet exercice sont :
En vous servant de Capian, auditez votre panier d’achats en trouvant :
Lors de la leçon, nous avons étudié et mis en pratique nos théories en analysant les sites web d'UberEats et de Target. Ce sont deux sites qui possèdent un panier d'achats très bien structuré.
En comparant votre panier d’achats à celui de UberEats et en vous servant des deux points faibles trouvez à la question précédente, expliquez-nous quelle procédure d’amélioration vous pourriez mettre en place pour que votre panier d’achats soit plus “user-friendly”.
Merci à tous et à toutes d’avoir été à nos côtés pour ce cours traitant des grands principes de l’e-commerce, nous avons tenté de traiter des points primordiaux, mais l’e-commerce est un domaine qui renferme encore bien des secrets et qui nécessite un apprentissage de tous les instants. Vous trouverez ci-joint un récapitulatif de toutes les ressources utilisées pendant le cours ainsi que des suppléments qui sont à notre humble avis pertinents. Vous trouverez aussi des outils et des applications qui vous aideront dans l’évaluation et la mise en place de l’accessibilité de votre site web.
Sites web utilisés pendant le cours :
Ressources utiles :
Outil Numérique :
Tous ces outils peuvent être utilisés en complément de Capian pour vous permettre de mieux gérer vos audits web