Le E-commerce pour tous : infos, actus et conseils pratiques

Clef N°2 de conversion : graphisme & ergonomie

Soignez l’apparence et la navigation de votre site

Dans la vie réelle, on n’a pas deux fois l’occasion de faire une bonne première impression… Sur Internet, c’est pareil, à une différence près… Dans la vie réelle, il peut toujours y avoir un événement extérieur qui vient contrecarrer vos plans (exemple : votre impeccable brushing ne résistera pas à une soudaine pluie battante ;-)).
Sur Internet, vous pouvez anticiper (pas la pluie) mais les problèmes.

Mais pour cela, il faut prendre le temps et bien réfléchir en amont.
Avant d’attaquer le cœur de notre sujet « le graphisme et l’ergonomie », abordons ce point important, cette phase de réflexion…

 
Qui trop se hâte, reste en chemin

Vous avez tous déjà entendu « les faiseurs de miracles » qui vous proposent de créer votre boutique en ligne en une heure ou en une semaine ? Chez PowerBoutique, nous savons que ce n’est pas réaliste et nous vous conseillons vraiment de ne pas vous précipiter…

Faites de la veille pour voir ce qui se fait sur le marché, regardez ce que propose la concurrence, inspirez-vous des bonnes idées, sans les copier bien sûr.  Si vous vous êtes fixé une date précise pour l’ouverture de votre site et que vous n’êtes pas prêt le jour J : n’ayez pas peur de décaler la mise en ligne, surtout si votre site n’est pas totalement terminé.

Pensez-vous que les clients potentiels resteraient dans un magasin non terminé ou en travaux ? Pour le e-commerce, c’est la même chose, il vaut mieux décaler de quelques jours sa mise en ligne pour avoir un site irréprochable. E-commerçant, sachez qu’il est très difficile de récupérer un visiteur déçu.

 

Le beau peut être l’ami du bien

Pour faire une bonne impression, posez-vous la question suivante : Quelle est la 1ère chose que voient vos visiteurs sur votre site (quelque soit la page d’entrée) ? La réponse est simple : le graphisme ! Vous comprenez donc son importance. Mais attention, souvent lorsqu’on parle graphisme, on fait fausse route. Nombreux sont les e-commerçants ou les webmasters pleins d’entrain qui en travaillant le graphisme de leur site, ont voulu quelque chose de joli, original, inhabituel… et au final malheureusement inefficace. Le graphisme est là pour servir votre catalogue, il ne doit pas attirer trop l’attention au détriment de votre contenu.

Sur un site e-commerce, graphisme rime surtout avec pragmatisme. Veillez donc à ce que votre graphisme soit en accord avec les attentes et les goûts de votre cible. Il doit accueillir vos visiteurs et leur offrir un sentiment de confort.
Comme dans un magasin physique, le visiteur doit se sentir bien et rassuré sur votre site. Ne perdez pas de vue que le graphisme a avant tout une vocation commerciale. C’est pourquoi, il doit faciliter la transmission d’informations.

Prenons des exemples :

–    Le haut de page est ce que l’on voit en premier. Profitez-en pour y intégrer un slogan qui explique en quelques mots votre positionnement, mais aussi des images représentant votre activité.
–    Vous souhaitez mettre en avant le panier ou un bloc important (votre compte, etc.), représentez le d’une couleur différente pour mieux le faire ressortir.
–    Utilisez des pictogrammes à côté des éléments importants pour faciliter la compréhension.

 

Bien veiller au confort de navigation

En lisant ces dernières lignes, on comprend aussi que la frontière entre graphisme et ergonomie est plus qu’étroite. L’ergonomie correspond au confort de navigation d’un visiteur sur un site Internet. C’est un élément clef de votre site.

Si nous reprenons notre parallèle entre magasin physique et boutique en ligne, dans un magasin physique, vous n’appréciez pas de chercher pendant longtemps un produit précis. Sur Internet, c’est la même chose, vous devez faciliter la recherche de l’internaute.
Il doit absolument trouver ce qu’il recherche le plus rapidement et facilement possible. Sans compter que cela fait plus de 10 ans que les sites e-commerce existent et les internautes sont aujourd’hui exigeants et souhaitent se repérer rapidement sur les sites.

Plusieurs critères aident et contribuent à ce confort de navigation :

-    Une navigation claire et variée par catégories

Classez logiquement les articles de votre catalogue dans des gammes et des rayons. Essayez de reproduire la logique des visiteurs. Comment vont-ils naviguer ? Il n’est pas rare, à la suite de cette question, que l’e-commerçant propose plusieurs systèmes de navigation : par gamme, par marque, par taille.
Limitez également le nombre de liens par menu : des études montrent qu’au delà de 9 liens lus, le visiteur ne garde plus en mémoire les premiers liens, ce qui rend son choix plus difficile.

-    Un moteur de recherche

Proposez un moteur de recherche, l’internaute pourra ainsi saisir sa demande directement et obtenir une réponse rapidement.

-    Fil d’Ariane

Proposez un chemin de navigation, appelé de façon plus poétique : un fil d’Ariane. Par exemple, pour un site de déco : Luminaire>Appliques murales> liste des appliques murales. Ce fil permet à l’internaute de se repérer dans le rayon et de remonter en cliquant sur les liens du fil.

-    Filtres sur les listes d’articles

Proposez des filtres sur vos listes d’articles. Par exemple, vous êtes sur  un site d’appareils photos numériques, vous souhaitez visualiser uniquement les produits situés entre 200 et 300 € ou vous êtes uniquement intéressé par une marque en particulier, les filtres sur la liste d’articles facilitent considérablement votre recherche.

-    Limitez le nombre de clics

La navigation doit être fluide et intuitive. Pour cela, préférez pour les rayons des menus déroulants, qui affichent les gammes au passage de la souris. Placez également des liens sur les images présentes en page d’accueil, car il est plus facile de cliquer sur une image que sur un texte.

-    Module « Déjà-vu » sur le dernier article

Proposez un espace « Déjà vu » sur votre catalogue. Bien apprécié par les internautes, cet espace recense les derniers produits consultés. A leur prochaine visite, ils pourront ainsi retrouver plus facilement les articles qui les intéressent.

 

Pour conclure cette 2ème clef de conversion, disons simplement que l’utile et l’agréable – puisque c’est de cela qu’il s’agit - restent très subjectifs. C’est pourquoi, je vous conseillerais de faire tester votre site par plusieurs personnes : Comment naviguent-elles ? Quelles impressions ont-elles ? A quels endroits cliquent-elles? etc. Vous pourrez ainsi tirer des bénéfices de leurs réponses et éviter toute embûche dès le lancement de votre boutique en ligne.

On se retrouve très prochainement pour la 3ème clef de conversion qui concernera cette fois-ci : la fiche article.

Remi – Service Qualité – PowerBoutique

 

Crédits : Aamon / Scanrail /AKS ©Fotolia

 

Vous pouvez laisser un commentaire, ou faire un trackback de votre site.

4 Réponses sur l'article “Clef N°2 de conversion : graphisme & ergonomie”

  1. Excellent article et absolument vrai, je l’ai vérifié après le travail du studio graphique.

  2. Séthy David dit :

    Bonjour,

    Après avoir modifié notre charte graphique et notamment l’ergonomie de la navigation, nous avons fait un bon de plus de 30% à la fois en terme de temps passé sur le site par les clients, mais également au niveau du taux de conversion panier.

  3. Mary-Jane dit :

    Bonjour,

    comment on fait des filtres par type d’article? Avez vous un exemple?

    • PowerBoutique dit :

      Bonjour Mary-Jane,

      Dans cet article, nous parlions de filtres sur les prix et sur les marques, représentés sur les listes d’articles par des menus déroulants et activables sur votre site via les fonctions « Classement par prix » et « Marques ».

      A noter qu’avec la version 4.8 de PowerBoutique, vos possibilités seront étendues et vous permettront d’ajouter des filtres par taille, couleur, matière, caractéristiques, disponibilité, par exemple.

      N’hésitez pas à contacter votre chargé d’affaires pour faire un point sur votre catalogue et préparer ainsi votre passage en version 4.8.

      A bientôt sur Le Blog !

Commentez cet Article :

*