Analyse ergonomique du site e-commerce Bagatelles.fr

Je continue dans ma lancée sur cette rubrique Ergonomics Cordonnier avec le site Bagatelles.fr. On ne présente plus ce site e-commerce de cadeaux originaux, pas plus que sa fondatrice, la charismatique Mathilde. Donc hop, je vais au plus court et vous fais l’économie de 15 lignes de blabla sur cette entreprise florissante et particulièrement créative (apparemment il y aurait encore un nouveau projet dans les cartons mais Shhhh..)

Je vous avais dit que je m’essayerais à une boutique moins bien réussie que saveur-bière mais non, ça sera pas pour ce coup-ci. Bagatelles.fr étant un site également plutôt bien réalisé ergonomiquement parlant (enfin de mon point de vue, je vous rappelle que je suis loin de me prétendre un spécialiste et que cette rubrique est juste un travail de recherche pour moi. Je n’ai pas de leçons à donner).

Pas besoin donc de passer tout en revue comme je l’avais fait sur le premier opus de cette série de billets. La page d’accueil, la page list, le page produit, le panier, tout fonctionne bien à mon avis. Je vais juste essayer de me concentrer sur les principaux défauts que j’ai repéré et proposer quelques suggestions d’améliorations. Tout ça avec l’optique, bien entendu, d’augmenter le taux de conversion.

1. Lien accueil

Sur un site de cette taille (j’ai compté 42 produits), l’internaute se repère facilement, pas besoin de fil d’ariane, mais un petit bouton ou lien accueil peut toujours aider l’internaute à revenir au point de départ. Je sais, je sais, c’est un peu old school et c’est un de mes crédos mais croyiez-moi l’internaute moyen ne travaille pas dans une agence web et ne sait pas qu’on peut revenir à l’accueil en cliquant sur le logo du site.

2. Le bouton « commander »

Le design des boutons « commander » avec l’effet de volume rend le texte peu lisible et n’incite pas au clic. La couleur ne se d?marque pas assez et globalement, je trouve que ces boutons ne sont pas assez visibles.

3. Un point fort : les photos

Les photos par contre sont vraiment réussies. C’est un des points fort du site. Un petit mode zoom en roll-over sur la page liste permettrait de capitaliser sur cet atout.

4. Le bouton « acheter »

Idem que pour le bouton « commander », le design de ce bouton ne le met pas en valeur. Il y a, à mon avis, perte de clics ici. D’autant plus que la position en haut à droite n’est pas intuitive. L’internaute ne cliquera sur « acheter » qu’une fois qu’il aura un minimum regardé la fiche produit (notamment la photo) et peut-être lu le texte. Si on ne peut/veut pas changer la structure de la page, il faudrait peut-être le doubler pour en mettre un autre en bas de page.

5. L’accès au panier

L’accès au panier est difficile à trouver. Caché dans les volutes de l’habillage graphique du site, on cherche un peu pour le repérer, ce qui nuit évidemment au taux de conversion.

6. Lien contact dans la fiche produit

En bas de chaque fiche produit est mentionné : « Vous n’arrivez toujours pas à vous décider à L’équipe de Bagatelles est à votre disposition pour vous aider à faire votre choix, n’hésitez pas à nous contacter ! » Cette incitation au contact est une très bonne idée et permet très sûrement de ferrer quelques indécis. Il serait toutefois plus efficace de rajouter également un lien vers la page contact directement ici. Avec un lien sur la fin de la phrase en question ou avec un bouton dédié.

7. Mettre un accès par gamme de prix

Le problème pour un site de vente en ligne de cadeaux, est d’aider le client à se décider sur le choix du cadeau, ou risquer de perdre la vente. Proposer un accès par gamme de prix (comme par exemple : – de 20 €, entre 20 et 30 €, entre 30 et 40 € etc… ) permettrait à ceux dont le prix est le premier critère de trouver rapidement les produits qui correspondent à leur budget.

8. Meilleures ventes ou pas ?

C’est une vraie question. Les meilleures ventes constituent souvent une aide à la transformation des indécis en clients, mais sur un site avec moins de 50 références, est-ce vraiment utile à De plus l’animation événementielle qui met un produit en valeur fait bien son travail. Par curiosité, je crois que je tenterais le coup des meilleures ventes pour voir l’impact que ça peut avoir sur les commandes.

9. Occasions de cadeaux

Dans le m?me ordre d’idée, je testerais un menu thématique par occasion de cadeaux (anniversaire, fête, ..). Peu importe qu’il n’y ait pas forcément de cadeau pour la fête de pêres ou que la différence entre fête et anniversaire n’a aucune pertinence par rapport aux produits du site, c’est juste un accès de plus pour l’internaute. Celui qui est dans la recherche d’un cadeau a une logique bien précise en tête, qu’il vaut mieux essayer de faciliter dans la mesure du possible. En plus, rajouter ce type de thématiques, ce sont des mots clés qui ne sont pas perdus pour le référencement naturel.

10. Renforcer les facteurs rassurants

Malgré son succès, sa notoriété et son trafic sans doute conséquent, Bagatelles par son design, ses produits donne l’image d’un « petit site » par rapport aux gros marchands du web. Cela peut en faire fuir certains. Aussi, il convient à mon avis de rassurer au maximum les visiteurs qui restent frileux par rapport à l’achat en ligne. L’idée est de bien montrer que même si on a affaire à une PME, toutes les conditions pour un achat tranquille sont présentes.

Je rajouterais
- Un numéro de téléphone plus visible
- Une mise en avant de la notion de paiement sécurisé sur les fiches produits (avec le logo du partenaire de paiement par exemple)
- Une mention sur les délais de livraison dans le panier ou sur la fiche produit.

11. Raccourcir le formulaire d’inscription

Tel qu’il est présenté, le formulaire de création de compte fait un peu peur. C’est une cause d’abandon importante et tout champ supplémentaire doit être mûrement pesé. Je ne suis pas sûr ici que le numéro de Fax (même s’il est facultatif) soit ici vraiment utile.

12. Mieux gérer les erreurs dans le formulaire d’inscription

La gestion des erreurs de saisie dans le formulaire de création de compte n’est pas optimisée. Un coup un pop-up apparaît, un coup c’est un rechargement de page avec une zone d’alerte en haut de page. On est vite perdu. Je ne serais pas surpris que le formulaire soit un des gros points de fuite du site.

13. Ne pas inciter au compte lors de la validation du compte

Le client vient de créer son compte, il est sorti vainqueur du formulaire, pourquoi l’inciter à entrer au contact au lieu de le focaliser sur la suite des opérations : finaliser la commande ! Tout lien sortant à ce stade du tunnel de commande est un risque d’abandon du panier. De plus, s’il n’est pas satisfait, il saura se manifester.

14. Commentaires clients

Lorsqu’on offre un cadeau l’impression globale dégagée par le cadeau est souvent plus marquante que la cadeau lui-même. Mathilde dispose maintenant d’une bonne base de clients, il pourrait être intéressant de faire remonter sur les pages produits ou ailleurs quelques verbatims de clients impressionnés par les cadeaux Bagatelles.

Souvent les mots de clients enchantés par leur commande sont plus efficaces pour emporter la vente que le meilleur argumentaire commercial.

Conclusion :

Forcément comme ça, quand on ne se focalise que sur les points à améliorer, on pourrait penser que le site Bagatelles.fr n’est pas bien optimisé niveau ergonomie. Ca serait oublier tout ce qui est bien fait, en termes de navigation, de clarté de l’offre et de l’organisation du site, de textes rédigés avec passion et de photos alléchantes.

Je suis vraiment aller chercher la petite bête, mais c’est vraiment ce qui m’importe ici dans cette étude ergonomique. Aller chercher les bonnes pratiques et les défauts, me faire une culture ergonomie forte que je pourrais ensuite transposer sur Mandellia.