Catégorie : Ergonomie

L’ergonomie web le domaine qui regroupe la conception d’interfaces web qui répondent aux exigences des internautes. L’ergonomie est donc « la science des interfaces » et a pour but d’améliorer le confort de la visite sur le site et la bonne compréhension des fonctions disponibles. L’ergonomie est très importante sur les sites E-commerce car elle permet souvent d’améliorer le taux de conversion et le panier moyen.


Et si on supprimait la pagination sur les sites e-commerce ?

par Benoit Gaillat - Il y a 3 ans

Si il y a bien un truc que je n’ai jamais compris en e-commerce c’est bien d’avoir une pagination (et je ne suis pas le seul) , sur les pages catégories par exemple. Pour rappel la pagination ce n’est pas le fait de passer d’une page catégorie a une autre mais le fait de passer de la page 1 à la page 2 de la catégorie « chaussures femmes » par exemple.

Il faut bien comprendre pourquoi la pagination existe à l’origine sur le web, principalement pour deux raisons : diviser un contenu pour générer plus de pages vues (technique de pub inside) et/ou couper une page en plusieurs morceaux pour générer la page plus vite.

En effet, en 1999 et en 56Kbps sur IE 3 ou 4 , la différence entre 20 kilo octets et 100 kilo octets par page est importante. Les serveurs sont moins puissants, les langages web encore balbutiants et les connexions pas très rapides. Aujourd’hui , même si les performances des serveurs, des langages et des connexions se sont améliorés la performance reste un axe de travail indispensable en e-commerce ( voir La performance des sites e-commerce n’est plus une option ) .

La pagination limite cependant le surf de l’utilisateur en nécessitant une action de sa part, il est donc nécessaire si l’on veut favoriser la recherche dans le catalogue de permettre une navigation aisée d’une page à l’autre. Hors, ce n’est presque jamais le cas en e-commerce…

Quelques exemples de pagination en image

Pagination Rueducommerce

pagination rueducommerce

Pagination Cdiscount

pagination cdiscount

Pagination Fnac

pagination fnac

Pagination La  Redoute

pagination La Redoute

On peut continuer longtemps comme ça mais aujourd’hui il n’y a presque aucun site, y compris chez les pure players, qui à réfléchit à cette pratique.  Soyons clair :

Si l’on ne peut pas facilement passer d’une page à l’autre il est impossible de voir les produits, si l’on ne voit pas le produit il n’y a aucune chance de l’acheter !

L’occupation principale de l’internaute est souvent de feuilleter le catalogue produit, si c’est simple il va « consommer » plus de pages, si c’est compliqué il ne va même pas se donner la peine de naviguer dans le catalogue. Les moyens de passer à la page suivantes sont bien souvent trop petits, peu visibles et/ou mal conçus ..

Quelles alternatives à la pagination ?

Râler c’est bien mais proposer c’est mieux 😉 Voyons en 2013 quelles sont les alternatives à la pagination (imposée par défaut par de nombreux CMS e-commerce type Prestashop et Magento ).

Déjà pourquoi paginer ?  Ne pouvez vous tout simplement pas afficher 100% des produits de votre catégorie sur une page ? Cette alternative à beau paraître simpliste elle est plus qu’efficace dans de nombreux cas.  Si vous avez en moyenne moins de 100 produits par catégorie il n’y a à priori aucune raison de séparer vos pages catalogues et vous y gagnerez surement en seo (moins de contenu dupliqué et de pages canonical à gérer) . Attention cependant à la charge serveur car cela va générer plus de requêtes pour afficher la page, à vous de trouvez le bon dosage.

Si vous voulez séparer votre catalogue en plusieurs morceaux, si vous avez de nombreux produits par exemple, vous pouvez utiliser le scroll infini (qui porte mal son nom) qui va vous permettre de charger les produits suivants dans la même page sans pour autant demander au client de changer de page, on gagne donc en vitesse de surf et la navigation catalogue devient ultra fluide.  Si vous voulez tester vous pouvez aller sur la page des coques iphone5 de everything4mobile , surfez jusqu’en bas de la page et les produits suivants vont apparaitrent automatiquement .

paginationSi malgré tout vous êtes obligé de paginer votre site vous pouvez tout simplement afficher un gros bouton d’action pour passer à la page suivante et non pas des numéro hauts d’une dizaine de pixels …

Comment mesurer si vos changements sont les bons ?

Une meilleure organisation du contenu de vos pages catégorie devrait faire baisser le taux de rebond , augmenter la durée des visites et le nombre de pages vues.

Si les trois indicateurs, qui sont corrélés bien sûr, sont en hausse alors vos optimisations représentent un vrai plus pour vos internautes. Evidemment si votre taux d’ajout au panier et votre taux de conversion augmentent également c’est aussi bon signe 🙂

C’est exactement ce qui s’est passé sur info-ecommerce suite à la refonte du blog, l’ergonomie tranche nettement avec les habitudes mais se révèle finalement plus accessible, voici les statistiques Google Analytics :

Présentation de l audience   Google Analytics

On voit bien sur le graphique une hausse des pages vues par visites, une diminution du taux de rebond et une durée moyenne par visite plus importante.

Et vous, avez vous prévu de supprimer la pagination sur votre site e-commerce ?

Benoit Gaillat

Diplômé de l'Hetic et travaillant depuis 10 ans dans l'e-commerce, Benoît est Directeur Conseil E-commerce chez Skeelbox, cabinet de conseil en E-commerce dédié aux marques, distributeurs et PME qui souhaitent réussir leur développement digital et cross canal. Twitter | Profil sur Google Besoin d'un expert E-commerce ? 01 84 17 08 51.

tags :
19 Commentaires

19 réponses à “Et si on supprimait la pagination sur les sites e-commerce ?”

  1. Marie dit :

    Je suis partisane du « scroll infini » d’un point de vue ergonomique mais quid du référencement ?

  2. Jérémie - E-obseques.fr dit :

    Je le fais depuis le début sur ma boutique, même les catégories avec le plus d’articles ( comme http://www.e-obseques.fr/articles-funeraires,Plaques.html )
    Etant donné que la plupart du temps, on classe les articles par ordre de prix, ça permet de ne pas mettre les plus chers à plusieurs clics de la page d’entée.

  3. Il me paraît évident que le scroll infini deviendra une norme, notamment en e-commerce. Ce qui était auparavant une nécessité technologique a de moins en moins de sens aujourd’hui. C’est le fonctionnement dès son lancement (il me semble) de Pinterest où on se prend au jeu du scroll « sans » fin à voir de plus en plus d’images. En exemple de boutique qui fonctionne sans pagination, je pense à Timefy.com
    Je ne connais pas Magento mais il ne doit pas y avoir de raison qu’il n’existe pas d’addon comme pour Prestashop pour proposer cette option. Je ne l’ai pas testé mais j’avais lu que les développeurs avaient intégrés l’aspect SEO (pour le scroll des pages par les bots) avec fonctionnement classique de la pagination si le js n’était pas activé.

  4. Bonjour, nous nous sommes aperçu que depuis que nous sommes passés sur le scroll infini nous avons augmenté le temps de navigation du client de 15%. En effet le faite de scroller le client regarde tout les produits de la catégorie et nous vendons bien plus de produit en fin de catégorie qu’avant. Concernant le référencement pas de changement pour nous pas de perte de position ou de gain. Il faut par contre que le scroll infini soit très rapide sinon le client s’impatiente et change de page ou part du site.

  5. JD DOS SANTOS dit :

    A l’inverse de la plupart de vous tous, je suis contre le scroll infini… Pourquoi ?

    A l’ouverture de TheTops (www.thetops.fr) sous Magento, nous avons mis en place le scroll infini en ce disant : « Trop bien les clients verront plein de produits sans aucun effort ! ». Le constat était différent après plusieurs mois d’utilisation …

    – La première raison est qu’il faut un système rapide (= bouffe de la ressource)
    – Le client se perd rapidement et oublie ce qu’il souhaitait chercher au bout d’un moment à force de descendre
    – Le client perd rapidement de la motivation si les produits ne lui plaisent pas
    – Si on a un pied de page… inaccessible !
    – Ce n’est pas un atout pour le référencement mais pas une contrainte

    La solution a été de mettre de la pagination ce qui nous a permis de gagner en visibilité de produit donc en conversion.

    Je pense que les problématiques sont différentes en fonction du secteur d’activité mais aussi de la cible.

  6. Virgile - Everything4mobile.fr dit :

    Je confirme pour les ressources, on a changé de serveur pour que ça aille plus vite !

  7. @JD DOS SANTOS , merci de ton retour, pour la consommation serveur il faut peut être revoir les paramètres technique mais c’est « bon signe » si les internautes navigue dans le catalogue je pense. le serveur après tout est là pour y répondre …
    Je suis par contre bien plus d’accord avec toi sur le sentiment de « perte de l’internaute » même si j’ai bien quelques idées pour y remédier 😉
    Le pied de page est aussi une hérésie d’après moi mais ça fera l’objet d’un autre article
    Pour ton point « Le client perd rapidement de la motivation si les produits ne lui plaisent pas » c’est clair en effet mais dans ce cas c’est de « la faute du site » . EN tout cas on peut aussi mesurer son « dynamisme » et le faire réagir si l’on sent une baisse de motivation (via des solutions Devatics par exemple)
    On est par contre bien d’accord, le scroll infini ce n’est pas forcément la panacée, le tout c’est de réfléchir à des moyens d’optimiser son site , y compris sur des « petits » blocages qui peuvent paraître insignifiant.

  8. cobolian dit :

    Ca ne sert a RIEN de faire des catégories avec 500 produits. Personne n’ira voir les derniers produits, scroll infini ou pas. En plus ça limite la capacité de choix.

  9. Sylvain dit :

    Côté e-merchandising, je rejoins cobolian. Seuls les produits en zone ultra chaude en haut de page ont de réelles chances d’être vendus. J’ai déjà partagé sur le sujet avec des e-commerçants qui l’ont testé en AB et ils sont resté sur une pagination standard.

    Côté expérience utilisateur, le scroll infini peut être ressenti comme un « bug » du site. Je préfère le bouton d’action unique qui permet de « voir les xx produits suivants » et où l’internaute est réellement acteur de sa navigation.

    Côté interface, je pense que sur les écrans tactiles et mobiles, c’est intéressant car c’est plus facile de scroller (le terme est « swiper » de mémoire) que de toucher une zone précise de l’écran pour voir les produits suivants.

  10. Prestarocket dit :

    Bonjour,
    Un article intéressant sur des tests A/B sur l’infinite scroll : http://danwin.com/2013/01/infinite-scroll-fail-etsy/ et sa prez (slide 26 : http://fr.slideshare.net/danmckinley/design-for-continuous-experimentation). Pour l’auteur de cet article, l’infinite scroll ne donne pas forcément les résultats attendus. bref, il faut tester…
    Pour le SEO, on peut facilement éviter les contraintes avec un peu de dév. Enfin, il y a une solution intermédiaire avec un bouton du type : charger les 50 produits suivants

  11. Régis CHOURAQUI - BlackChili.fr dit :

    Bonjour,

    Je ne suis pas d’accord avec @cobolian et @Sylvain, je pense qu’il ne faut pas confondre ergonomie et bonne idée. Tout avoir sur une page est essentiel, de toute façon le la pagination de ne sert pas l’achat elle est juste le reflet d’une erreur d’ergonomie lié à un problème technique (un peu comme le clavier « azerty »).

    Je pense donc que le scroll infini est LA solution, mais pas comme il est proposé actuellement, il faut le repenser pour le rendre plus ergonomique et plus orienté vers l’achat et la découverte du catalogue.

    L’idée me parait intéressante à développer, je vais faire un petit billet sur mon blog à ce sujet, rendez-vous d’ici une petite quinzaine.

  12. makeonlineshop dit :

    Bon article, merci !

  13. Daniel Roch dit :

    Même remarque que Marie. Autant je peux comprendre l’intérêt pour l’utilisateur d’avoir une seule page avec tous les produits (que l’on peut éventuellement filtrer en Ajax), mais cela peut fortement nuire au référencement si l’on charge les autres produits lors du scroll de l’utilisateur.

  14. @Daniel et @Marie : c’est vous les spécialistes SEO dans le coin mais n’est ‘il pas plus facile de positionner 1 page ultra thématique (même avec 60 produits) que 6 pages contenant 10 produits ?

  15. @Daniel Roche Pourquoi penses-tu que cela peut nuire fortement au référencement ? Si tous les produits sont chargés dans la page et que tu charges les images façon lazy loading, tous les prérequis sont là.

  16. JD DOS SANTOS dit :

    @Benoit Le seul prérequis sur de la pagination est de bien utiliser l’attribut rel= » » comme l’indique Google : http://googlewebmastercentral.blogspot.fr/2011/09/pagination-with-relnext-and-relprev.html pour ne pas « (dé)performer » vos pages.

  17. Votre analyse est pertinente, pour les sites Ecommerce n’ayant pas trop de produit dans une catégorie, il est intéressant de ne pas mettre de pagination ( cela peut en plus conduire à des problème de duplication de contenu ( descriptif etc). Mais principalement pour les gros sites internet, il est nécessaire d’ajouter une pagination pour une question de chargement. Par conte l’ajout de filtre en Ajax est primordial pour garder une certaine ergonomie

  18. blog magento dit :

    Sur magento ce n’est pas imposé par défaut, on peut le supprimer en changeant un paramètre. Par contre, mettre trop de produits peut ralentir le site, surtout si les produits contiennent beaucoup d’attribut. Le lazy loading ou scroll infinie est une solution, mais loin d’être natif et demande de la programmation, donc un coût. Balancer – de 100 produits on va dire 99 🙂 99 * 10 ko le poids moyen d’une photo de catégorie on frole le Mo. Sans parler des requêtes http et autre… multiplié par le nombre de connexions.
    C’est vitre dramatique sur des petits serveurs ou sans lazy loading.

    Donc sans lazy loading non avec why not ( si celui est bien implémenté ).

  19. Pab dit :

    En passant… Le lazy loading a un vice caché : le bouton back du navigateur ! La navigation classique liste => produit (back) => liste / produit (back) => etc. est très utilisée par l’internaute moyen. Mais avec le lazy loading, le back du navigateur renvoie généralement en début de liste et oblige à reloader tout ou partie de la page de liste. C’est souvent plus ou moins bien géré en javascript et cela finit par perdre les internautes dans des listes interminables. Préférez à mon avis l’option d’affichage d’un nb de produits par page.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.


Page panier e-commerce : 7 mauvaises pratiques à éviter

par Benoit Gaillat - Il y a 3 ans

La page panier est un élément crucial pour un site e-commerce, c’est là ou l’internaute va se décider à passer commande, modifier son panier, voir combien va lui coûter sa commande et se rassurer sur la bonne livraison de sa commande.

La page panier est la première étape du tunnel de commande et pourtant elle est bien souvent assez peu travaillé, voir même mal construite. Voici donc un article analysant 7 mauvaises pratiques très répandues sur les pages panier sur les sites e-commerce français.

Supprimer (trop facilement) les produits du panier

Le « classique du classique ». De nombreux e-commerçants se basent sur des solutions e-commerce pré pacagées (CMS e-commerce) de type Magento ou Prestashop, résultat la partie technique de base est souvent mixée avec un design, plus ou moins réussi, en fonction des agences. Hors la plupart du temps ces solutions n’ont pas poussées très loin l’analyse du comportement client et propose donc des modèles mal conçus.

Sur la plupart des pages paniers il est possible de supprimer une ligne produit relativement facilement  :

suppression-produit-panier

 

C’est un peu dommage de proposer cette fonction, ça me fait penser aux boutons « reset » des formulaires dans les années 2000, on rempli tous les champs et on clique malheureusement sur le bouton « reset » et tout est à refaire.  Attention, cela ne veut pas dire qu’il faut supprimer la fonctionnalité, il faut peut être juste la rendre moins « risquée » .

Par exemple avoir une bouton/texte « modifier mon panier » qui change le mode du panier de « lecture » à « modification » et active ces options peut être une bonne idée pour limiter le nombre de suppressions involontaires. 

Si cela vous semble trop compliqué vous pouvez au moins prévoir une fonction pour annuler une suppression d’un article. C’est bête comme choux mais presque aussi site ne le propose, en cas d’erreur le client doit retrouver le produit de lui même pour le rajouter à son panier. Dommage …

Arrêter de renvoyer vers la fiche produit

Lorsque l’on a plusieurs produits au panier, comme dans la commande ci dessous  :

lien-panier-vers-produits

Si vous cliquez sur l’image ou le nom du produit vous allez être redirigé vers la fiche produit, c’est un comportement quasi systématique sur l’ensemble des sites e-commerce. Hors un des objectifs de la page panier est de faire avancer le client dans le tunnel de commande, pas de le renvoyer vers la fiche produit.

Il est donc plus judicieux d’afficher les informations produits ici sur la page panier. On peut imaginer deux cas :

  • L’internaute survol la photo produit avec sa souris : On affiche un zoom produit HD qui permet de vérifier que le produit sélectionné est bien le bon (voir permet de consulter les autres vues du produits)
  • L’internaute clique sur le nom du produit : On affiche la liste des caractéristiques techniques du produit + un lien pour retourner à la fiche produit.

On garde donc les mêmes fonctions mais en évitant de perdre le client sur la fiche produit, et oui après l’avoir envoyé sur la fiche produit il faudra trouver comment le renvoyer vers la page panier, c’est l’objet du prochain paragraphe.

Ne pas mettre en évidence le panier si des produits y ont été ajoutés

Si votre typologie de produits s’y prête, c’est à dire si vous avez en moyenne des lignes de commande multi-produits  vous allez avoir un nombre de panier abandonnés relativement élevé et pas mal d’aller/retour entre votre catalogue et la page panier.

petit-panier

Pour éviter que les utilisateurs de votre site e-commerce « oublient » les produits présent dans leur panier il faut absolument leur rappeler qu’ils  ont mis de coté des produits sur les pages catalogue, quitte à prendre de la place sur quelques composants de votre site e-commerce.

Si un produit est au panier votre priorité doit être de rendre ce panier visible au maximum ! Contrasté, pas comme dans l’exemple ci contre, qui prend de la place,  et surtout qui incite à retourner sur la page panier, avec un petit push/argumentaire par exemple.

Ne pas permettre de sauvegarder le panier

Cette fonctionnalité est encore trop peu implémenté dans sites e-commerce français alors qu’elle à deux avantages majeurs :

  • Enregistrer le panier du client pour qu’il le retrouve un clic
  • Obtenir l’email du client (!!!)

Rien que pour le 2eme point cela vaut le coup de mettre cette technique en place. L’idée est toute simple : insérer une fonction avec une icone bien identifiable, de type « disquette » ou « sauvegarde » qui va tout simplement enregistré le panier et l’envoyer par email.

 panier-sauvegarde

Bon dans l’exemple ci dessus la traduction est « aléatoire »  mais la fonction est belle est bien présente.

Une fois le panier enregistré vous pouvez envoyer le contenu du panier par mail avec un mot de passe éventuel pour le retrouver, ou encore mieux, un lien « crypté » unique de type : « monsite.com/panier/jhksdfksdjdiqmaezew »  pour qu’il puisse le transférer d’un ordinateur à l’autre sans contrainte (ou finir sa commande sur sa tablette).

Indiquez que vous livrez dans le pays de l’internaute

Si votre clientèle est internationale vous pouvez indiquer que vous livrez bien le pays ou se situe l’utilisateur. C’est d’ailleurs une bonne pratique à mettre en place même si vous ne livrez qu’en France : ajouter une petite ligne en dessous des produits : livraison en France pour XXX € . Ça rassure toujours d’identifier ou se situe l’utilisateur et de voir que le site est « actif » pour organiser une livraison avec le meilleur service. L’objectif est toujours le même : supprimer les, nombreux, doutes qui peuvent surgir dans la tête de l’internaute sur la page panier.

livraison-internationale

Pour savoir comment identifier le pays de l’internaute vous pouvez vous référez à l’article  Comment remplir automatiquement le champ « Ville » dans un formulaire .

Ne pas indiquez les frais de livraisons par pays

frais-de-livraisonsSi vous livrez dans plusieurs pays il faut l’indiquer et le préciser au maximum, comme ci dessus par exemple, mais si cela n’est pas possible pour vous il faut au moins préciser rapidement quels seront les frais de port  à payer par l’utilisateur.

Dans l’exemple à droite, bien que le choix du pays ne soit pas très facile, l’indication des frais de port est des plus explicite ! Aucun doute sur le prix. En ajoutant le délai moyen de livraison à coté du prix on aurait eu en un clin d’œil toutes les informations nécessaires pour passer commande.

Si vous ne livrez qu’en France vous pouvez faire la même chose avec les transporteurs que vous proposer : UPS, Colissimo, Kiala, Chronopost etc …

 

Regrouper les boutons d’actions

Cette mauvaise pratique est encore assez répandue sur les sites e-commerce mais heureusement en forte baisse.  Un jour peut être nous arriverons à l’éradiquer. Si votre internaute à passer du temps à remplir son panier et qu’il le « perd » car il n’a pas cliqué sur le bon bouton d’action c’est vraiment un élément qui peut arrêter une vente. On sous estime grandement la frustration dans l’abandon des paniers.

Surtout qu’il est extrêmement simple d’espacer ses boutons d’actions et d’améliorer son ergonomie e-commerce

boutons-paniers-colles

 

Sur l’exemple ci dessus on peut voir que le site a utilisé des couleurs et formes différentes pour chaque action, c’est déjà bien, mais qu’un clic malencontreux peut rajouter une ou plusieurs étapes pour passer sa commande. Quand on peut éviter ça avec un peu d’organisation pourquoi se priver ?

Si vous ne voyez pas l’intérêt et la quantité de mauvais clics qui peuvent se faire sur un site e-commerce alors imaginez les cas suivants : interface tactile, touchepad de pc portable, souris peu efficace, personne âgée etc … Si vous imaginez encore votre internaute comme un homme de 35 ans qui surfe depuis son pc desktop avec du matériel haut de gamme sur une connexion haut débit alors vous avez loupé l’évolution du web depuis 2008 … Les occasions, involontaires, de ne pas cliquer au bon endroit sont donc légion !

Conclusions

Améliorer sa page panier n’est pas très compliqué à partir du moment ou l’on se place du coté de l’utilisateur, ou devrait-je dire des utilisateurs. Vous pouvez ainsi définir plusieurs cas clients, des « personae » et tester votre parcours d’achat dans ces conditions. Après il « suffit » de supprimer tous les points bloquants 🙂

Plus simple à dire qu’a faire mais améliorer son site est un des plaisirs de tous les e-commerçants. Et vous vous avez mis quoi en place pour améliorer votre panier  ?

Benoit Gaillat

Diplômé de l'Hetic et travaillant depuis 10 ans dans l'e-commerce, Benoît est Directeur Conseil E-commerce chez Skeelbox, cabinet de conseil en E-commerce dédié aux marques, distributeurs et PME qui souhaitent réussir leur développement digital et cross canal. Twitter | Profil sur Google Besoin d'un expert E-commerce ? 01 84 17 08 51.

9 Commentaires

9 réponses à “Page panier e-commerce : 7 mauvaises pratiques à éviter”

  1. Quentin dit :

    Merci pour ces idées, effectivement, ce n’est pas forcément la page qui est la plus soignée (chez les autres comme chez moi).
    Va falloir que je réfléchisse à tout ça ^^

  2. Simon Tripnaux dit :

    L’idée du tunnel de progression au stade du panier est en effet fondamentale !

  3. eCom-Store dit :

    De très bonnes idées, pas toujours faciles à implémenter sur les cms du marché mais qui pourraient faire la différence par rapport aux concurrents!

  4. Sebastien dit :

    Merci Benoit pour ces conseils.

    J’ajoute qu’il est préférable d’enlever le header et le footer du site dès la première page du panier pour éviter aux internautes d’avoir des possibilités de fuites.
    Une fois que l’internaute est dans le panier, il faut qu’il y reste !! ^^

    Par ailleurs, rien qu’en réalisant un test MVT sur le panier du site Telecharger.com, nous avons pu augmenter le taux de transformation de 98%. Ce qui prouve que le panier a un rôle crucial dans l’efficacité d’un site e-commerce.

  5. Medicaments dit :

    Très bon article pour optimiser son e-commerce. Pas toujours possible cependant et à voir au cas par cas !

  6. JD DOS SANTOS dit :

    Je ne suis pas tout à fait d’accord avec :

    —–
    J’ajoute qu’il est préférable d’enlever le header et le footer du site dès la première page du panier pour éviter aux internautes d’avoir des possibilités de fuites.
    —–

    J’ai plus peur que ça un avis négatif car la personne va changer d’environnement qui était peut être plus rassurant vu qu’elle a effectué un panier. Qu’en penses-tu ?

  7. Alex Chauvin dit :

    Bonsoir,
    Ne pas afficher la date de livraison en fonction du contenu du panier + pays/zone de livraison + méthode de livraison serait peut-être à ajouter à cette liste, par ailleurs très intéressante.
    Alex.

  8. Salut Benoit, je tombe sur ce vieux billet mais toujours d’actualité. Je te rejoins sur l’astuce qui consiste à proposer la sauvegarde du panier. Si on a pas les moyens/le temps de faire un développement comme celui de ton exemple, on peut être malin en proposant juste un bouton SAUVEGARDER MON PANIER. Ce bouton mène juste sur le formulaire de création de compte, donc c’est vraiment pas compliqué à faire. Pour ne pas surcharger en boutons le panier, on peut n’afficher ce bouton que si le visiteur n’est pas connecté.

  9. Merci Alain, c’est une bonne idée aussi ! Tu l’as testé sur un site ?

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.


Le mythe de l’ergonomie

par Benoit Gaillat - Il y a 5 ans

Combien de fois avez vous entendu des phrases comme :

« Sites marchands : l’ergonomie pour mieux vendre »

« Audit ergonomique pour améliorer son taux de conversion »

« Changez votre site, faites une refonte et vous améliorerez votre taux de conversion ! »

Et bien grande nouvelle il y a de grandes chances que ce soit faux. Et oui contrairement à tous les articles traitant de l’ergonomie je vous affirme qu’il y a même des chances que votre taux de conversion baisse suite à une refonte de votre site E-commerce.

Pourquoi ? Parce que dans la majorité des cas la refonte est inutile et/ou mal faite. Aujourd’hui on va voir pourquoi la refonte est, généralement, inutile.

Mon site E-commerce ne vend pas assez

Reprenons la base, si vous faites une refonte c’est souvent pour améliorer la performance de votre site E-commerce. Si c’est « juste » pour rafraichir le design vous pouvez laissez tomber la lecture de l’article et faire votre refonte, ou attendez le prochain article qui traitera de la meilleure façon de gérer un projet de refonte graphique 😉 .

Donc, vous n’êtes pas satisfait de votre taux de conversion et vous envisagez une refonte de site, Pourquoi ? Parce que c’est la solution conseillée par votre « web agencie/expert/consultant/celui qui s’y connait », soyons clair ils n’ont qu’un seul intérêt : celui de bosser pour vous et de décrocher un budget, maintenant le métier de vendre sur internet ce n’est pas trop leur truc généralement.

Hors si vous ne vendez pas, genre vous avez un taux de conversion entre 0 et 0.9 %, ce n’est surement pas que votre bouton ajouter au panier est trop petit ou parce qu’il manque un peu d’infos dans votre tunnel de commande mais il y a beaucoup plus de chances que ce soit parce que votre offre ne soit pas assez attractive pour vos clients.

Et oui c’est moins rentable pour vos prestataires de dire ça mais un mauvais taux de conversion est généralement du à une offre produit inadaptée, une cible peu ou mal identifiée et/ou un argumentaire produit non convaincant.

Après tout si l’on revient aux fondamentaux de la vente le but est bien d’arriver à convaincre une personne d’acheter le produit que vous lui proposez !  Si vous n’êtes pas convaincant il n’y aura aucun achat, même si votre boutique est magnifique et qu’il peut payer de toutes les manières possibles.

La preuve très simplement : sur quoi avez vous craquer lors de votre dernier achat ? Sur le produit ou sur la couleur de la boutique ? Vous avez acheté le bon produit qui vous convenez ou parce que la peinture de la boutique était particulièrement sympa ? La réponse vous l’avez vous même deviné.

Mais est-ce votre site donne envie d’acheter ?

Pour ça il n’y a pas de secret : des fiches produits attractives et qui apportent à l’internaute ce qui lui faut ! Et pour cela le plus simple reste de très bien définir les attentes de votre cible.

Il y a un exercice tout simple à faire : fermez les yeux et imaginez que vous êtes dans un magasin « en dur » (votre boutique en version physique). Que diriez vous à un client aveugle qui entre dans votre boutique et qui voudrait acheter votre produit ?

Vous devez identifier ses attentes : est’ il sensible au prix ? Au coté Fashion ? Aux spécifications techniques ? Est’il jeune ? Vieux ? Est-ce une femme ou un homme ? Comment allez vous le convaincre de repartir avec votre produit ?

Vous devez retrouvez tout le discours que vous venez de tenir dans votre tête dans le descriptif de sur votre fiche produit, non pas sous forme de liste à puce mais bel et bien d’un texte engageant et commercialement attractif.

Vous pouvez répéter ce petit exercice pour l’ensemble de vos produits et comparer avec vos fiches actuelles.

Petit exemple

« Lunettes de soleil Ray-Ban 2150 X300 »

n’est pas et n’a jamais été un texte adapté à la vente en ligne par exemple mais par contre le texte ci dessous est beaucoup plus adapté :

 

Ce design vous est familier ? Il s’agit là d’un best de la collection de solaires Ray-Ban. Les Ray-Ban 3211 001/13 ont une monture en métal doré en forme de masque (un seul verre APX brun) qui confère en plus d’un style moderne et chic, un confort visuel total. Un grand classique de la marque. Toutes les lunettes Ray-Ban sont livrées dans un étui de la marque.

Les lunettes de soleil et les lunettes de vue Ray-Ban sont des icônes, représentant plus de 70 années d’authenticité et de style en matière de lunettes de soleil.

Des lunettes de soleil Aviator aux lunettes de soleil Wayfarer, les lunettes Ray-Ban sont une déclaration culturelle qui imprègne des mondes aussi disparates que les stars d’Hollywood ou les militaires américains. Le slogan ? « Never Hide ». La chose la plus à la mode que vous puissiez faire ? Be yourself (Soyez vous-même).

 

A mon avis, vous avez donc assez de boulot à soigner vos descriptions produits avant de lancer une refonte de votre site. Et oui c’est certes plus long mais cela vous coûtera beaucoup moins cher également.

Ca c’est pour la partie refonte inutile, pour la partie refonte mal faite ça viendra dans un article la semaine prochaine 😉

Et vous, êtes vous assez persuasif dans vos fiches produits ?

 

Benoit Gaillat

Diplômé de l'Hetic et travaillant depuis 10 ans dans l'e-commerce, Benoît est Directeur Conseil E-commerce chez Skeelbox, cabinet de conseil en E-commerce dédié aux marques, distributeurs et PME qui souhaitent réussir leur développement digital et cross canal. Twitter | Profil sur Google Besoin d'un expert E-commerce ? 01 84 17 08 51.

41 Commentaires

41 réponses à “Le mythe de l’ergonomie”

  1. Thomas dit :

    C’est marrant, c’est exactement le problème que l’on rencontre actuellement et on hésite énormément à effectuer une refonte. On a pourtant des descriptions bien détaillées, peut être qu’on ne donne pas assez envie au client.

    Merci pour cet article en tout cas ça va nous permettre de mieux étudier la chose !

  2. Thomas, ton site est le parfait exemple de ce que j’illustre dans l’article. Une refonte bien menée fera progresser un peu le CA (parce qu’il y a quelques lacunes) mais tes fiches produits peuvent surement être mieux au niveau persuasion.
    j’en prend une au hasard -> http://www.boutique-motoculture.com/outils-jardin/le-travail-du-sol/motobineuse/motobineuse-sentar-t400.html

    Je lis la description actuelle :
    Meilleur rapport qualité prix du marché. Cette motobineuse SENTAR T400 est idéal pour les travaux de plantations, potager d’agrément ou potager familial. Guidon réglable en hauteur et déport. Elle est équipée de 4 fraises + disques et roue avant.

    Certes les infos sont présentes mais est-ce que ça donne envie d’acheter ? Non. c’est un descriptif technique bien écrit mais pas du tout une mise en situation. Ta cible sur ce produit doit être le père de famille avec un petit jardin j’imagine. Si tu tournes ça de cette façon :

    Avec la motobineuse SENTAR T400 travailler son jardin pour faire pousser ses légumes devient un plaisir pour toute la famille, ses 4 fraises + disques et roue avant permettent de diminuer le nombre de passage avant de planter vos légumes. Vous ne passerez plus vos dimanche après midi à motoculter votre jardin et pourrez profiter de planter vos légumes en famille, son guidon réglable en hauteur permet même d’initier vos jeunes ado à la motocultre, sous votre surveillance bien sûr. Sa faible consommation rend son utilisation respectueuse de l’environnement pour les générations futures.

    La j’ai essayé de mettre le produit déjà dans les mains de l’internaute pour qu’il se rêve un peu avec. J’imagine que tu sauras trouver de meilleurs arguments en fonction de ta cible bien sûr 🙂 .

    Il faut se mettre à la place de ton client et réfléchir à ses attentes, veut il une machine plus grosse que celle du voisin ? Veut il impressionner ses enfants ? faire des économie de temps ? d’argent ? etc..

  3. Thomas dit :

    D’accord, avec l’exemple je vois beaucoup mieux ce que tu voulais dire dans l’article et c’est vrai qu’on détaille bien la machine en elle même mais on s’arrête là.

    Y’aura donc un sacré boulot à faire de ce côté avant de se focaliser sur une refonte qui n’arrangera peut être pas les choses comme tu l’explique. Ok c’est déjà beaucoup plus clair et on sait par ou commencer maintenant !

    Est-ce que tu penses que la page « catégorie », ou le client choisit sa machine, peut être aussi améliorer dans le même sens ? Elle devra l’être au niveau ergonomique, mais je parle aussi ici du contenu. Par exemple en plaçant une mini-description directement en page catégorie sur chaque produit ?

  4. Oui bien sûr il faut du contenu sur la fiche catégorie, ne serait que pour le SEO 🙂 .
    J’ai trouvé ce lien hier si tu veux y réfléchir -> http://blog.referralcandy.com/2012/03/01/seo-for-the-ecommerce-category-page/

  5. Thomas dit :

    Ok merci ça m’a l’air bien approfondit, je vais étudier tout ça ! Encore merci pour tes conseils ! Bonne journée !

  6. Nico@parapluie dit :

    @Benoît : de toute façon en règle générale changer pour changer est une mauvaise idée. Il peut se passer un miracle, reste que dans 90% des cas le résultat sera déjà pas mal si la boutique ne vend pas moins.

    @Thomas : si je prends cette fiche (http://www.boutique-motoculture.com/outils-jardin/la-taille/taillehaie-electrique/taillehaies-electrique-metabo-hs-8765.html) par exemple, en toute franchise je ne la trouve pas très détaillée. Et en vrac :
    – « disponible maintenant » en orange -> connotation « ATTENTION »
    – bouton d’ajout au panier bas et petit, je ne l’ai pas vu tout de suite
    – mais surtout, vous ne me parlez pas de moi ni de ce que va m’apporter ce taille-haie !

    Je me tâte à en acheter un d’ici peu (peu probable mais possible), je n’ai donc pas choisi ce produit pour rien. Sauf que… Ben je n’y connais rien.
    Hors après avoir lu la description, qui devrait plus être un argumentaire qui me fait rêver ou au moins me donne envie, ainsi que les caractéristiques techniques, voici mes questions qui me viennent instinctivement pour lesquelles je n’ai pas de réponse :
    – bon placement du centre de gravité, ça change quoi pour moi ? C’est pareil si je mesure 1,60m ou 1,85m ?
    – travail peu fatiguant, c’est à dire ? Tailler ma haie qui mesure 3m de haut ça va quand même être fatiguant ?!
    – il fait combien le câble d’alim ? Je dois acheter avec une rallonge ou il fait 10m et je peux tailler ma haie tranquillement ?
    – « absence de vibration », comment c’est possible ? Il fonctionne différemment des autres ?
    – « évacuation de l’air sans gêne » -> concrètement ça veut dire quoi ? Et elle est évacuée où l’air ? Vers la haie que je coupe ? Mes mains ? Ma tête ?

    Bref, AMHA vous avez actuellement des descriptions faites pour ceux qui s’y connaissent un minimum, vous gagneriez certainement à faire une autre description sous forme plus argumentée et plus développée pour les ignares comme moi qui peuvent avoir besoin de vos produits.

    PS : je vous envoie ma facture pour ce consulting.

    PPS : ah non mer**, je ne suis pas consultant…

  7. Nico@parapluie dit :

    Grillé, mais le contenu de la réponse est la même 🙂

    Par contre une refonte pour mettre en valeur ce nouveau contenu une fois fait peut-être utile, comme ce n’est pas prévu dans le template actuel.

  8. Heureusement qu’il reste encore quelques blogs qui lancent de vrais sujets…

    Oui, Benoit, tu as raison, enfin presque…

    Je ne dirais pas qu’il y a de fortes chances qu’une refonte ne serve à rien, je dirais, comme tu le développes plus loin, que le graphisme, l’ergonomie, le référencement, et tout le reste, ça ne sert pas à grand chose si ton offre produit n’est pas bonne.

    Si tu es Sim et que tu mets des porte-jarretelles, tu restes Sim… (marche aussi avec Mimi Mathi)

    Après, quand tu es le prestataire du client, c’est pas toujours évident de lui faire comprendre que le problème du site, c’est pas le site, mais l’offre, voire la personnalité du e-commerçant…

    C’est délicat de dire à un client : « moi je veux bien améliorer votre site, mais je crains que ça ne serve à rien ». Pourtant on le fait parfois… franchement je préfère perdre un budget que de « gratter » quelques euros (ok, quelques milliers) pour que le site se casse la gueule un an plus tard. C’est pas bon pour le Karma et ça n’est pas rentable parce que derrière tu vas perdre des heures à écouter le mec pleurnicher tout en suggérant que le problème vient du logiciel, ou de la plate-forme, ou des prestations.

    Pareil pour les prospects, ça ne sert à rien de signer un projet que tu sais destiné à se prendre un carton. Dans ces cas là moi je les renvoie sur des solutions au %, comme ça leur perte est moindre

  9. Fabien dit :

    Travaillant dans une agence web mon avis reste partagé sur ce sujet. Je pense en effet qu’il y a beaucoup trop d’abus de la part de certaines agences sur ce sujet mais de la à dire que la refonte ne sert à rien… Plus qu’un long discours je vous propose de comparer (ergonomiquement) les deux sites suivants : http://www.chaussettes.com/ et http://www.archiduchesse.com/, notamment les fiches produit ! Franchement ne me dite pas que le design ne joue pas un rôle dans la concrétisation 😉

  10. Je suis d’accord avec toi François, je tire évidement un peu le trait dans l’article pour souligner le propos mais tu as très bien décrit ma pensée :

    « le graphisme, l’ergonomie, le référencement, et tout le reste, ça ne sert pas à grand chose si ton offre produit n’est pas bonne. »

    J’imagine bien que c’est pas facile de dire à un client : Votre business plan il est mauvais mais le problème c’est que bien souvent les agences web sont le premier contact du e-commerçant avec la réalité, ils n’ont souvent aucun accompagnement avant.

    Peut être qu’il manque une étape pour « valider le projet » avant le lancement d’un site E-commerce, d’après mon expérience c’est souvent là que ça pêche :/

  11. Fabien, je connais plus d’un site moche comme un pou qui convertissent au dessus de 10% et parfois c’est vraiment pas joli du tout , voir même pas ergonomique alors oui l’ergonomie est importante et permet bien de booster le taux de conversion et la satisfaction clients mais c’est une étape à faire APRES avoir optimisé l’adéquation entre l’offre produit et la demande client.

    Pour ton exemple oui Archiduchesse est plus joli que chaussette.com, c’est indéniable. Est-ce qu’il convertit plus ? Peut être mais je voudrais voir les chiffres des deux pour comparer. Mais si Archiduchesse marche si bien c’est surtout parce que Patrice Cassard est un super communicant et à su faire adhérer à son projet énormément de personnes, le beau site est plus la résultante de son talent mais surement pas la cause de son succès 😉

  12. David Houillon dit :

    TRUE !

    Une amélioration en ergonomie et en design permettra de monter le taux de conversion si comme tu le dis celui-ci est en accord avec le taux du produit et du marché. SI celui-ci est au raz des paquerettes (parce que l’offre est hors sujet par rapport à la demande) alors l’ergonomie ou la tronche de la boutique ne changera absolument rien.

    Je suis aussi intéressé par les chiffres des deux boutiques avancées par Fabien 🙂

    PS: étonné qu’on ne te l’ai pas encore dit : dernière phrase : « Et vous, êtes vous avez persuasif dans vos fiches produits ? » « Assez » serait plus approprié 😛

  13. Romain BOYER dit :

    Bon gros sujet bien polémique ! 🙂

    tu as bien sûr raison sur le fond, l’ergonomie ne fait pas tout, et la description des produits est prépondérante pour l’achat.

    Maintenant, les études montrent qu’avoir un plus gros bouton d’achat, bien placer ses éléments sur sa page et avoir un plus gros visuel aident à l’achat, c’est de l’ergonomie et ça aide (meilleure source pour voir ce que ces modifications mineures apportent à la conversion : whichtestwon et les études que j’ai relayées ici même : http://www.info-ecommerce.fr/tag/a-b-testing-ecommerce)

    J’avais d’ailleurs fait un post ergonomie Vs design, qui gagne : http://www.info-ecommerce.fr/2132/match-ergonomie-versus-design-qui-gagne

    Mais évidemment, de l’ergo et du design sans contenu, ça n’a jamais fait une affaire qui roule.. ou alors sur un gros malentendu..

    Et je te rejoins sur le fait qu’une grosse refonte ergonomique est par définition risquée, et entre nous complètement débile. Tous les experts disent qu’il vaut mieux procéder par petites touches, ne serait-ce que pour savoir ce qui a VRAIMENT changé les choses (en bien ou en mal).

  14. Jovi dit :

    Globalement d’accord avec vous tous, sauf que vous n’évoquez pas un cas qui arrive souvent : un e-commerçant possède un site sous un CMS ancien (voir un développement spécifique qui n’a plus évolué depuis des années).

    Note : la suite de mon commentaire ne porte donc pas sur la qualité de son offre.

    Et pour l’amélioration de ses process, la gestion de sa logistique, et même pouvoir proposer de nouvelles fonctionnalités pour ses clients et qu’elles soient viables, c’est à dire ne pas être développées sur une base technique qui ressemble déjà à une usine à gaz…
    … bref, dans ce cas, une migration de son (vieux) site vers un CMS plus récent (Prestashop, Magento, etc.) est bien souvent une solution louable, non ?

    Reste qu’en modifiant le moteur e-commerce, difficile de garder un front-office identique à l’ancien et l’on en profite donc pour faire une refonte globale.

    Dans ce cas, effectivement l’on risque une chute du référencement et donc une chute du CA au lancement du nouveau site. Mais généralement, ce n’est que temporaire et si le résultat est mieux (c’est aussi le but d’une refonte), y’a de fortes chances que cela transforme plus, non ?

    Qu’en pensez-vous ?

  15. C’est une bonne question Jovi, C’est vraiment le seul cas ou la refonte est généralement nécessaire en effet.
    Dans l’idéal il faudrait cependant faire la migration technique en gardant le même front office et changer le design/ergo dans un second temps. Pour des raisons de coûts cela n’est jamais fait bien sûr.
    Cela permettrait de mieux gérer le projet et d’éviter que l’ergonomie ne souffre des problèmes de déploiement d’un nouveau back office, ce qui arrive souvent.

    De plus les compétences des web agencies sont rarement aussi bonnes coté front et coté back, on a donc des chances d’avoir une mauvaise migration, souvent du coté ergonomie suite à une migration de CMS.

    Faire bosser deux agences spécialisées sur le même dossier est encore un peu utopique malheureusement mais je suis sûr qu’on se dirige de plus en plus vers ça.

  16. eric dit :

    Très intéressant tout ça en revanche je suis parfois (très souvent même soyons franc) choqué quand je lis des taux de transformations de 10%.

    Quelques sites à donner en exemple ?

    Je ne remets pas en doute vos affirmations mais ça m’intrigue et j’aimerai bien voir quelles niches et quels sites permettent un score si élevé.

  17. Eric je n’ai pas l’autorisation de poster des captures d’analytics par exemple de certains comptes que je gère mais je peux t’affirmer que au dessus de 10% c’est faisable.
    Par exemple les sites de drives-in (type leclerc , carrefour etc..) doivent être bien au dessus (vers 25%) car ce sont des outils de passage de commande, les internautes n’y vont, quasiment, que pour passer commande.
    Certains sites comme proflowers revendiquent même vers les 35% de taux de conversion

  18. eric dit :

    bien vu pour les sites de drive-ins… j’avais déjà lu pour proflowers mais j’ai du mal à y croire, c’était plus des RP qu’autre chose cette annonce.

  19. ZISERMAN dit :

    Hello Benoit

    Je ne suis pas en phase avec ce billet.

    Tu pourras dire que c’est parce que je suis intéressé, mais c’est faux, parce qu’on fait appel à moi pour de l’accompagnement « global » et que je peux donc conseiller plusieurs actions, refonte ergo, travail sur l’offre, …

    J’ai des contres exemples en tête : Jean Paul Gaultier, pour qui la refonte a apporté +10%. Même résultat sur Lolita Lempicka.

    Dans ces cas là, il s’agissait de site réalisés par des agences, avec des ergonomies très spécifiques.

    J’ai commencé ma réponse en disant que je n’étais pas d’accord, c’est en grande partie pour le plaisir de la polémique.

    En fait, ce qui me dérange dans ton approche, c’est de mettre les choses en opposition.

    Je vois le commerce comme du saut en hauteur : on passe ou pas, c’est binaire (on vend ou pas…). Et pour sauter, il faut que tous les critères soient alignés : qualité du site, offre, …

    Après, bien sûr, il y a des gars peu scrupuleux qui vendent n’importe quoi. Mais je trouve dommage de pointer du doigt une profession. Je pense qu’on n’a pas grand chose à y gagner 😉

  20. Tu as raison François, mon but n’est pas de pointer du doigt une profession mais plutôt de voir d’autres opportunités que celles généralement proposées.

    J’ai un peu l’impression que dès qu’un site ne vend pas on lui cherche un bouton de travers ou un contraste un peu léger et on propose une refonte, faisons déjà un peu d’AB testing avant cela 😉

    Hors il ne faut pas se voiler la face, le problème N°1 des e-commerçants, surtout dans les petits, mais pas seulement, est plutôt la mise en valeur du produit et la valeur ajoutée réelle du site, voir plus basiquement l’adéquation entre l’offre et la demande qu’un réel problème d’ergonomie.

    Une fois atteint un certain volume alors oui l’optimisation de l »‘ergonomie permet de tirer le CA vers le haut et la rentabilité également mais cela n’a jamais été la base du (e-)commerce.

    Par contre je ne suis pas d’accord avec toi sur « on vend ou pas ». « On ne vend pas beaucoup et puis on optimise pas mal » serait plutôt ma devise 😉

  21. ZISERMAN dit :

    Yep.

    Par rapport à la vente « booléenne », je parle de l’acta d’achat, du client. Pour lui, c’est binaire en fin de compte, il achète ou pas.

    Bon, on est d’accord alors. Zut, moi qui me préparais à polémiquer 😉

  22. Delphine dit :

    Article prouvant qu’il est malheureusement toujours besoin de rappeler que l’ergonomie ne se résume pas à choisir la place du bouton ou la bonne couleur du fond d’écran.
    Le fondement de l’ergonomie est l’analyse de l’activité pour concevoir des produits et services qui s’adaptent aux besoins des utilisateurs. Besoins en termes d’interactions avec le produit et également en termes de fonctionnalités apportées par le produit.

    Les objectifs sont: utilité, utilisabilité et convivialité
    Qui utilise le service, pourquoi, comment, et est ce que l’expérience utilisateur est suffisamment plaisante pour fidéliser ma cible?

    Pour reprendre votre exemple concret d’un site e-commerce, vous pouvez parfaitement demander à un ergonome de vous aider à identifier votre cible client, d’effectuer des focus groups avec un échantillon représentatif pour évaluer l’intérêt pour vos produits et/ou de faire émerger de nouveaux besoins. Ensuite, l’ergonome sera en mesure d’aider à la conception de l’interface pour qu’elle réponde à la phase de recueil des besoins et bien sûr qu’elle soit également facile et agréable à utiliser.

    Voilà la démarche qui nous est enseignée en Master, qui est partagée et sans cesse enrichie dans la littérature et qui est pratiquée par les ergonomes. Je ne parle pas des charlatans (souvent non ergonomes), repliés dans leur cabinet, qui utilisent des guidelines décontextualisées sans jamais croiser d’utilisateur 😉

  23. Delphine dit :

    Ah ben justement en continuant de fureter, je tombe sur cet exemple. ->Démarche ergonomique réussie avec immersion pendant 6 mois dans le domaine métier pour concevoir une interface ADAPTÉE à l’activité réelle des utilisateurs 🙂

    http://www.lesechos.fr/entreprises-secteurs/innovation-competences/technologies/0201943552299-agfa-veut-faire-entrer-le-tactile-a-l-hopital-301115.php

  24. Antoine dit :

    Je plussoie la remarque de Delphine. L’ergonomie, ce n’est pas une conception à l’aveugle. Un travail sérieux en ergonomie va mener l’ergonome à étudier les besoins des utilisateurs , à mener des focus groups ou des tests utilisateurs afin de bien comprendre quels sont les manques perçus par les utilisateurs. 🙂

  25. Merci Delphine et Antoine,
    Je suis bien d’accord avec vous sur le fond mais ce n’est presque jamais ce qui est réellement vendu dans les prestations de web agencies ou le ergonomie = nouveau design dans la majorité des cas et non pas adaptation du site à la cible.

  26. Thierry Depuydt dit :

    Comme dirait l’autre : La proposition de valeur, c’est le secret de la réussite…

  27. Raphaël dit :

    La limite de l’ergonomie c’est les ergonomes… Un ergonome n’est pas un marketeur ! Ils sont de gentils pandas dans un monde de business, leur culture user centric n’est malheureusement pas du customer centrisme.

    Je comprends tout à fait ce billet, mais si je fais le consultant cynique, j’aurai tendance à dire que l’ergonomie d’un site a le bon goût de remettre personne en question en interne, car c’est rare qu’il y ait un ergonome en interne. Par contre un acheteur et un marketeur, il y en a forcément. Résultat, les prestataires restent en zone de confort. Naturellement, comme l’évoque François, sur des produits dont le marketing est validé par ailleurs, l’ergo est un gros axe de travail.

  28. denis fages dit :

    Cela me fait plaisir de lire cet article ! Du bon sens… Le vrai problème d’un (petit) e-commerçant est de maitriser suffisamment les compétences impliquées et ne pas se reposer sur les « avis » d’autorités plus ou moins intéréssées sur les priorités de ce qui doit être fait, et dans quel ordre.
    Quel e-commerçant est graphiste, ergonome, rédacteur publicitaire, photographe, webmaster, commerçant, acheteur, vendeur, web-analyste, spécialiste de Adwords, pro du référencement, gestionnaire, financier… ?
    Les « erreurs » à corriger sont toujours des erreurs grossières, donc toujours sur les fondements. Donc l’offre produits, le positionnement et la rédaction du contenu sont prioritaires. Mais si les « services » clés (port, délais, paiement, contact, SAV…) ne sont pas niquel bien entendu que cela affectera le taux de conversion. Et l’ergonomie aura un impact aussi, mais après… C’est effectivement la somme de toutes ces améliorations qui vont élever le taux de transfo. Mais il ne faut pas se tromper de priorités. C’est l’essence de ce que je désire transmettre aux e-commerçants.
    Quand à l’esthétique, c’est très dépendant du secteur. Il est prouvé par stat que très beau = cher… et inversement, donc rendre beau peut même dégrader le taux de conversion puisque malheureusement la perception du prix reste un facteur déterminant dans l’acte d’achat. L’objectif fondamental reste la lisibilité, la clarté, pas l’esthétique.

  29. C’est bien ça le problème, la tentative d’un consensus en E-commerce entre les différents intervenants du projet mène souvent à un compromis défavorisant le client.
    Une refonte ergonomique permet souvent d’éviter de se poser les bonnes questions.
    Bon il faut aussi reconnaître qu’une refonte est parfois utile et parfois bien menée, il arrive même que des refontes soient utiles et bien menées 😉

  30. Il faut reconnaître que quand on est un petit E-commerçant une bonne dose de bon sens et pas mal de boulot sont souvent suffisant pour débuter, l’accompagnement permet souvent de faire moins d’erreurs et d’économiser un peu sa trésorerie à moyen terme et à long terme.
    J’ai l’impression que le conseil et se faire accompagner ne sont que moyennement une habitude en France, même sur des sujets très compliqués.

  31. denis fages dit :

    Oui, il est plus fréquent de mettre l’accent sur l’économie réalisé en ne faisant pas appel à des professionnels extérieurs et de tenter de se débrouiller tout seul. C’est une erreur de jugement dans bien des cas. Car un bon professionnel qui vous accompagne doit apporter une valeur ajoutée rentable. Il faut tordre le coup aux mauvaises habitudes et encourager le coaching efficace.

  32. Magento-Prestashop dit :

    La conversion, c’est un tout :
    1 – L’offre produit : Largeur/profondeur, compétitivité. Sans bonnes gammes, vous pouvez faire tout ce que vous voulez, vous vendez pas.
    2- La mise en valeur de l’offre : Là, oui, textes et photos sont fondamentaux.
    3-L’ergonomie du site. Mais c’est quoi, l’ergonomie ? c’est pas juste réflechir aux tailles/couleurs des boutons. C’est les chemins de navigation, l’arbo, la valorisation promotionnelle, le checkout, etc…
    4 – Le ciblage trafic. Si vous faites de l’Adwords vers des catégories dans lesquelles vous avec 4 produits trop chers qui se courrent après, pas de conversion à l’horizon. donc pour les marchand, il faut savoir se regarder dans la glace et reconnaitre là ou est performant et là ou on l’est… moins.

    Et dernier point : 70% des sites font moins de 100 commandes/mois (FEVAD). Ils n’ont de toutes façon pas les moyen de payer pour une ‘vraie’ reflexion de l’agence qui leur fait le site.

  33. On est bien d’accord que la conversion ce n’est pas que de l’ergonomie et que la persuasion et la crédibilité de l’offre sont souvent oubliés par les web agencies, je suis heureux de voir que certaines s’en préoccupe 😉

    Pour ton dernier point il faut relier ça a la sous capitalisation générale des e-commerçants. Etre e-commerçant cela demande du cash, si l’on s’autofinance on grandit doucement et a peu de frais (majorité des ecommerçants), sinon une fois que le business model est validé on fait une levée de fond et on peut aller plus vite et se payer du conseil.

  34. Franck dit :

    A part le commentaire de Delphine, combien de personnes sont au fait et peuvent définir l’ergonomie ? C’est pourtant facile, l’ergonomie est normée (ISO 9241, ISO 13407) est le minimum vital à savoir est : l’ergonomie est UNE DEMARCHE.

    Je suis donc gêné par la confusion qu’il y a entre « refonte (de l’ergonomie) du site » et Ergonomie.

    Un ergonome dit qu’un produit/site doit être adapté à son utilisateur (faut-il encore savoir définir ses utilisateurs (tout court) ou autrement qu’en segment de marché).
    Et pour cela l’ergonome s’intéresse à savoir si (je raccourci) :
    1/ le site est UTILE
    2/ le site est UTILISABLE
    3/ les utilisateurs sont SATISFAITS

    S’intéresser à la « refonte du site » sans autre intrant que des commentaires « il faut en changer » n’est certainement pas une bonne approche et se résume pour moi à travailler avec des oeillieres sur un site plus facile à utiliser UNIQUEMENT. Hors le point de départ de la démarche d’ergonomie est d’identifier les BESOINS des utilisateurs pour être certain que le site/produit est UTILE, apporte une valeur ajoutée etc…

    Les ergonomes « gros boulets user centric », comme je l’ai lu, publient régulièrement des nouvelles infos et tendances comme par exemple le Persuasive Design ou comment à travers l’interface impliquer et engager les utilisateurs dans une relation. Comme les ergonomes sortent souvent d’études en psychologie et psychologie cognitive, ils maitrisent ce champ d’étude.

    Alors ne mélangeons pas tout, oui impliquer un ergonome -qui pourra mettre en œuvre une démarche centrée utilisateur- dans la conception ou reconception d’un site va permettre d’augmenter le taux de conversion. C’est mon métier et c’est ma valeur ajoutée !
    S’en passer c’est prendre des risques, donc ça peut marcher ou pas…

  35. Bonjour Frank,
    Je suis bien d’accord avec toi , le mélange entre l’ergonomie et le design et pourtant souvent fait au seins des web-agencies, voir même, et c’est le but de mon article, les refontes sont souvent des refontes graphiques et non pas ergonomiques d’ou la baisse parfois de la performance commerciale des sites web.

  36. aurélien dit :

    Article très intéréssant ! Un article est prévu sur la déclinaison mobile des sites e-commerce ? (version mobile HTML5 vs Application, accès full site ou plutôt axés utilités (suivi de commande, contact)…)

  37. Jb Cayzac dit :

    Je suis totalement d’accord ! Dans le cas des chaussettes, le design est prioritaire et l’internaute consomme le produit des yeux par la qualité des photos et du graphisme.

    Dans le cas d’un achat de motoculteur ou d’un outil de jardinage, le design de l’outil est important mais vient après les fonctions du produit et bien après ce qui dans le look du site web, permettra d’être rassuré sur la qualité du produit.

    Le site http://www.boutique-motoculture.com/ ne souffre pas (à mon sens) de mise en avant d’arguments techniques. Je le trouve spontanément clair, ergonomique et si je veux acheter, c’est simple et il me met en confiance.

    Un bémol cependant : si je n’achète pas sur ce site, c’est peut-être parce que je n’ai pas ou peu de chances de tomber dessus en tapant dans Google au moins 10 noms correspondant à 10 articles standards qui m’offriront 2 à 3 voies d’entrées sur ce site.

    Faites le test vous mêmes. Ce site est très bien fait mais c’est une « île » qui, pour l’instant, ne se trouve sur aucun « chemin d’affaires ». Elle est abandonnée au milieu de nul part.

    Mon conseil à délivrer auprès de ce distributeur (à tester si vous ne l’avez pas déjà fait) : mettez sur 2 ou 3 plateformes commerciales notoires (eBay par exemple, etc.) les 10 noms correspondant à 10 de vos produits et donc à 10 entrées chez vous et regardez le résultat dans quelques jours sur Google en tapant ces 10 mots.

    PS : Traduisez ces mots en 3 langues sur eBay (US, Fr, Esp), vous multiplierez les clics de façon assez surprenante.

    Vous ne pourrez bien sûr pas mettre de lien vers votre site sur les plate-formes commerciales, mais c’est inutile et facile à contourner en restant « fairplay » avec ces mastodontes capables de faire ou défaire votre succès chez eux. Le nom de votre boutique tiendra lieu de « référence » que tout internaute cherchera systématiquement sur Google pour en savoir plus sur votre société (et non sur votre produit).

    Faites la même chose avec un plan media d’une douzaine de media (petites annonces + ou – gratuite dans la presse qui les accepte pour continuer à exister 😉 sans mettre de lien vers votre site (c’est rapidement censuré) et l’incitation à savoir qui vous êtes sur Google produira exactement le même effet. A chaque fois qu’on voit un de vos slogans courts et très bien travaillé dans un media, l’internaute vous cherchera sur Google en tapant le mot clé correspondant à l’un de vos produits et Google vous remontera TRES RAPIDEMENT. (Mettre un lien dans un canard à gogo qui génère du trafic n’aurait aucun impacte sur un moteur de recherche : c archi connu depuis la naissance même des moteurs de recherches 😉

    Si le résultat = « quand je cherche un outil pour jardiner sur Google » me permet de tomber sur vous (au moins) en milieu de 1ère page, alors je ne perds pas davantage mon temps à chercher plus loin. (Sauf pour comparer les prix grace à vos mots clés correspondants à l’intitulé de vos produits). C’est seulement à cet instant que l’ERGONOMIE de votre site entre en jeu. Et ce site n’est pas parfait mais rien ne justifie de faire de profondes modif (à l’exception de la cohérence à ajouter dans le circuit d’information qui va de la « petite pub » sur eBay, vers le site. Mais rien que quelques minutes par ci par là que Google Analytics vous indiquera si nécessaire.

    Option 1 : Si l’expérience « proche de la gratuité » et nécessitant moins de 15 heures d’organisation fonctionne, répondez à ce post dans 1 mois 🙂

    Option 2 : Si la démonstration facile à tester ne fonctionne pas, faites le moi savoir sans même avoir à vous justifier, j’apprendrai quelque chose de nouveau sur 1 (une) technique de référencement pas encore trop répandue.

    De la recherche simplifiée naît l’achat spontané.

    Au plaisir de voir rapidement vos articles produits en 1ère page de Google 😉

  38. Guillaume dit :

    Bien d’accord avec toi, Franck. Si seulement quelques personnes connaissaient vraiment la définition de l’ergonomie.
    Il s’agit, selon l’étymologie du mot, de la science (nomos) du travail (ergon). Travail est entendu au sens d’effort physique ou mental d’une personne par le biais d’un outil.
    Rien à voir avec l’esthétique ! D’ailleurs, le design non plus. Encore un mot galvaudé et qui fait vibrer les cordes vocales des gens pseudo branchés. Design, traduit de l’anglais, signifie conception…
    Y a encore beaucoup de chemin !

  39. Solution eCommerce dit :

    La compétition est de plus en plus féroce !

    Oui une bonne ergonomie va améliorer la conversion, oui un contenu de bonne facture va, lui aussi, améliorer la conversion. Mais comme dans une compétition de haute tenue il faut travailler TOUS les sujets et ne pas chercher à les opposer les uns aux autres.

    Le contenu est ROI et ce n’est pas prêt de changer avec nos amis des moteurs de recherche.
    Une ergonomie de qualité c’est, là aussi, une évidence. Qui a envie d’aller dans une boutique « en dur », où l’on ne retrouve rien, et où aucun vendeur ne connait ses produits ? Pas moi !

    Il faut donc une vue globale et faire en sorte d’intervenir sur le maximum de points simultanément (enfin presque… juste prendre le temps de mesurer chacune des évolutions unitairement).

  40. Alexandra dit :

    Je ne reviendrais pas sur le propos en lui même puisque je suis plutôt d’accord avec ce qui a été dit. Même si, en tant qu’ergonome, j’estime que l’un des premiers conseils à prodiguer à un client pour améliorer son taux de transfo est bien sûr d’améliorer les textes des ses fiches produit ainsi que les photos de produit d’ailleurs (heureusement l’ergonomie ne préconise pas uniquement de grossir les boutons et de les mettre en vert :)).

    Pour moi deux composantes sont mélangées ici qui ne sont pas sur le même plan. le cœur de l’offre (la gamme, les produits) et le support (le site).

    Je suis parfaitement d’accord, un e-commerce est en premier lieu un commerce et un produit qui ne trouve pas sa cible ne se vendra pas. Dirigeant moi-même une agence web (je suis ergonome et web designer), je ne me vois pourtant pas décourager un client (sauf cas vraiment flagrant de projet voué à l’échec où je déclare poliment mon scepticisme…) en prenant sur moi de lui affirmer que sa gamme est mal construite ou son produit inintéressant. Cela ne relève pas de ma compétence et la plupart du temps je n’en sais rien (si le patron d’archiduchesse m’avait demandé mon avis je lui aurais sans doute dit de laisser tomber vu que des chaussettes on en trouve partout…).

    Mon métier est de faire un support, un site donc, le plus efficace possible et je pense y parvenir, quand au cœur de l’offre je laisse à ceux dont c’est le métier le soin de s’y pencher (le commerçant en premier lieu, qui est censé avoir étudié sérieusement son offre et fait une étude de marché).

    Pour finir par une évidence je dirais qu’un site bien conçu vendant des produits hautement désirables a nettement plus de chance de convertir qu’un site fait en dépit du bon sens et remplit de choses dont personne ne veut…

  41. Zorg dit :

    Attention je pense qu’il faut faire au cas par cas !

    En effet nous avons changé un menu sur notre site et augmenté le tx de conversion de 0.2% en le rendant plus simple d’utilisation…

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.


Le One step checkout de Salomon

par Benoit Gaillat - Il y a 5 ans

Le « One Step Checkout » ou « tunnel de commande monopage » en (bon?) français est encore assez peu répandu et peut pourtant correspondre à la meilleure solution dans bon nombre de cas.

En effet pourquoi imposer 4,5,6 voir 7 étapes (ou plus) pour finalement demander peu d’informations à l’utilisateur. Le « One step checkout » permet de tout faire loger sur une page.

Chez Salomon, la marque de ski, ils ont trouvé un très bon système et ont réalisé une belle intégration du concept avec ce checkout ultra simple et ultra rapide :

  • Pas de retrait en boutique
  • Paiement uniquement par CB
  • Seulement deux modes de livraison
Il ne manque qu’une vérification des champs en temps réel pour avoir un checkout proche de la perfection (note: théoriquement) si l’on a besoin d’un checkout simple.

Et vous que pensez vous de ce tunnel de commande ultra simple ? Trop simple peut etre ?

Benoit Gaillat

Diplômé de l'Hetic et travaillant depuis 10 ans dans l'e-commerce, Benoît est Directeur Conseil E-commerce chez Skeelbox, cabinet de conseil en E-commerce dédié aux marques, distributeurs et PME qui souhaitent réussir leur développement digital et cross canal. Twitter | Profil sur Google Besoin d'un expert E-commerce ? 01 84 17 08 51.

11 Commentaires

11 réponses à “Le One step checkout de Salomon”

  1. C3M dit :

    Je trouve pas mal du tout, mais cela ne s’applique dans un cas particulier et un segment de client : pas d’options, pas de services a choisir, pas de choix de mode de paiement.
    Pour des achats classiques, 2 étapes me semblent pas mal.

  2. Oui il faut avoir peu d’options pour avoir un formulaire aussi simple et rapide mais c’est assez souvent le cas pour les pure players.

  3. Schuss dit :

    Très bonne idée mais je pense que le site e-commerce à tout de même intérêt à proposer 2 types de formulaire. Celui-ci et un autre plus classique avec options. On pourrait alors éventuellement avoir 2 types de paiement : achat rapide, achat personnalisé (ou classique).

    Sinon d’accord avec l’auteur de l’article, une gestion des champs en temps réel et on a là un bon cas d’école d’ergonomie. Attention toutefois à savoir quand on passe en https sur le site (je ne l’ai pas testé, la flemme p-e ^^)

  4. Hugo dit :

    Comment le client fait-il pour suivre sa commande s’il n’a pas de compte ? Il attend simplement ?
    Ce système est-il celui en vogue aux Etats-unis ? (j’ai un doute)

    Merci

  5. C’est la toute l’astuce, il crée un compte avec ce formulaire ultra rapide 🙂 . Il y a le login / password dans les champs

  6. Boris Sawicka dit :

    Je dirige l’agence Nately et nous avons réalisé le site de e-commerce oleosea.com sous magento pour qui nous avons fait également un one pagecheckout. Perso je pense que c’est idéal.

  7. Et les chiffres de conversion sont bons avec ce onepagecheckout ?

  8. référencement naturel dit :

    Excellent taux de conversion avec ce type de formulaire sur mes sites clients. Aux Etats-Unis, ce type de checkout est utilisé depuis très longtemps notamment dans le secteur de la billetterie en ligne.

  9. Hugo dit :

    D’accord merci beaucoup , j’avais compris que la création du compte était optionnelle et qu’il ne rentrait au final que l’adresse s’il voulait aller au plus rapide.
    Du coup, pas d’inscription à la newsletter? Ne pas faire de confirmation de mot de passe n’est-ce pas un peu « risqué » ?

  10. Ben après qu’il ait passé sa commande tu peux faire un mailing pour lui rappeler ses identifiants et mot de passe et lui demander une inscription à la newsletter si tu veux.

  11. yann dit :

    Ok, quelle billetterie utilise cette solution de onestepcheckout ?

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.


Wizishop lance Ecommerce Pictures, la banque d’images pour sites e-commerce

par Benoit Gaillat - Il y a 5 ans

Après un teasing plutôt bien organisé par Wizishop sur son blog nous avons enfin pu savoir ce qui se cachait derrière ce nouveau projet : une banque d’images sous créative commons mais spécialisée pour les sites e-commerce et appelée Ecommerce-pictures.com

Au menu ? Du bouton d’action, des bannières prêtes à l’emploi, des logos (banques, systèmes de paiement, sécurité etc…) Bref de l’indispensable pour tous les e-commerçants cherchant à monter ou redisigner sa boutique en ligne.

Le concept du site est de permettre à tous les e-commerçants, et pas seulement ceux sous wizishop, de concevoir leur boutique avec des elements graphiques spécialisés pour l’ecommerce.

Une très bonne initiative qui est en plus ouverte aux contributions extérieurs, si vous avez un peu de talent graphique foncez et proposez vos créations !

Site officiel : http://www.ecommerce-pictures.com/

Benoit Gaillat

Diplômé de l'Hetic et travaillant depuis 10 ans dans l'e-commerce, Benoît est Directeur Conseil E-commerce chez Skeelbox, cabinet de conseil en E-commerce dédié aux marques, distributeurs et PME qui souhaitent réussir leur développement digital et cross canal. Twitter | Profil sur Google Besoin d'un expert E-commerce ? 01 84 17 08 51.

Aucun commentaire

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.


Les bases de l’A/B Testing E-commerce [Infographie]

par Benoit Gaillat - Il y a 5 ans

L’AB testing est une des technique les plus efficace pour gagner des points de conversion et rentabiliser ses campagnes, aussi bien en afiliation qu’en paid search ou que pour vos newsletters. Voici donc un petit récapitulatif sous forme d’infographie pour mettre en place des campagnes d’AB testing sur vos sources de trafic payantes.

Un indispensable : à imprimer et à coller prêt de son bureau !

 

Cliquez sur l’image pour zoomer

Benoit Gaillat

Diplômé de l'Hetic et travaillant depuis 10 ans dans l'e-commerce, Benoît est Directeur Conseil E-commerce chez Skeelbox, cabinet de conseil en E-commerce dédié aux marques, distributeurs et PME qui souhaitent réussir leur développement digital et cross canal. Twitter | Profil sur Google Besoin d'un expert E-commerce ? 01 84 17 08 51.

Aucun commentaire

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.


10 solutions pour avoir de beaux boutons d’actions

par Benoit Gaillat - Il y a 5 ans

Les boutons d’actions jouent un rôle prépondérant dans le taux de conversion d’un site e-commerce. Entre un bouton gris tout petit et peu contrasté et un grand bouton incitatif le taux de conversion peut varier de façon spectaculaire.

Un bouton on ne peut plus simple

Une des bases de l’A/B testing est de jouer avec les tailles, les intitulés et les couleurs des call to actions (l’autre nom des boutons d’actions)  pour toujours optimiser le taux de clic. Voici donc 10 ressources pour trouver de l’inspiration ou des conseils pour optimiser ses boutons d’actions web.

1) Super Awesome Buttons with CSS3 and RGBA

Cet article (en anglais) vous permet de créer de superbes boutons d’actions en CSS3 avec le code détaillé, des exemples de couleurs et de fonds et toutes les informations necessaires pour l’adapter à votre site. Un vrai tutorial complet à consulter régulièrement.

Cliquez sur l’image pour lire l’article

2) ButtonBoost

ButtonBoost est un petit webservice permettant de vous créer un bouton répondant exactement à vos besoins mais sans connaissances graphiques particulières (pas besoin de photoshop).

Il faut obligatoirement s’enregistrer pour télécharger son bouton mais pas pour jouer avec l’outil. Attention il est possible de faire des trucs très moches également…

Cliquez sur l’image pour accéder au site

3)AsButtonGenerator

Un beau générateur de boutons qui monte au maximum à 600*200pixels, ce qui est peut être un peu gros pour un bouton « ajouter au panier » mais bon si vous voulez tester au moins vous pouvez.

Très simple, l’interface bien pensée ne devrait pas vous poser de problème pour obtenir quelque chose de sympa rapidement. Et en plus il n’y a pas besoin de s’enregistrer pour récupérer son travail.

Cliquez pour accéder au générateur

4) ButtonMaker

ButtonMaker est un peu spécial, ce n’est pas un générateur de bouton image mais au contraire de bouton CSS. Le principe est simple : vous générez la css de votre bouton et l’appliquez après sur votre site ou vous voulez.

Très simple à utiliser il permet réellement, grâce aux css, de pouvoir mettre en places des tests régulièrement (sur l’impact des couleurs par exemple) en toute simplicité.

Cliquez sur l’image pour accéder au site

 5) 10 Awesome CSS3 Buttons to use on your website

Le titre est assez clair je pense et explique bien ce que vous allez trouver à l’intérieur de l’article (en anglais), 10 boutons simple à créer en CSS, avec le code fournit. Principalement axé sur le travail des couleurs cela fait une bonne base de travail pour commencer à se former aux boutons d’actions.

Cliquez sur l’image pour lire l’article

6) Sexy CSS over Button

Encore un article en anglais mais cette fois sur la création d’un effet au survol d’un bouton d’action, pratique pour mettre le focus sur l’action en cours ! Il vous faudra votre logiciel de création d’images préféré , le tutorial étant avec Photoshop bien sûr.

Attention cet article demande un peu de connaissance CSS et surtout de création graphique, les images de bases n’étant pas fournies.

Cliquez sur l’image pour lire l’article

7) Un générateur de boutons pour applications Iphone

Si vous avez un site E-commerce vous avez peut être en projet de développer une version mobile, voire une application pour les webphones. Voici donc un kit pour générer des boutons plus sympa pour votre application.

Il vous faudra des connaissances de programmation Iphone pour utilisez le kit, ceci n’étant pas mon cas je n’ai pas pu tester l’application.

Cliquez pour accéder au kit

8 ) Tutoriel sur les boutons CSS en français

Dans toute cette sélection anglaise voici une petite pointe de français avec un cours de débutant sur la création de boutons en CSS. Indispensable pour comprendre les bases.

Au menu ? Bouton simple, bouton en relief, les menus. Tout ça avec les codes html et css qui vont bien.

Cliquez pour lire l’article (en français)

9) 60 ressources pour trouver le bon design de bouton d’action

Si le code et le graphisme ce n’est pas votre truc alors le lien ci dessous est fait pour vous : 60 liens vers des ressources proposant des boutons déjà désignés. Il y en a pour tous les goûts : E-commerce, classique, glossy, technique, Apple etc…  il y a plusieurs milliers de boutons accessibles vous devriez donc pouvoir choisir celui le plus adapté à vos besoins.

La plupart sont également disponibles au format PSD et donc éditables avec Photoshop si besoin.

Cliquez sur l’image pour accéder à l’article

10) Beautiful CSS buttons with icon set

Vous souhaitez ajouter des icônes à vos boutons d’actions ? Cela peut permettre de mieux cerner leur fonction ou de les rendre plus visible c’est donc une bonne idée ! Si vous ne savez pas comment vous y prendre il suffit de suivre le tutoriel (en anglais) ci dessous et de choisir les icônes les plus adaptées à vos call to actions.

Cliquez sur l’image pour lire le tutoriel

Et voila donc 10 ressources pour vous aider à avoir de beaux call-to-action sexy et sympa. Si vous connaissez d’autres ressources intéressantes n’hésitez pas à utiliser les commentaires !

Benoit Gaillat

Diplômé de l'Hetic et travaillant depuis 10 ans dans l'e-commerce, Benoît est Directeur Conseil E-commerce chez Skeelbox, cabinet de conseil en E-commerce dédié aux marques, distributeurs et PME qui souhaitent réussir leur développement digital et cross canal. Twitter | Profil sur Google Besoin d'un expert E-commerce ? 01 84 17 08 51.

4 Commentaires

4 réponses à “10 solutions pour avoir de beaux boutons d’actions”

  1. Jonathan - alineowebdesign dit :

    Merci pour l’article, très utile ces petits boutons, surtout en CSS3 😀

  2. De rien ! on a toujours besoin de tester de nouveaux call to action je trouve.

  3. lefevre dit :

    Merci aussi pour l’article, mais le lien « sexy button » ne fonctionne pas …

  4. Oups désolé je n’ai pas modifié le lien, je corrige ça rapidement

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.


6 exemples de page panier

par Benoit Gaillat - Il y a 5 ans

La page panier d’un site E-commerce est peut être une des page les plus importante de toutes. Véritable passage obligé avant le fameux tunnel de commande et pourtant parfois simple page étape pour les internautes afin de vérifier les produits ajoutés. Cruel dilemme…

Un peu d’inspiration ne faisant pas de mal voici 6 exemples de pages panier diverses et variées avec à chaque fois un petit commentaire sur l’impression générale de la page.

Page Panier du Jardin de Catherine

Cliquez pour zoomer

La page panier du Jardin de Catherine est assez brouillonne et peu structurée, le vert et le violet attirent l’oeil alors que les produits sur fond blanc ne sont pas visibles, pas très pratique pour vérifier rapidement le contenu de sa commande…

Les informations sur les prix (produits, transports etc…) sont assez difficiles à identifier et aucune information n’est disponible sur les conditions de livraison (type de transporteur, délais …) à première vue, cependant en cherchant un peu on peut obtenir des infos en survolant la petite camionnette au milieu. Un peu bizarre de ne pas avoir inscrit directement les infos dans la case.

Page panier de Evo.com

Cliquez pour zoomer

La page panier de Evo.com est quand à elle mieux organisée et plus structurée. En effet on retrouve en haut de page toutes les informations nécessaires pour continuer la commande : le bon de réduction éventuel, le calcul des frais de port (au fonctionnement typique des sites américains), les liens supplémentaires pour avoir plus d’informations ainsi que le total du panier à coté du bouton « checkout ».

De l’efficace et pratique avec aussi le cross selling en dessous du bloc panier qui permet de ne pas distraire les internautes pressés mais en même temps de proposer une continuité dans la navigation pour les internautes curieux.

Page panier de Fillow.fr

Cliquez pour zoomer

La page Panier de Fillow est assez similaire à la page de Evo bien que légèrement plus chargée. La page est également plus colorée , notamment au niveau des boutons d’actions ce qui permet de fixer rapidement le regard sur les éléments importants.

Les engagements de service, rassurance client, ne sont par contre pas très visibles et peu descriptifs, le site étant encore parfois mal traduit cela peut éventuellement inquiéter les clients. Le numéro du service client est lui bien visible avec même les horaires d’ouverture (rare et pourtant indispensable).

Le footer contenant l’intégralité des marques n’a par contre pas sa place sur cette page et ne sert pas l’ergonomie générale et n’avantage pas le positionnement du site à première vue (l’impact d’une page en plus contenant ce footer étant limité).

Page panier de Piscines-online.com

Piscines-online.com est, de toute évidence, un site de vente en ligne de piscine et d’accessoires aquatiques. Vu les températures je crois qu’il symbolise un rêve à l’heure actuelle et doit donc exploser son taux de transformation (je vous ait déjà parler des impacts de la météo sur l’ecommerce ? je ne crois pas non), bref voici sa page panier :

Cliquez pour zoomer

La page panier est relativement vide au premier abord, beaucoup de blanc et de zones non utilisées, toujours dans le but d’imiter ce sacro-saint format de facture. Par exemple le bloc d’aide aurait tout à gagner à être plus gros et occuper toute la place sous le panier, voir à inclure plus d’informations.

Les montants dans le panier sont par contre très lisibles et attirent l’oeil, pareil pour le bouton « Accès paiement » même si le libellé n’est pas forcement des plus évident. Les infos de rassurance sont donc présentes mais pas forcément bien structurées pour la lecture et la conversion, prendre les éléments de la page et les restructurer pourrait sans doute améliorer la conversion. L’adresse physique du site mériterait d’être plus en avant sur cette portion du site afin de rassurer les internautes sur l’existence réelle de la boutique.

Petit bémol le lien vers le produit n’est pas cliquable et il n’y a pas de photo du produit, il faut espérer que le libellé produit soit assez explicite pour les internautes.

Page Panier de Cdiscount.com

Cliquez pour zoomer

La page de Cdiscount est assez brutale, en grande partie du à la couleur jaune des soldes, mais également assez perturbante dû aux nombreux messages différents adressés sur la page :

  • Les garanties supplémentaires
  • Le suivi de commande
  • Le cross selling (du café alors que je commande un sèche linge…)
  • Du cross selling sur des produits similaires (dommage mais on achète rarement 2 sèches linge en même temps)
  • La quantité de texte et mentions légales de la page
  • Le double prix à cause de la carte Cdiscount

Il manque un grand nombre d’informations essentielles pour que la page soit réellement rassurante : de combien seront les frais de port ? Quels sont les conditions de retour ? Quels mode de transport sont disponibles ? A quel numéro joindre Cdiscount ? …

Page panier de chaussures-desmazieres.fr

Cette page panier est assez paradoxale car elle contient beaucoup d’informations condensés en peu de place et possède pourtant de grands espaces vides. L’organisation des éléments sur chaussures-desmazieres est donc à revoir pour aérer les parties trop condensées (les lignes produits) et occuper l’espace vide avec des éléments de rassurance plus grands et plus complets. La colonne « supprimer » est par exemple très grande et apporte pourtant peu de valeur à la page.

Il manque en plus des éléments de contact rapidement identifiables (numéro de téléphone et adresse email ) et un bouton de retour au catalogue histoire de faciliter la navigation.

Et vous que pensez vous de votre page produit ? Et quels sont les éléments les plus importants à afficher ?

 


Benoit Gaillat

Diplômé de l'Hetic et travaillant depuis 10 ans dans l'e-commerce, Benoît est Directeur Conseil E-commerce chez Skeelbox, cabinet de conseil en E-commerce dédié aux marques, distributeurs et PME qui souhaitent réussir leur développement digital et cross canal. Twitter | Profil sur Google Besoin d'un expert E-commerce ? 01 84 17 08 51.

4 Commentaires

4 réponses à “6 exemples de page panier”

  1. Sébastien dit :

    J’aime bien celle de Fillow.
    Elle est agréable et donne suffisamment d’informations pour pousser l’internaute à finaliser l’achat.

    Concernant les marques en footer, de prime abord, je pense qu’un internaute lambda ne les remarque pas. Même si je suis d’accord avec toi sur l’inutilité de ceux-ci sur la page.

    Enfin, dommage pour les « * » sur l’onglet « résumé de la commande » qui ne renvoient vers rien et peuvent inquiéter l’internaute

  2. bgaillat dit :

    Oui dans la liste c’est ma préféré car elle ressemble moins à une « facture papier »

  3. Corport dit :

    Bonjour, Merci de cet article !
    Sinon dans un style un peu différent, j’ai vu la page panier du site http://www.abris-et-jardin.fr/index.html .
    Selon moi elle est simple et claire, les différents produits sont bien en vue, accompagnés de leurs détails. Chaque sous total, et le total final (TVA indiquée) sont facilement identifiables.
    Le petit plus est l’emplacement Code promo qui est bien en vue.

  4. Pas de chance pour moi avec votre site, j’ai cliqué sur afficher mon panier et je tombe sur une page bien vide et très peu incitative…

    Après j’ai ajouté un produit au panier mais il ne s’est rien passé, je ne sais pas si cela a fonctionné, finalement en arrivant dans mon panier je me rend compte que j’en ai ajouté deux…
    Puis avec des produits comme les votre je suis obligé de continuer à naviguer dans le tunnel de commande pour connaitre le montant des frais de port, assez moyen d’un point de vue client…

    Il y a encore moyen d’améliorer cette page je pense

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.


Rien à voir l’ergonomie avec le SEO ? Pas si sûr…

par Romain Boyer - Il y a 6 ans

Locita publiait en fin de semaine un article qui m’a fait bondir au premier abord : « ergonomie et référencement naturel font bon ménage ». Hein ? vous voulez dire « accessibilité et réferencement naturel font bon ménage » pensai-je aussitôt, comme puriste que je suis.

Alors, de suite les experts SEO bondissent : « l’ergonomie et le référencement naturel font rarement bon ménage » répond axe-net.fr.

Entre ces deux extrêmes, et en réfléchissant bien aux corrélations, j’aimerais apporter une nuance qui me semble importante, avec beaucoup de retenue car les certitudes ne sont pas là, à ce que je sais.

Réflexion en plusieurs étapes :

  1. Lorsque l’on souhaite acheter et qu’on arrive sur un site qui n’inspire pas confiance, ou sur lequel on ne trouve pas l’information que l’on souhaite (en gros : qui a une mauvaise ergonomie), on repart d’où on vient, souvent à Google donc.
  2. Il est de notoriété courante que Google semble tenir compte du taux de rebond pour le positionnement, en tout cas sur les résultats concurrentiels
    1. Je ne crois pas qu’il y ait eu d’info directe de Google a cet égard mais
    2. Google attire sans cesse l’attention sur ce facteur important (taux de rebond dans Google Analytics, dans ses posts, etc.)
    3. Google traque les allées / venues depuis les résultats de recherche (il suffit de regarder les liens des résultats) et définit probablement ses propres taux de rebond (sans regarder dans les stats Google Analytics évidemment, parce que 1. don’t be evil et surtout 2. ça se trafique facilement, en mettant deux fois le marqueur par exemple)
    4. Des blogs ont constaté ça et et là des corrélations directes amusantes
    5. Google aurait bien tord (oserais-je le « Google serait bien con ») de ne pas tenir compte de cet aspect essentiel : en effet, si vous allez sur un résultat, et que vous en revenez au bout de quelques temps pour aller sur un autre résultat, c’est peut-être que la page ne correspondait pas à votre recherche ?
  3. Donc pour moi, il est possible qu’il y ait une relation presque directe.

Limite au point 2.5 : il est compliqué pour Google de discerner les utilisateurs qui ouvrent plusieurs résultats à la fois de ceux qui ouvrent un résultat, en reviennent puis vont à un autre. Mais Google étant expert sur les comportements d’utilisateurs, il y a fort à parier qu’il en tient compte dans une certaine mesure.

Conclusion

Conclusion, tout ce que je sais, c’est que je ne sais rien ; je suis preneur de toutes les études faites à ce sujet, n’hésitez pas à en faire mention dans les commentaires. J’aimerais cependant nuancer tout ce qui a été dit jusque là avec cette réflexion qui vaut ce qu’elle vaut, mais qui n’est pas à rejeter car Google est à mon avis tout à fait en capacité de discerner cela.

En gros, pour moi, Google en tien compte et dans tous les cas. Mais de toute façon on s’en fout, si on veut être efficace, il faut une bonne ergonomie et puis c’est tout.

Romain Boyer

Romain BOYER travaille pour des startups eCommerce depuis 2005. À cheval entre la technique et la stratégie, cet adepte des tableaux de bord croise toutes les données pour en extraire ses priorités. > Suivre Romain sur Twitter : @RomainBOYER > Son poste : Product Owner eCommerce chez Doctipharma.fr

6 Commentaires

6 réponses à “Rien à voir l’ergonomie avec le SEO ? Pas si sûr…”

  1. J’ai la même conclusion que vous « tout ce que je sais, c’est que je ne sais rien ». Chaque cas est particulier.

    Certains site ont des taux de rebond énormes et se classent très bien (normal, les gens viennent chercher une fiche technique, la trouvent et repartent 3 secondes après).
    Pour d’autres c’est différent. Sans doute car Google compare les taux de rebonds et les croise à d’autres paramètres.

    En revanche, je confirme que l’ergonomie est une matière très différente du SEO.
    Une personne butée sur le SEO sera rarement bon en ergonomie, et vice et versa. Manier les deux reste possible en ayant avant tout des objectifs de transformation.

    ps : merci de vous être interessé à mon article 🙂

  2. Sylvain dit :

    Un petit complément. Matt Cutts à dit au SMX en 2010 : « To the best of my knowledge, we do not use bounce rate in our web rankings. »
    Soit en français « A ma connaissance, nous n’utilisons pas le taux de rebond dans notre classementt »

  3. Sylvain dit :

    Et la source : http://searchengineland.com/live-blog-matt-cutts-smx-advanced-43906

    Désolé, j’arrête de « pourrir » vos commentaires

  4. Romain Boyer dit :

    J’aurais vraiment du mal à y croire, et le blog en question a montré un certain malaise : « He tiptoed around this question a bit, choosing his words very carefully ».
    Dans tous les cas, il faut soigner son ergonomie ; et si ça peut aider pour le ranking, c’est un bonus !

  5. Morgan dit :

    « En revanche, je confirme que l’ergonomie est une matière très différente du SEO.
    Une personne butée sur le SEO sera rarement bon en ergonomie, et vice et versa. »

    Je complèterais juste ce point en indiquant que, par expérience, on est de plus en plus amenés (et souvent à la demande du client !) à mettre notre nez dans l’ergonomie du site.

    Les années passant, et les milliers de sites visités qu’on visite nous permettent forcément d’acquérir une bonne vision de l’ergonomie, un peu malgré nous… Reste à structurer et contrôler ce savoir !

  6. Florian@Appili dit :

    Un article sur les points qui coincent entre ergonomie et SEO

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.


50 exemples de boutons ajouter au panier

par Benoit Gaillat - Il y a 6 ans

Vous manquez d’imagination pour trouver la taille et la couleur de votre bouton « ajouter au panier » ? Voici 50 exemples de boutons « Ajouter au panier » pour stimuler votre créativité !

Note : Le classement est purement aléatoire

  1. Enjoysunglasses
  2. Javari.co.uk
  3. JeanStory
  4. Chemise-homme.com
  5. Meilleursvinsbio
  6. Gaiia-shop
  7. Fnac
  8. Wonderbox
  9. Pompe-a-bière
  10. Rueducommerce
  11. Barbe-à-papa
  12. Cdiscount
  13. Kaze
  14. Etam
  15. FoliFlora
  16. Comptoirdesdessous
  17. Spartoo
  18. Maxoutils.com
  19. Plantes-et-jardins
  20. Nike
  21. Opticien-Online
  22. Apple
  23. Ikea
  24. Aigle
  25. Asos
  26. Play.com
  27. Elite-lingerie
  28. Jules
  29. Headict
  30. Piscinex
  31. Eco-Zen
  32. PresqueParfait
  33. Ebook.com
  34. PiecesAvenues
  35. kaprizio
  36. Lamaisondujouet
  37. Luniversdesgauchers
  38. Monguidesante
  39. GuyDegrenne.fr
  40. Krys
  41. Bellroy.com
  42. Autourdespates
  43. Rueverte
  44. Rueduparapluie
  45. Etsy
  46. BubbleStick
  47. AngryBirds
  48. Bidule-chouette.com
  49. Boite-a-the.com
  50. Cupandco

On peut donc voir qu’il existe une multitude de boutons , de couleurs, de forme et d’intitulés. Le orange revient néanmoins assez souvent, au moins dans cette sélection arbitraire et empirique. J’en profite pour dire merci a Ekomerco , Rhooo , presqueparfait et lamaisondujouet pour les idées de liens.

Et vous, quel est votre bouton ajouter au panier favori ?

Benoit Gaillat

Diplômé de l'Hetic et travaillant depuis 10 ans dans l'e-commerce, Benoît est Directeur Conseil E-commerce chez Skeelbox, cabinet de conseil en E-commerce dédié aux marques, distributeurs et PME qui souhaitent réussir leur développement digital et cross canal. Twitter | Profil sur Google Besoin d'un expert E-commerce ? 01 84 17 08 51.

13 Commentaires

13 réponses à “50 exemples de boutons ajouter au panier”

  1. Nico Mister parapluie dit :

    J’ai l’impression que celui de mon site est légèrement énorme par rapport aux autres.

  2. Nico Mister parapluie dit :

    Au fait, histoire d’être pointilleux tu n’as pas de n°4 et ça va du coup jusqu’à 51

  3. bgaillat dit :

    Si ça convertit c’est l’essentiel 🙂

  4. Franck dit :

    Sympa de m’avoir intégré dans la liste !

  5. Info techinque au paasge, mon lecteur rss a un soucis avec ce post benoit, dois y avoir un chti code quil aime pas.

  6. bgaillat dit :

    Merci Thierry mais j’ai pas utilisé de code a part les balises ul/li, un classique du html. Tu peux m’envoyer un rendu du flux chez toi STP par mail ?
    Merci !

  7. bgaillat dit :

    Tu as eu la chance de sortir le bon jour 😉

  8. bgaillat dit :

    Merci Nico, je vais corriger ça

  9. chef de projet dit :

    Certains auraient besoin d’A/B test non ? ou du moins d’un petit lifting.

    @nico sa c’est du bouton !

  10. bgaillat dit :

    Si j’avais pu avoir les taux de conversion en face ca aurait fait un bel article 😉
    Bon certains boutons sont minuscules quand même … j’ai du mal a comprendre l’interet

  11. Nico Mister parapluie dit :

    Merci, pour une fois que j’ai la plus grosse 🙂

  12. Avez-vous (ou existe t’il ) des stats sur les couleurs et les formes les plus efficaces ?

  13. Naxelana@Site bougie parfumée dit :

    Merci pour ces exemples de boutons !
    Cela donne pas mal d’idées !

    Mon bouton se rapproche du bouton « Ajouter au panier » de la Maisondujouet

    Ce serait effectivement intéressant d’avoir des stats sur les couleurs et les formes ?

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.