Le visiteur d’un site e-commerce doit être en mesure de retrouver facilement ses repères et ses habitudes de navigation. En général, il achète en ligne pour gagner du temps. Une bonne ergonomie et une navigation fluide et intuitive seront les critères qui le convaincront à devenir acheteur d’une part et d’autre part, qui l’inciteront à revenir sur ce même site et devenir client fidèle.
Voyons donc comment se distinguer en E-commerce sans se planter.
Sommaire
L’entête des pages web d’une boutique en ligne : le header
Très souvent, on retrouve dans le header, et donc dans chacune des pages du site e-commerce, les éléments suivants : Le logo – la recherche – mon compte – mon panier.
Une recherche rapide
Un champ de recherche rapide qui permettra au visiteur de taper directement le nom du produit ou la référence.
Elle est dans la plupart des cas placée à droite. Elle est destinée aux visiteurs qui savent déjà et avec précision ce qu’il cherche comme produit sur le site.
Un accès vers le compte client
L’accès à « mon compte » permet aux internautes qui ont déjà achetés sur le site d’accéder à leur information, suivi des commandes ou leur avoir …
Dans une boutique en ligne « Mon compte » est généralement placé aussi à droite dans le header.
Un bouton panier
Le bouton panier est facilement repérable à l’extrémité à droite et juste à côté de l’accès à « mon compte », il est souvent représenté par une petite icône en forme de sac ou panier avec le nombre d’articles qu’il contient.
Ainsi, le visiteur peut voir combien d’articles sont ajoutés sans avoir besoin d’aller dans la page panier. Lorsque lorsqu'il n'y a aucun article dans le panier, il sera inscrit « 0 article » afin que le visiteur comprenne que le décompte sera calculé ici.
Les pages principales d’un site E-commerce
Ci-dessous le schéma des pages clés d’une boutique en ligne suivant le chemin type de l’utilisateur : Page d’accueil > Page catalogue > Page détail produit > Panier > Tunel d’achat.
Page d’accueil
La page d’accueil est essentiel, elle est la vitrine de la boutique avec des produits mise en avant ou des bandeaux d’offres promotionnelles, coups de coeur, bonnes affaires, nouveautés….etc.
En mois de décembre, ce sont les offres noël qui sont prépondérantes. On remarquera pour les sites Amazon et fnac par exemple, qu’une nouvelle rubrique « noël » à vu le jour, en premier ou deuxième lien dans la navigation principale.
Page catalogue
La page catalogue montre tous les articles de la catégorie avec quelquefois le choix d’afficher 100 ou 200 produits sur la page ou de les trier par nouveauté ou par prix.
Souvent, une colonne à gauche s’affiche afin de filtrer la catégorie selon la taille, la couleur, la marque … et d’accéder facilement aux produits recherchés.
Page détail produit
La page détail produit d’un site E-commerce permet une meilleure visibilité du produit avec un aperçu dans une fenêtre plus large et différentes vues du produit (de face, de profil, de dos ..).
Le bouton « ajouter au panier » sera bien visible et plutôt vers le haut de la page.
Page panier
Dans la page panier, on retrouve le récapitulatif de la commande avec en général 2 boutons : « < continuer mes achats » marche arrière vers le catalogue et « > valider la commande » on entre dans le tunel d’achats.
Les 2 entrées se trouve tout en haut de la page et répété plus loin en-dessous de notre liste d’achats.
En général, on trouve dans la page panier du site web, des mises en avant de produits dans un bandeau « vous aimerez aussi », pour convaincre le visiteur d’ajouter d’autres produits avant la validation de sa commande.
Tunnel d’achat
Le tunnel d’achat d’un site E-commerce correspond à toutes les étapes à suivre une fois que l’on a cliqué sur « valider la commande ».
En général, un schéma de navigation du tunnel d’achats est ajouté dans une barre horizontale en haut pour aider l’acheteur à se repérer au fil des étapes.
Un tunnel d’achat ne doit jamais dépasser 4 étapes, plus long et l’acheteur risque d’abandonner en cours de route.