Conseils pour optimiser votre conversion : à quoi ressemble une boutique en ligne ergonomique

Conseils pour optimiser votre conversion : à quoi ressemble une boutique en ligne ergonomique | Mollie PaymentsConseils pour optimiser votre conversion : à quoi ressemble une boutique en ligne ergonomique | Mollie Payments
Nick Knuppe
Product Marketing Manager
Spécialiste du marketing centré sur le client et perfectionniste du Go-To-Market.

En tant qu'e-commerçant, vous comprenez l'importance d'un site internet ergonomique pour assurer le succès de votre activité. Effectivement, si les clients peinent à naviguer sur votre boutique en ligne, ils seront moins enclins à passer commande. C'est aussi simple que cela. 

Cet article explique comment améliorer votre taux de conversion en rendant votre boutique en ligne plus conviviale. Vous trouverez également notre checklist UX, qui regroupe les différents exemples et conseils de cet article.

Définir l'ergonomie : que signifie la convivialité en e-commerce ?

L'ergonomie, parfois aussi appelée utilisabilité, exprime le degré de convivialité d'un site internet. Il s'agit de mettre en place une expérience utilisateur simple, afin de rendre le plus agréable possible l’acte d’achat pour vos clients.. Cela signifie concevoir votre boutique en ligne de manière à ce que les visiteurs trouvent rapidement et facilement ce qu'ils cherchent.

L'aspect le plus important de l'utilisabilité est sans doute la facilité de navigation du site. La conception de votre site web doit permettre une navigation intuitive et guider vos clients vers le produit ou l'information qu'ils recherchent. Une fonctionnalité comme le remplissage automatique des formulaires participe à l'optimisation de l'expérience utilisateur (UX) de votre site.

En quoi un design convivial est-il essentiel pour la conversion en e-commerce ?

Utilisabilité et expérience utilisateur efficaces augmentent la probabilité :

  • qu'un utilisateur réalise un achat,

  • que les nouveaux clients se transforment en clients fidèles.

Plus il est facile pour les utilisateurs de naviguer sur votre boutique en ligne, plus rapidement ils peuvent trouver les produits qu'ils désirent. En général, c’est ce qui en fait  des clients satisfaits.

Les clients perçoivent rarement une usabilité efficace. En revanche, un manque d'ergonomie se remarque tout de suite (par exemple, si des filtres importants manquent ou si la navigation est difficile). Si votre site ne répond pas aux attentes des clients, ils quitteront tout simplement votre page sans rien acheter. Ergonomie et conversion sont donc étroitement liées. C’est pourquoi, optimiser la convivialité de votre boutique est essentiel pour booster vos ventes à long terme.

Comment tester l'ergonomie de votre boutique en ligne ?

Pour déterminer si la conception de votre boutique est orientée utilisateur, vous pouvez effectuer un test d'usabilité. Il existe de nombreux tests, dont le choix dépendra de votre budget, de votre expérience et de vos objectifs.

Les entreprises apprennent énormément des tests en direct avec de vrais utilisateurs, qui donnent des suggestions immédiates pour améliorer la conception d'une boutique en ligne. Il existe de nombreux autres outils qui vous fournissent des données sur l'ergonomie de votre boutique.

Type de test Nom Méthode
Test utilisateur en direct Tri par cartes Le tri par cartes est principalement utilisé lors de la conception d'un projet. L'objectif est d'organiser le contenu d'un site en catégories afin de déterminer quels éléments du menu principal sont à utiliser pour rendre l'architecture de votre site aussi logique que possible pour l'utilisateur. Premièrement, les participants reçoivent des cartes avec des termes liés au contenu du site. Ils doivent ensuite les organiser en catégories, qui peuvent être prédéfinies (tri fermé) ou libres (tri ouvert). En amont du tri par cartes, il est conseillé de faire une analyse des termes afin de s'assurer qu'ils sont compréhensibles.
Journal de bord Cette méthode vous permet de tester l'ergonomie de votre boutique sur une longue période. Les utilisateurs gardent une trace écrite de leurs expériences sur votre site. Cela vous donne des données sur l'ergonomie de ce dernier, ce qui vous permet d'identifier les aspects de l'UX à améliorer.
Prototype Il s'agit d'une méthode effective durant les étapes initiales de la conception d'une boutique en ligne. Les participants utilisent et notent les fonctionnalités du prototype de votre site internet. En vous appuyant sur leurs retours, vous pouvez continuer l'amélioration du prototype en effectuant différents tests. C'est une bonne méthode pour identifier les pages de votre site qui répondent aux attentes de vos clients et celles qui demandent encore certains changements.
Test synchrone à distance Au cours d'un test synchrone d'utilisabilité à distance, les participants doivent réaliser des tâches prédéfinies (comme acheter un certain produit). Les utilisateurs partagent ensuite leurs impressions sur la convivialité du site en construction. Des experts en UX supervisent le projet et interrogent les participants. Ce type de test est particulièrement efficace combiné à l'oculométrie.
Outil de réalisation de test utilisateur Oculométrie L'oculométrie examine les mouvements oculaires des utilisateurs lorsqu'il regarde une page internet. Cela montre quels éléments sont regardés, dans quel ordre et pendant combien de temps ; ce qui vous apporte des données sur l'ergonomie de votre site. Si les utilisateurs regardent trop longtemps un élément précis de votre page, c'est probablement qu'ils ne le comprennent pas. Si leur regard se déplace de façon rapide et aléatoire, la page est peut-être trop surchargée ou son design confus. L'oculométrie est également adaptée aux applications mobiles.
Test asynchrone Des logiciels permettent de réaliser automatiquement des tests utilisateur asynchrones à partir de n'importe où. L'outil collecte des informations sur le comportement des utilisateurs, telles que le chemin de navigation choisi pour effectuer un achat.
Questionnaire utilisateur Cela vous donne une idée exacte de qui sont vos visiteurs et clients potentiels. Un pop-up ou un calque apparaît à l'écran et invite le visiteur à remplir un questionnaire en ligne via un outil d'enquête. Les participants répondent à des questions sur leur expérience utilisateur et donnent des idées pour l'améliorer. Ce type de questionnaire vous permet également de recueillir des informations personnelles que vous pouvez ensuite utiliser pour élaborer vos personas et définir votre cible.
Test utilisateur sans outils Personas Il n'est pas possible de tester efficacement l'ergonomie d'une boutique sans logiciel ou enquête utilisateur. Cependant, élaborer des personas en fonction des clients potentiels peut vous aider à rendre votre site plus convivial. Le plus important est de vous mettre à la place du client et de répondre à des questions comme :
- Quelles sont ses motivations lorsqu'il visite mon site internet ?
- De quelle manière l'utilise-t-il ?
- Quels fonctionnalités ou services recherche-t-il ?
Répondre à ces questions vous permet d'optimiser l'UX et de concevoir une boutique conviviale qui répond exactement aux attentes de votre cible.

Les indicateurs clés de performance pour les tests utilisateurs

Afin de mesurer l'ergonomie, il est pertinent de commencer par définir certains indicateurs clés de performance (KPI). Cela vous aidera à définir si la conception de votre site est efficiente et orientée utilisateur.

KPI quantitatifs :

  • Taux de réussite des tâches ;

  • Temps de complétion des tâches ;

  • Utilisation de la fonction recherche ou de la navigation sur le site ;

  • Récurrence des erreurs (par exemple avec un moyen de paiement spécifique).

KPI qualitatifs :

  • Performance et attentes des utilisateurs ;

  • Satisfaction générale.

En dehors du contexte des tests, les KPI suivants donne aux e-commerçants des données précieuses sur la convivialité de leur site :

  • Taux de rebond ;

  • Taux de conversion ;

  • Nombre de visites ;

  • Temps par page ;

  • Taux d'abandon de panier.

Optimiser votre boutique en ligne : 7 conseils pour concevoir une boutique en ligne ergonomique

En tant qu'e-commerçant, vous avez accès à un grand choix de fonctionnalités intégrables à votre boutique en ligne. Néanmoins, il est souvent préférable de s'en tenir à la règle d'or : moins, c'est plus. L'essentiel pour augmenter l'ergonomie de votre site est une interface utilisateur simple et intuitive, et de manière générale, une navigation facile. Voici quelques conseils pour rendre votre site plus ergonomique.

Optimiser votre boutique en ligne : 7 conseils pour concevoir une boutique en ligne ergonomique

Conseil n°1 : réduire au minimum les temps de chargement

Dans bien des cas, les visiteurs quittent une page pour la simple raison que son temps de chargement est trop long. Si votre boutique en ligne n'est pas chargée en deux à trois secondes, il y a de fortes chances que l'utilisateur retourne en arrière pour revenir aux résultats de recherche. Si c'est le cas, vous l'avez perdu au profit de vos concurrents. Votre taux de conversion va également en pâtir et le taux de rebond élevé de votre page fera l’objet d'un signalement négatif envoyé à Google. Le classement de votre site sur les moteurs de recherche est affecté si les utilisateurs partent après quelques secondes seulement. C'est pourquoi optimiser les temps de chargement de votre site est l'une des meilleures choses à faire pour améliorer l'utilisabilité (grâce à des photos compressées par exemple).

Les images de votre site ne devraient jamais dépasser 1920 x 1280 pixels. Suivez cette règle de base : téléchargez les photos et illustrations de haute qualité au format JPEG, et téléchargez les petites illustrations, celles peu colorées ou en transparence au format PNG.

Conseil n°2 : opter pour un design classique

Au fil des ans, les sites internet ont progressivement adopté une mise en page plus ou moins standard. Cela permet aux e-acheteurs de naviguer intuitivement. Les éléments d'une boutique en ligne sont généralement organisés comme ceci :

Élément Position
Logo En haut à gauche ou au milieu
Connexion et inscription En haut à droite
Fonction recherche En haut, entre le logo et l'inscription
Panier En haut à droite
Informations de contact En bas, en pied de page

Cela ne veut pas dire que toutes les boutiques en ligne doivent se ressembler. Néanmoins, la standardisation de certains éléments rend l'utilisation du site plus intuitive, ce qui améliore son ergonomie. Si votre site est conçu d'une façon inhabituelle, avec un design trop original qui fait que les éléments standards sont difficiles à trouver, vous risquez de décourager de potentiels clients. Il en est de même pour les termes utilisés. Préférez l'utilisation des termes conventionnels pour des éléments comme le panier ou l'inscription, afin d'éviter toute confusion.

Conseil n°3 : faciliter la recherche

Vos clients doivent pouvoir trouver les produits de votre site aussi facilement que possible. C'est pourquoi les éléments suivants sont très importants :

  • Catégories de produits logiques ;

  • Filtres bien définis ;

  • Fonction recherche.

Vous pouvez aussi utiliser l'autocomplétion pour rendre la barre de recherche plus facile d'utilisation. Lorsque l'utilisateur entre un mot, une liste de mots concordants s'affiche, accompagnée du nombre de résultats de recherche de chaque mot.

Conseil n°4 : disposer intelligemment les photos et les descriptions

Une fois que l'utilisateur trouve le produit qu'il désire, des photos et des descriptions détaillées vont permettre de le séduire. Encore une fois, il est important d'organiser les éléments de l'écran pour permettre au client de naviguer intuitivement sur la page. Certains éléments apparaissent par exemple à la droite de la galerie d'images : 

  • Le choix de la taille et de la quantité ;

  • Le bouton « ajouter au panier » ;

  • Les principales caractéristiques du produit ;

  • Un guide des tailles (si nécessaire).

La description détaillée des produits et les avis clients se placent généralement sous la galerie d'images. 

Conseil n°5 : permettre aux clients de « continuer leurs achats »

Permettre aux utilisateurs de directement continuer leurs achats après avoir ajouté un article à leur panier est une autre fonction ergonomique importante. Vous pouvez par exemple utiliser une fenêtre pop-up pour laisser aux utilisateurs le choix entre « aller au panier » et « continuer les achats ». S'ils optent pour la seconde option, assurez-vous qu'ils reviennent exactement où ils s'étaient arrêtés, sans devoir effectuer de nouvelle recherche.

Pensez également à insérer un bouton « continuer les achats » sur la page panier. Sur nombre de boutiques en ligne, les clients n'ont pas la possibilité de retourner sur la boutique une fois qu'ils sont sur la page panier. Ils passeront donc plus de temps à retrouver leur chemin vers les produits qu'ils étaient en train de visualiser, et seront même susceptibles d'abandonner leur panier. Pour vous assurer d'une ergonomie optimale, insérez toujours les boutons « retourner sur la boutique » et « continuer les achats » de manière visible.

Conseil n°6 : simplifier le passage en caisse

L'ergonomie du passage en caisse est l'un des aspects les plus importants pour augmenter votre taux de conversion. Cela signifie parfois réduire au minimum les étapes du processus de commande. Donnez à vos clients la possibilité de réaliser un achat instantané en un clic, sans créer de compte. Pour davantage de conseils, consultez notre guide complet sur l'optimisation du passage en caisse pour améliorer son taux de conversion.

Conseil n°7 : automatiser les formulaires

Ces deux solutions d'automatisation rendent le remplissage des formulaires plus simple et convivial :

  • Le remplissage automatique, comme son nom l'indique, remplit automatiquement les champs des formulaires dès que le client entre son adresse.

  • La validation des formulaires trouve les éventuelles erreurs dans l'information entrée par l'utilisateur en vérifiant instantanément certains éléments, par exemple :

    • Le code postal et la ville correspondent-ils ?

    • La rue correspond-elle au code postale ?

    • Le format de l'adresse e-mail est-il valide (avec l'@, sans espaces, etc.) ?

Commerce mobile : conception de boutique ergonomique pour appareils mobiles

Les achats sur mobile rencontrent un succès croissant. L'étude Shopping Index 2019 de Salesforce nous apprend que 70 % des utilisateurs mondiaux préfèrent rechercher des produits depuis leur appareil mobile. Il est donc important d'optimiser l'ergonomie de votre site pour les smartphones et les tablettes, et ainsi conserver les clients potentiels sur votre boutique en ligne. Voici quelques conseils pour concevoir une boutique conviviale pour mobiles.

Commerce mobile : conception de boutique ergonomique pour appareils mobiles

Raccourcir le contenu

Les écrans des appareils mobiles sont beaucoup plus petits que les écrans d'ordinateur. Centrez votre site mobile sur vos fonctions essentielles les plus appréciées. Proposez un menu clair et concis qui permettra une utilisabilité optimisée de la version mobile de votre boutique en ligne.  

Opter pour un design qui facilite la navigation

Une mise en page extrêmement fonctionnelle est primordiale en m-commerce. Évitez donc les artifices superflus, les grandes photos ou le contenu multimédia. Non seulement l'utilisateur se sent envahi, mais en plus le temps de chargement de vos pages est allongé. Donnez à vos clients un moyen simple de retourner à la page d'accueil à tout moment. Assurez-vous que des éléments comme le panier et les options principales de navigation sont toujours facilement accessibles.

Exploiter pleinement l'écran tactile

Pensez la version mobile de votre boutique en ligne de manière à ce que les utilisateurs n'aient jamais à zoomer. Les boutons d'appel à l'action doivent être assez grands pour être facilement appuyés avec un doigt. Exploitez également les fonctions mobiles, comme le swipe, qui permet aux utilisateurs de feuilleter les images produits tout en vous permettant d'afficher plus de texte.

Synchroniser le panier

Un panier d'achat orienté utilisateur est très important en m-commerce. Assurez-vous que les fonctionnalités sont faciles d'utilisation, comme la gestion des produits du panier. Il est par ailleurs conseillé de permettre la synchronisation avec la version ordinateur de votre site. Cela permet aux utilisateurs de commencer leurs achats sur leur appareil mobile, puis de finaliser leur commande sur ordinateur. 

Checklist : votre boutique en ligne répond-elle aux critères ergonomiques ?

Cette checklist vous aide à rapidement évaluer l'ergonomie de votre boutique en ligne. Vous pouvez ainsi identifier les aspects à améliorer et donc augmenter votre taux de conversion.

Check
1. Ergonomie générale Conception simple
Utilisabilité intuitive
Navigation efficace (atteinte de l’objectif en quelques clics)
2. Cheminement vers le produit Catégories et sous-catégories logiques
Filtres variés
Possibilité de créer une liste de souhaits
Liste de souhaits accessible même sans compte client
Bouton « ajouter au panier » facilement identifiable
3. Recherche du produit Fonction recherche facilement visible
Ensemble des produits trouvables grâce à l'outil de recherche
Suggestion automatique de résultats lorsque le client entre des termes de recherche
Fautes de frappes ou erreurs tolérées dans les termes de recherche
Résultats de recherche classés selon un ordre logique (par exemple, le moins cher en tête)
Ordre des résultats modifiable
Filtres pour les résultats de recherche
Information complète sur les produits avec les résultats de recherche
4. Présentation du produit Simple avec un design visuellement attrayant
Toutes les informations principales visibles en un coup d'œil (prix, taille, matière, coloris, etc.)
Disponibilité des produits (en ligne comme en magasin)
Délais de livraison
Liste des principaux avantages produit
Photos avec zoom, différents angles de vue, etc.
Descriptions concises des produits sous forme de listes à puces, mais aussi de manière détaillée
Avis de consommateurs
Ventes croisées et produits similaires en bas de page
5. Panier d'achat Panier facilement trouvable en haut de chaque page
Pictogramme changeant lorsqu'un produit est ajouté (indique le nombre de produits et/ou le prix)
Affichage du panier au passage de la souris
Notification lorsqu'un article est ajouté au panier
Frais de livraison indiqués clairement
Possibilité de changer ou de retirer des produits du panier
Bouton pour passer en caisse
Bouton pour continuer les achats
6. Passage en caisse Passage en caisse facile et rapide
Possibilité de quitter le passage en caisse pour continuer les achats
Possibilité de passer en caisse sans créer de compte client
Remplissage automatique et validation des formulaires
Messages d'erreur simples à comprendre en cas de données incorrectes