Les bonnes pratiques UX pour l’e-commerce

Avant d’aborder la meilleure façon de tirer parti de l’UX afin d’obtenir de meilleurs résultats ou créer une mise en page optimale pour les sites web e‑commerce (boutiques en ligne), nous devons d’abord expliquer ce qu’est l’UX.

UX est un acronyme anglais pour User Experience, ou Expérience Utilisateur, et nous trouvons souvent ce terme associé au mot design comme design UX ou design de l’expérience utilisateur. La combinaison de l’acronyme UX et du mot design amène souvent les gens à croire que le design UX représente la même chose que la conception du site internet (UI, ou interface utilisateur) ou des différentes pages, ou bien que l’on parle uniquement de graphisme et de conception visuelle.

Toutefois, l’objectif du design UX est tout autre, visant précisément à établir une relation entre l’utilisateur et la marque, relation où l’utilisateur est au centre de l’attention. Il s’agit du processus de design qui nous accompagne tout au long de la conception d’un produit ou d’un service depuis son origine jusqu’à son lancement ou son déploiement dans un environnement de production.

Pour expliquer la différence entre le design UX et le design UI et comprendre pourquoi, en plus du graphisme de la page, vous pouvez également vous fier à sa structure, prenons le simple exemple d’une bouteille de ketchup.

Sur l’image de gauche, nous voyons les bouteilles de ketchup qui sont l’objet d’un certain design. On peut dire qu’à première vue, l’attrait visuel des deux bouteilles est excellent et remplit son objectif. Sur l’image de droite, vous pouvez voir que malgré la qualité du design de ces deux bouteilles, l’expérience associée à leur utilisation est différente, ce qui aura un impact supplémentaire sur les décisions d’achat du client. Par conséquent, il convient de porter la même attention à l’expérience utilisateur qu’à l’aspect général.

Une des erreurs du secteur e‑commerce, c’est que nous ne connaissons pas nos clients, et nous nous concentrons principalement sur des données quantitatives, comme les analyses et la partie technique de la solution, ainsi que la spécification des fonctions que nous souhaitons intégrer dans la boutique en ligne parce qu’elles nous permettront de résoudre nos problèmes spécifiques.

Toutefois, nous ne laissons pas assez de place aux clients, nous ne connaissons donc pas leurs préoccupations, leurs besoins principaux et comment y répondre, ce qui se reflète souvent dans le rendement et l’efficacité de la boutique en ligne et la façon dont les campagnes sont menées.

L’exemple suivant illustre l’importance d’apprendre à connaître vos clients. Prenons, par exemple, deux personnes du même pays, du même âge, qui ont une famille et qui partent toutes deux en vacances au même endroit. Pourtant, les différences entre elles tiennent à leur profession, leur style de vie ou leur religion, ce qui va affecter leur comportement en termes de shopping.

Hiérarchie du contenu et mises en page pour d’excellentes boutiques en ligne

Nous venons d’expliquer ce qu’est l’UX, à quoi elle se réfère et pourquoi il est primordial de l’utiliser. Nous allons maintenant discuter de ce terme plus en détail en prenant l’exemple d’une page de boutique en ligne.

Page d’accueil

L’une des pages essentielles de la boutique en ligne est sans conteste la page d’accueil. C’est la première chose que le client voit après avoir ouvert le site et elle a son rôle à jouer dans la décision d’achat des visiteurs, que nous pouvons diviser en trois catégories de base :

1. le client qui s’est rendu sur la boutique en ligne et sait précisément ce qu’il veut
2. le client qui a une idée de ce qu’il veut mais n’a pas encore fait de choix précis
3. le client qui cherche une inspiration et qui n’a donc pas d’idée concrète de ce qu’il compte acheter

Chaque client aborde son achat de manière différente, la structure de la page d’accueil devrait donc refléter leur comportement d’achat. Un des principes de base consiste à créer du contenu intéressant sur la page d’accueil, surtout si vous connaissez bien vos clients potentiels.

Il existe toutefois des règles générales sur la façon de créer du contenu adapté aux clients d’une boutique en ligne : par exemple, des bannières pour les promotions et les articles saisonniers n’ont pas besoin qu’on leur accorde beaucoup de place parce qu’elles ne vous rapporteront pas toujours autant de clics que vous pourriez l’espérer. L’exception à cette règle est une remise saisonnière, une promotion ou une offre alléchante. Sous la bannière du site, il est approprié de placer les informations de base relatives à l’achat qui vont intéresser l’utilisateur : les modes de paiement, les délais de livraison, les réclamations, etc.

Une des parties que les clients préfèrent, c’est l’affichage des catégories les plus appréciées associées aux produits tels que Le plus populaire dans la catégorie, Produits les plus populaires, Meilleurs produits en promotion, ou Les marques les plus recherchées.

Les recommandations de produits et les annonces promotionnelles attirent principalement les clients qui n’ont pas encore choisi ce qu’ils voulaient acheter ou qui cherchent des idées. Quant aux clients potentiels, vous devez d’abord gagner leur confiance. Les commentaires utilisateurs ou la confirmation provenant de sites d’évaluations vont vous aider.

La partie inférieure de la page d’accueil est utilisée pour publier le contenu que les sites e‑commerce utilisent pour étayer leurs ventes. Dans la plupart des cas, il s’agit d’un article de blog ou d’une présentation des publications sur les réseaux sociaux. Si le contenu de cette section attire les utilisateurs, ils seront davantage incités à s’abonner à votre newsletter ou à vous suivre sur les réseaux sociaux, c’est donc un bon endroit où les placer.

En-tête de la boutique en ligne

La page d’accueil doit commencer par un en-tête qui, par défaut, contient un logo sur lequel cliquer pour retrouver la page d’accueil. Ensuite, on retrouve généralement la navigation complète sous forme d’un méga menu. Le champ de recherche élargi est un composant essentiel. Dernier élément, mais non des moindres, l’en-tête de la boutique en ligne doit contenir les éléments essentiels comme le panier avec un récapitulatif du prix, la connexion/création du compte ou une liste de souhaits par simple clic.

L’en-tête est important, surtout pour les clients qui savent ce qu’ils veulent et qui, dans la plupart des cas, se rendent directement sur la recherche, ce qui conduit également à une plus grande probabilité d’achat. La navigation est principalement utilisée par les clients qui se trouvent dans la phase de découverte du produit dans le processus de shopping et qui ont besoin d’un peu plus de temps pour se décider.

Pied de page de la boutique en ligne

Le pied de page est l’endroit où l’utilisateur va souvent rechercher des informations sur le trafic, les modes de paiement, de contact, les publicités, les liens vers les réseaux sociaux, etc. Supposons que l’utilisateur prenne l’habitude de faire défiler la page jusqu’en bas. Dans ce cas, il était certainement en train de chercher quelque chose ou il a aimé le contenu de la boutique en ligne : il est donc conseillé de placer dans le pied de page, en plus des informations légales, des liens vers les catégories principales de la boutique, afin que les clients puissent facilement continuer leur navigation.

Navigation

La navigation effectuée sur la boutique en ligne et les structures de ces boutiques ont un impact considérable sur des indicateurs tels que le taux de conversion, les ventes ou le taux de rebond. Il est donc logique que si les utilisateurs n’arrivent pas à comprendre où et comment trouver ce qu’ils cherchent, ni où ils se trouvent, ils quitteront le site sans avoir aucune raison d’y revenir. Sans une navigation claire et pratique, ils ne trouveront pas comment parcourir le catalogue de produits, le blog, le bureau ou la boutique, etc.

Si on demande aux utilisateurs de se représenter la navigation principale sur un site internet ou une boutique en ligne, ils visualisent généralement une barre de menu horizontal sur l’en-tête. Un endroit fréquemment utilisé pour aider la navigation principale est la barre latérale. Lorsque les utilisateurs se déplacent vers une catégorie principale, les sous-catégories apparaissent dans la barre latérale. Les fonctionnalités de navigation de la barre latérale sont une excellente solution pour les boutiques en ligne ou les sites internet qui ont un grand nombre d’informations à structurer. En plus des sous-catégories, elle offre un espace parfait pour le filtrage.

La solution standard et efficace est le méga menu mentionné plus haut, sous forme de grande barre de navigation qui s’affiche lorsque la souris passe sur l’élément dans la navigation principale. C’est un choix parfait pour placer un grand nombre d’éléments dans la structure de catégorie des produits ou pour afficher un nombre plus important de sous-pages de niveau inférieur. Une mise en page d’une telle clarté offre également plus d’espace pour afficher, par exemple, des produits ou des publicités ainsi que des articles, améliorant ainsi l’expérience client.

Recherche et résultats

En plus du menu principal, la recherche est l’un des éléments de navigation les plus importants. Les utilisateurs sont plus susceptibles d’effectuer une recherche sur les articles désirés s’ils savent qu’une boutique en ligne offre le produit ou la catégorie qu’ils recherchent.

Notre étude a montré que 30 % des utilisateurs environ quittent un site internet ou une boutique en ligne s’ils ne trouvent pas ce qu’ils cherchent. Ceux-ci choisissent entre la recherche et le menu de navigation en fonction de facteurs différents, les facteurs déterminants étant les types d’utilisateurs déjà mentionnés et leurs intentions, ainsi que les segments de produits auxquels appartient cette boutique.

Les résultats de recherche jouent également un rôle distinct dans le comportement d’achat des utilisateurs. La page des résultats de recherche est très similaire à la liste de produits classique accessible via le menu de navigation d’une boutique en ligne. Cependant, un problème typique de la recherche est qu’elle n’est pas suffisamment intelligente pour fournir aux utilisateurs des résultats qui reflètent leurs centres d’intérêt et leurs habitudes de shopping. Par conséquent, les utilisateurs se retrouvent souvent sur la page sans résultats, ce qui dans un tiers des cas se traduit par leur départ immédiat de la boutique en ligne.

Le second problème courant est qu’il est impossible de filtrer les produits trouvés sur la page des résultats, ou que les filtres disponibles sont limités. Cela signifie que la recherche ne peut pas fonctionner avec les filtres à facettes, et que l’utilisateur doit rechercher dans les résultats au lieu de filtrer les produits en fonction de ses préférences.

Listes de produits

Les listes de produits font partie intégrante d’une boutique en ligne et elles dirigent les utilisateurs vers les détails du produit. La mise en page de base de listes de produits, ou plus précisément des catégories affichées dans la boutique en ligne, se compose de :

En-tête étendu

L’en-tête étendu avec le nom de la catégorie et d’une description dans laquelle l’utilisateur se trouve. Vous pouvez également aider les utilisateurs en ajoutant des conseils sur la façon de choisir le bon produit pour votre marque.

Chemin de navigation

Le chemin de navigation est utilisé conjointement à la recherche. Les utilisateurs arrivent facilement à “voyager” vers une catégorie qui les intéresse, et dont ils ne connaissent pas le nom exact, par exemple. Ils cliquent ensuite sur les détails du produit recherché dans la catégorie désirée à l’aide du chemin de navigation.

Options de tri

Les options de tri sont souvent utilisées pour afficher des sous-catégories ou des filtres de produits sous le nom et la description d’une catégorie. Toutefois, par défaut, elles ont tendance à être affichées dans la barre latérale.

Barre latérale

La barre latérale est souvent utilisée pour afficher les sous-catégories, les filtres pour les produits d’une catégorie, ou les filtres à facettes mentionnés dans les résultats. Supposons que le filtre de la barre latéral ne soit pas suffisamment optimisé ou que la structure de la catégorie ne soit pas traitée de la bonne façon. Dans ce cas, le contenu de la barre latérale est considérablement plus long que la page, ce qui a un impact négatif sur le comportement des utilisateurs.

Contenu

La partie centrale de la page est le contenu de la page, qui consiste en produits, où chaque produit devrait afficher au minimum :

1. Une image d’aperçu
2. Le nom du produit
3. Le prix, ou le prix d’origine affiché
4. La disponibilité du produit, ou la date de livraison estimée et le nombre de produits en stock
5. Le bouton “Ajouter au panier” dépend principalement du segment. S’il s’agit de vêtements, cela dépend de la taille et n’a pas une grande importance, mais s’il s’agit, par exemple, de livres, alors l’utilisation du bouton a du sens
6. Les éléments marketing – coupures de presse, remise, soldes, conditionnement pratique, derniers articles – sont des moyens variés de rendre les produits plus désirables pour l’utilisateur
7. Dans la liste, vous pouvez afficher tout ce que vous voulez pour les produits, en réfléchissant simplement au facteur ou facteurs essentiels qui vont permettre à l’utilisateur de prendre ses décisions, tels que le nombre de couleurs ou d’autres variantes, et ainsi de suite.

Une question courante a trait à la pagination idéale de la boutique en ligne, et s’il faut utiliser le bouton “Afficher plus” ou des flèches. Les deux options fonctionnent bien, mais la solution parfaite consiste à les combiner, ce qui permettra aux utilisateurs de choisir la solution qui leur convient le mieux.

Lorsque vous créez vos listes de produits, évitez le défilement sans fin, qui a son utilité dans le cas de consultation de contenus totalement différents, par ex. les réseaux sociaux, les galeries, etc. mais pas pendant le shopping.

Détails du produit

La page des détails du produit est l’une des principales pages de “conversion” de la boutique en ligne, et c’est là que se prennent les plus grandes décisions. Pour l’utilisateur, nous pouvons diviser cette section en deux parties essentielles : la section shopping et la section informations.

Section shopping

La section shopping présente les paramètres et les informations de base qui ont une influence directe sur la décision de l’utilisateur. La composition idéale de cette section des détails du produit consiste en :

Photos/galerie de produits

Affichez toujours autant d’images du produit que possible – une vidéo ou un commentaire vidéo sur le produit, le tout de la meilleure qualité possible. Rien qu’à partir des photos/vidéos du produit, l’utilisateur obtient un grand nombre d’informations qui ne se trouvent peut-être pas dans la description. Cette section utilise souvent des libellés ou des informations sur les offres/promotions, les nouvelles ou différents prix ou certificats.

Marque du produit

En incluant la marque d’un produit, il est plus facile pour les clients de chercher des produits d’une marque spécifique. Le mieux est d’y ajouter de brèves informations sur la sélection de produits et le secteur d’activités.

Nom du produit

Un complément idéal au nom du produit est également le nom d’une marque, et des détails de variation tels que les couleurs, la taille ou les matériaux (rouge, métallique, XL, etc.).

Code produit

D’une grande importance, surtout dans l’e-commerce B2B, mais il aide également les clients qui achètent souvent les mêmes produits dans les boutiques en ligne B2C.

Catégorie

La catégorie dans laquelle le produit se situe joue un rôle essentiel dans la navigation de l’utilisateur, surtout si l’on rejoint le produit par le biais d’une publicité ou s’il est découvert au cours d’une recherche Internet.

Paramètres du produit

Les paramètres du produit – taille, variantes, couleurs, etc. – jouent un rôle essentiel dans la prise de décisions, et sont idéalement situés près des informations, avec la disponibilité et le prix au niveau du bouton “ajouter au panier”. Lorsque l’utilisateur change l’un des paramètres, ils devraient voir des changements dans le prix, la disponibilité ou d’autres valeurs qui les intéressent.

Disponibilité

Disponibilité du produit affiché dans la boutique en ligne et les magasins.

Livraison

Délai de livraison, ou date de livraison estimée : plus l’estimation que vous donnez est précise, plus l’utilisateur sera satisfait après l’achat.

Bouton Ajouter au panier

Le bouton le plus important de la page devrait toujours être clairement défini et sans équivoque. Peu importe où il se trouve sur le site, cela doit toujours être clair qu’il s’agit d’un bouton qui permet d’ajouter au panier. Le dessin du bouton dépend du secteur d’activité, de la méthode de communication et du style de la boutique en ligne elle-même. Par exemple, si vous vendez des motos électriques de luxe en ligne, vous pouvez facilement utiliser un bouton noir avec le texte Acheter. Cependant, si vous vendez et livrez de la nourriture, un bouton vert avec le texte dans le panier sera probablement plus approprié. Le bouton affiche généralement un champ avec le montant que l’utilisateur peut ou veut ajouter au panier.

Prix du produit

La partie la plus décisive de l’achat. Dans les boutiques en ligne, nous travaillons souvent avec des promotions et des réductions, il est donc important de les communiquer. Si vous réduisez le prix du produit, affichez l’étiquette du prix réduit et le prix d’origine. Réduire tous les prix en même temps n’est pas la meilleure solution, car cela peut amoindrir l’exclusivité du produit.

Fonctions supplémentaires

Les fonctions supplémentaires telles que la liste de souhaits, le partage ou le tableau des tailles sont des éléments courants auxquels un utilisateur est habitué et qu’il s’attend à trouver dans les détails. Une brève description du produit, associée à la partie informations de la page, est généralement placée après le nom du produit.

Les informations

La partie informations du produit se compose généralement de la description principale du produit et ses propriétés. Elle devrait également inclure une galerie, des revues ou des présentations vidéo, un tableau de tous les paramètres du produit, une description du fabriquant et divers matériels supplémentaires téléchargeables.

Dans cette section, on trouve souvent un espace pour les commentaires ou les questions des visiteurs, comme une discussion sous forme de questions/réponses. Les commentaires eux-mêmes sont une source précieuse d’informations pour les utilisateurs, et en même temps, soutiennent la crédibilité de la boutique en ligne. Plus il y a de détails sur le produit, et mieux les produits sont décrits, plus les utilisateurs sont susceptibles d’acheter sur la boutique en ligne.

Les détails du produit sont un excellent endroit où nous pouvons rapidement aider les utilisateurs à découvrir d’autres produits ou catégories proposés par la boutique en ligne à l’aide des recommandations. Il est conseillé de placer les recommandations directement sous la partie centrale de l’achat dans le détail du produit afin qu’elles aient suffisamment de place et ne détournent pas inutilement l’attention du produit principal.

Lors de l’affichage des recommandations, vous devez veiller à ce que l’utilisateur ne les confonde pas, par exemple, avec les variations mentionnées. Celles-ci doivent être placées plus haut, près du bouton d’achat et des paramètres du produit.

Le panier d’achat

Le panier d’achat est la passerelle qui mène au processus d’achat. Comparé aux autres parties du site, le panier dispose d’une interface simplifiée afin d’aider l’utilisateur à se concentrer sur la commande et éviter l’abandon du panier. Une caractéristique fréquemment utilisée du panier est le minuteur associé aux produits, qui alerte les utilisateurs sur le fait que les produits ne sont là que pour une durée limitée, les incitant ainsi à prendre des décisions et à effectuer les achats plus rapidement.

La composition idéale du panier d’achat comprend les éléments et les paramètres suivants :

• Un en-tête simplifié sans navigation – vous permet de retourner rapidement vers la page précédente ou la page d’accueil et de voir les prochaines étapes du processus d’achat qui attendent l’utilisateur
• Les informations sur la livraison gratuite, ou un cadeau, qui fonctionnent sur le même principe – situées idéalement sous l’en-tête au-dessus du récapitulatif des produits
• Le récapitulatif des produits dans le panier – par défaut, il devrait afficher les produits avec le prix final et la possibilité de changer la quantité ou de les retirer du panier. Les produits doivent montrer leurs paramètres sélectionnés et la possibilité de cliquer sur leurs détails dans la boutique en ligne
• Le prix final des produits – est affiché immédiatement après le récapitulatif des produits et l’emplacement pour le code du bon de réduction
• Les recommandations de produits – le panier est l’endroit idéal pour étayer l’achat par une recommandation. L’endroit où placer les références se trouve juste au-dessus ou en dessous des boutons “retourner” et “terminer l’achat”. La position dépend du contenu des produits dans les recommandations. S’il y a trop de paramètres dans le bloc avec le produit et qu’il prend trop de place, nous les plaçons tout en bas, mais si le bloc est compact et pas trop haut, nous pouvons les placer facilement au-dessus des boutons mentionnés, afin qu’ils attirent davantage l’attention de l’utilisateur. Toutefois, ne placez jamais les produits recommandés dans le récapitulatif du panier au-dessus des produits insérés. Cela va créer la confusion chez les utilisateurs qui s’attendent à voir des produits complètement différents, ce qui peut les inciter à quitter le site.

Dans l’idéal, supposez que vous puissiez déjà communiquer, dans cette section, les options de paiement et d’expédition que vous pouvez offrir aux utilisateurs lors de l’achat, sans qu’ils aient à passer par les étapes suivantes pour obtenir des informations. Cela vous permettra dans ce cas d’améliorer vos statistiques et de réduire votre taux de rebond.

Processus d’achat

Le processus d’achat le plus couramment utilisé comporte plusieurs étapes. Contrairement aux solutions alternatives, telles que le processus d’achat à une étape ou sur une seule page, il offre un plus grand nombre d’avantages et de possibilités.

Le processus en une étape est efficace, surtout lorsqu’il est utilisé au lancement d’un commerce en ligne ou dans le cas plus direct où les boutiques en ligne ne proposent pas différentes options de paiement et de livraison au cours du processus d’achat, et où les utilisateurs ne sont pas habitués à acheter des articles en grand nombre.

Cependant, l’évaluation du processus d’achat présente un inconvénient, car le processus complet ne contient qu’une seule étape. Chaque achat signifie quitter le processus au complet ; de ce fait, nous pouvons difficilement évaluer où se situe le problème.

Les avantages d’un processus d’achat à plusieurs étapes tiennent, en particulier, à sa clarté et la possibilité d’évaluer d’une bien meilleure façon les transitions tout au long du processus en le divisant en plusieurs étapes :

Panier d’achat, ou récapitulatif du panier

Le récapitulatif des produits que le client a choisi d’ajouter à son panier.

Sélection du paiement et de la livraison

Cette partie du processus d’achat est simple, pourvu que toutes les options soient suffisamment décrites et contiennent toutes les informations essentielles, non seulement le nom du choix et les frais inhérents mais aussi toutes les informations supplémentaires telles que le choix de la livraison par coursier, quels fournisseurs de livraison vous utilisez, la livraison des articles uniquement pendant les jours ouvrés ou également pendant les week-ends, la date à laquelle le client peut espérer recevoir ses produits, etc. 

Supposons que les clients choisissent de récupérer la commande en personne. dans ce cas, ils devraient avoir la possibilité de sélectionner une boutique et de voir automatiquement les horaires d’ouverture, l’adresse précise du magasin, idéalement le numéro de téléphone et bien sûr, la date à laquelle ils pourront aller chercher les articles. Les utilisateurs consultent souvent les options de paiement et de livraison pour découvrir le prix final de leur achat avec les frais de livraison ainsi que sa date, même s’ils n’ont pas encore décidé d’effectuer l’achat.

Connexion au compte et saisie des informations de facturation et de livraison

Il s’agit souvent de la partie la plus frustrante de l’achat pour les utilisateurs, car elle oblige souvent à remplir des formulaires. Même si l’utilisateur ne se connecte pas, nous pouvons simplifier cette partie en utilisant le nom, le numéro de téléphone et l’adresse e-mail. Confirmez chaque champ une fois rempli afin que l’utilisateur sache qu’ils ont entré la bonne information. Demandez les données une par une ; si l’utilisateur souhaite s’enregistrer, il affichera les champs pour saisir le mot de passe uniquement après sélectionné cette option. Vous aurez besoin des adresses de facturation et de livraison aux étapes suivantes. 

Vous pouvez simplifier le processus de remplissage des adresses avec la saisie semi-automatique afin de compléter une adresse de facturation ou de livraison. Si l’utilisateur entre une rue et un numéro, vous n’avez pas à vous inquiéter du remplissage d’autres champs inutiles. La saisie des données se termine généralement par l’octroi du consentement. Essayez de simplifier cette partie autant que possible et de la formuler aussi simplement que possible. Dans la section des données personnelles, le client a souvent la possibilité d’ajouter une remarque à l’achat, mais si vous n’êtes pas sûr de ne pas faire l’impasse sur ces remarques, il vaut mieux ne pas les utiliser du tout, afin de réduire le risque d’une mauvaise expérience utilisateur.

Récapitulatif de l’achat complet + vérification des données saisies

Il se peut que l’utilisateur décide de modifier quelque chose, il est donc préférable de l’autoriser à accéder à n’importe quelle étape à partir de l’énoncé même sans avoir à cliquer sur les boutons “retour et continuer”. Dans cette étape, ils devraient voir toutes les données essentielles pour leur décision et envoyer la commande. Par conséquent, n’oubliez pas de les informer du prix final de l’achat et, dans l’idéal, de l’estimation la plus précise de la date de livraison de la commande.

Après avoir envoyé la commande, le meilleur scénario est que l’utilisateur se rende directement sur la passerelle de paiement et que la fameuse page “Merci” n’apparaisse qu’après le paiement effectué : vous évitez que l’utilisateur ne ferme la page avant d’être redirigé vers le paiement, ce qui a pour effet de rendre le processus d’achat plus difficile non seulement pour eux mais aussi pour vous. La page “Merci” fait en principe partie du processus d’achat et fournit principalement des informations sur la réussite de l’achat. Son grand avantage est de vous permettre d’obtenir des informations du client grâce à un simple formulaire.

Sur cette page, entre autres choses, vous pouvez inciter l’utilisateur anonyme ou connecté à devenir l’un de vos fidèles clients et de faire d’autres achats grâce à des offres spéciales ou des bons de réduction, ou bien les diriger vers d’autres contenus dans la boutique en ligne, tels que des recommandations de produits ou, par exemple, des articles de blog, ou vous pouvez également configurer des campagnes par e-mail pour envoyer des offres.

Shopping mobile

Le shopping mobile est une tendance en pleine croissance, et les téléphones mobiles jouent un rôle de plus en plus important dans le comportement d’achat des utilisateurs. Il est courant de faire des recherches avant d’acheter quelque chose, sur la base de quoi les utilisateurs décideront ensuite si et où ils achèteront le produit. Fait intéressant, d’après les derniers chiffres, 69 % des clients font principalement leurs recherches sur des appareils mobiles.

La tendance croissante du shopping mobile est influencée par de nombreux facteurs, tels que le progrès technologique, la couverture et la disponibilité de l’Internet à haute vitesses, le prix abordable des appareils mobiles, les services de paiement mobiles tels que Apple Pay et Google Pay, mais également le soutien des boutiques en ligne qui développent leurs applications e-commerce et s’efforcent de réaliser la meilleure expérience de shopping possible pour les utilisateurs. Une façon d’obtenir une expérience utilisateur positive est de savoir comment l’utilisateur contrôle l’appareil mobile.

Structure de la page et carte thermique

Au travers de tests et d’analyses du comportement des utilisateurs, nous pouvons déterminer la façon dont ils interagissent avec l’écran d’affichage en affichant des cartes thermiques. Nous pouvons ainsi définir avec précision comment concevoir l’interface d’une application ou d’un site web afin que l’utilisateur puisse confortablement s’en servir. Chaque couleur explique à quel point il est facile d’utiliser les différentes parties de l’écran.

Ces informations sont des éléments essentiels pour nous dans la conception de l’interface utilisateur et de la mise en page des éléments vitaux parce que la structure de ces éléments aux bons endroits de l’écran améliore considérablement l’expérience digitale, du fait que l’espace d’écran des appareils mobiles est grandement limité par rapport aux écrans d’ordinateur traditionnels.

Les parties essentielles de la boutique en ligne sur la vue mobile sont :

En-tête

L’en-tête doit répondre à des paramètres spécifiques afin de servir d’élément de navigation pratique ; il devrait également être compact, pas trop haut, car il priverait l’utilisateur d’une place dans le contenu et il serait difficile de naviguer dans la boutique en ligne. Il devrait contenir un logo avec un clic vers la page d’accueil. On utilise souvent le soi-disant en-tête flottant, un en-tête qui reste toujours affiché même pendant le défilement.

Logo

Une version simplifiée du logo tient aisément dans l’affichage mobile et ne prend pas trop de place.

Menu hamburger

Une partie essentielle de l’en-tête, sous lequel se cachent habituellement la navigation et le panier d’achat, qui affiche au minimum le nombre d’articles ajoutés.

Barre de recherche

La barre de recherche au complet, idéalement non masquée derrière l’icône loupe, ne devrait pas priver de confort les utilisateurs qui explorent la boutique en ligne. Les éléments clés d’une barre de recherche bien conçue incluent un emplacement uniforme, une taille adéquate pour accepter les requêtes à longue traîne et un texte réservé utile pour guider les utilisateurs. 

Recherche mobile

Sur les appareils mobiles, une recherche optimisée et fonctionnelle joue un rôle primordial dans la vue d’ensemble que les visiteurs ont de la boutique en ligne. L’optimisation consiste à la bonne disposition des éléments et des paramètres de leurs interactions, qui vont simplifier le contrôle de l’utilisateur autant que possible, comme :

• L’affichage compact de la saisie semi-automatique avec la barre de recherche sur l’ensemble de l’écran de l’appareil augmente considérablement la clarté et la facilité d’utilisation de la recherche
• La saisie semi-automatique affiche les résultats dès le premier caractère et, une fois ouverte, recommande les catégories, les phrases les plus recherchées, les produits ou les articles favoris, et d’autres contenus
• Lors de la consultation des résultats dans la saisie semi-automatique, le clavier virtuel est automatiquement masqué afin que l’utilisateur ait suffisamment d’espace pour voir les produits
• Les résultats sont organisés par onglets selon les paramètres essentiels, et l’utilisateur peut les cliquer ou les déplacer en glissant simplement vers les pages

La fonctionnalité de la recherche réside dans son comportement lorsqu’elle interagit avec l’utilisateur. Une recherche précise doit toujours conduire l’utilisateur à un résultat pertinent et tenir compte de son comportement normal, quelle que soit la façon dont il écrit la phrase de recherche, qu’il rédige un titre avec des fautes de frappe, qu’il utilise un terme familier ou archaïque, etc.

Foire aux questions

Quelle est la différence entre l’IU et l’UX lorsqu’elles sont généralement répertoriées ensemble ?

Au niveau le plus élémentaire, l’interface utilisateur (IU) se compose de tous les éléments qui permettent à quelqu’un d’interagir avec un produit ou un service. D’autre part, l’expérience utilisateur (UX) est ce qu’un individu interagissant avec ce produit ou service retire de l’expérience complète. Il est essentiel de faire la distinction entre l’expérience utilisateur globale et l’interface utilisateur (IU), bien que l’interface utilisateur soit une partie essentielle de la conception. Par exemple, imaginons un site web de revues de films. Alors que l’IU est parfaite pour trouver un film, l’UX sera mauvaise pour un utilisateur qui souhaite obtenir des informations sur un film indépendant mineur si la base de données principale ne contient que des films de grands studios.

Comment confirmer la crédibilité de la boutique en ligne ?

• certificat SSL valide
• déclaration de confidentialité
• prix actuels / ne soldez pas tous les produits en même temps
• adresse et numéro de téléphone existants
• attention aux fautes d’orthographe et de grammaire
• possibilité d’écrire des avis sur la boutique en ligne
• liens vers les réseaux sociaux
• tests A/B

L’intérêt pour le shopping en ligne va-t-il perdurer même après la pandémie ?

Grâce aux confinements, l’intérêt dans le shopping en ligne a logiquement augmenté. Les ventes e-commerce ont augmenté de plusieurs milliards de dollars à l’étranger en 2021 et de plus de 2 milliards d’euros en Slovaquie. Impossible de prédire si cela va demeurer à l’identique. Toujours est-il que durant les deux ans de la pandémie, l’espace en ligne a évolué et s’est adapté à la situation pour rendre le processus d’achat en ligne aussi rapide et pratique que possible.

Comment attirer des visiteurs sur la boutique en ligne ?

• style agréable
• publicités
• “Apprenez à connaître” votre client
• commentaires et clics sur les réseaux sociaux
• l’attention aux détails – la mise en page joue un rôle important
• n’insistez pas pour que les clients s’enregistrent ou s’abonnent à votre newsletter
• assistance aux utilisateurs
• réductions et offres – avantages pour les utilisateurs enregistrés