Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

Ergonomie et webdesign

  • Structure d'une fiche produit e-commerce efficace

    Le but de la fiche produit est de convaincre le visiteur que le produit qu’il a sous les yeux est exactement celui qu’il lui faut, mais le véritable enjeu est, qu’il doit l’acheter sur votre site, et pas ailleurs !  Nous savons qu’un visiteur fait souvent plusieurs visites sur un site avant de prendre sa décision d’achat, qu’il va comparer les offres. D’ou l’importance de faire une première bonne impression pour le faire revenir.

    Cet acte d’intérêt se traduit par 1 seule action : faire ajouter le produit au panier. Toute la structure d’information, tous les outils doivent être tournés vers cet unique objectif, pour séduire, informer, rassurer, et lever les objections possibles.

    Pour information, le Taux d’ajout au panier que vous pouvez mesurer via Google Analytics est l’indicateur de performance d’une offre pertinente présentée dans une fiche produit efficace. Sur un site e-commerce qui fonctionne bien, il se situe entre 7% et 10%.

    L’exercice de conception d’une fiche produit n’est pas si simple qu’il en a l’air, car il faut souvent donner beaucoup d’information, et les placer dans un espace restreint. Le point essentiel est donc de faire le tri entre l’information prioritaire et l’information secondaire, et de valoriser cette première de la meilleure manière possible.

    Skeelbox, agence de conseil e-commerce apporte une réponse dans la maquette (wireframe) fourni dans son article Anatomie d'une fiche produit e-commerce optimisée.

     

  • Que faire en 1er pour optimiser son taux de conversion ?

    taux-de-conversion-ecommerce.jpgLa plupart des e-commerçants qui cherchent à améliorer leur taux de conversion ont le réflexe d’incriminer en premier lieu la qualité de leur site :
    « Je vais faire un audit pour identifier les points faibles, puis faire une refonte de l’interface pour optimiser le parcours client, rajouter des fonctionnalités de merchandising et des outils de relation client, etc. »

    Quelques uns auront une approche plus « scientifique » et itérative en faisant de l’A/B testing régulier.

    Voila globalement à quoi se résume la solution pour tenter de grappiller quelques précieux points de conversion qui vont améliorer la rentabilité des investissements webmarketing.

    Mais est-ce vraiment la bonne approche ?

    Que reflète réellement le taux de conversion ? Ni plus ni moins qu’une bonne adéquation entre la demande et l’offre. En réalité, beaucoup d’e-commerçants dont l’activité ne décolle pas oublient de se poser les vraies questions, celles qui n’ont rien à voir avec le site, les questions qui touchent à l’essence même du commerce et qui sont les fondamentaux d’un bon taux de conversion.

    1. Mon offre est-elle bien en adéquation avec la demande ? Quelle est sa valeur ajoutée pour le consommateur ?
    2. Mon positionnement prix est-il adapté ?
    3. Le trafic qui arrive sur mon site est-il suffisamment qualifié ?
    4. Le contenu de mon site permet-il de lever toutes les objections à la décision d’achat ?
    5. L’interface de mon site est-elle bien conçue pour générer le moins de frictions possibles dans le parcours d’achat.

    C’est donc sur ces 5 points qu’il nous semble essentiel de concentrer dans un premier temps sa réflexion avant d’envisager un audit approfondi de son site.

    Lire la suite pour optimiser son taux de conversion.

  • Refonte de site e-commerce : combien peut-elle réellement rapporter ?

    Améliorer la conversion est une problématique constante et essentielle dans la vie d’un site ecommerce, car la rentabilité du business, et donc sa survie, en dépend.

    Avec un taux de conversion trop faible, le retour sur investissement est compliqué, voire quasiment impossible à atteindre dans certains cas. Acheter du trafic qui renvoie dans un panier percé revient à jeter de l’argent par la fenêtre.

    Afin de prendre une décision sur la nécessité d’engager une profonde modification de sa boutique en ligne, il faut savoir estimer ce que peut rapporter financièrement cet investissement. C’est l’objectif de cet article.

    Suite à plusieurs projets de refonte de site e-commerce ayant permis d’obtenir des beaux gains de performance pour nos clients, nous nous sommes penchés sur l’étude des bénéfices réels et complets de notre travail. Au delà de l’amélioration du taux de conversion qui est toujours l’objectif de départ, nous avons voulu mesurer le gain réel de chiffres d’affaires, et le gain de rentabilité pour la stratégie webmarketing déjà mise en place.

    Dans cette simulation, nous avons pris 2 profils type d’activité e-commerce : un profil de site ayant déjà un bon « vécu », et un site en phase de démarrage. Vous trouverez à la fin de l’article un fichier Excel pour faire votre propre simulation en rapport avec les performances de votre site.

     

    Les résultats présentés ci-dessous sont la résultante d’une méthodologie de travail, qui inclut en amont un audit de l’interface du site et de ses performances via Google Analytics, la rédaction d’un cahier des charges pour l’agence web, une étape de conception d’interface, et un suivi de projet pour garantir le respect du cahier des charges. Sans cela, il est évident que les résultats obtenus n’auraient pas atteint les niveaux présentés.

    Lire la suite de l'article Refonte de site e-commerce.

  • Comment améliorer la visibilité de votre fond de catalogue?

    La pagination est ce système qui permet de passer d'une page à une autre sur un site, en cliquant sur Suivant / Précédent, ou sur les numéros de page.

    Ce système imposé comme mode de fonctionnement standard sur toutes les solutions e-commerce n'a jamais été remis en cause (voir les raisons historiques de ce fonctionnement) mais il serait temps de se pencher sérieusement sur la question.

    En effet, la pagination mène a une découpe plus ou moins importante des pages Catégories en plusieurs pages.

    Conséquence : les produits figurant en queue de peloton (sur les dernières pages) sont moins vues que ceux qui s'affichent sur la 1ère page, car le visiteur est traditionnellement un peu fainéant pour cliquer jusqu'au bout de la pagination. Pourtant, ces produits pourraient tout à fait convenir à son besoin. Donc perte de ventes potentielles...

    Comment résoudre ce problème ? La réponse est sur l'article Supprimer la pagination des pages Catégorie.

  • Ne mettez pas des fonctions ou des liens importants sous un menu déroulant

    Desmerveilles-parcours.png

    Aujourd'hui, je vous propose un petit jeu pour vous montrer les effets d'une erreur de conception qui devient de plus en plus répandue et qui concerne l'utilisation des mega menus déroulants.

    Cette erreur consiste à placer des fonctionnalités ou des liens vers des contenus, directement sous le menu-déroulant, si bien que l'accès à celles-ci devient particulièrement laborieux, et n'encourage pas à s'en servir.

    Pour jouer, il suffit de se rendre sur le site Desmerveilles.com, une place de marché pour les créateurs de vêtements pour les enfants et de cadeaux pour enfants. Positionnez le curseur de votre souris dans la partie supérieure du site, près du logo par exemple, et essayer d'atteindre les catégories Nouveautés, Ventes Privées, Promotion, ou le moteur de recherche se trouvant juste sous la barre du menu principal, en utilisant le chemin le plus direct, une ligne droite.

    Lire la suite

  • 10 belles boutiques avec OXID eShop

    Banner-oxid-esales.jpg

    Pour la 1ère fois sur ce blog, nous allons faire un tour du côté du e-commerce allemand, avec une sélection de boutiques en ligne fonctionnant avec la plateforme e-commerce leader dans son pays, OXID eShop.

    Pourquoi ? Parceque cette solution inconnue en France, et pourtant très populaire dans les pays scandinaves et en Europe de l'Est se lance officiellement en France en septembre. C'est donc l'occasion de vous la présenter, d'abord sous l'angle front-office, et nous enchaineront dans le prochain article avec une interview de Philippe Pertin, en charge du développement d'OXID eShop France qui va nous expliquer en détail les capacités de sa solution.

    Pour revenir sur le webdesign, j'ai noté des différences assez flagrantes dans l'approche allemande par rapport à la France.

    • La navigation dans le catalogue produit reste majoritairement verticale, dans la colonne de gauche, alors que l'école anglo-saxone la place plutôt à horizontale.
    • J'ai aussi noté beaucoup plus de simplicité dans les interfaces.  On ne s'embarrasse pas de fioritures, ni de blabla. Les site sont construit autours du produit.
    • Beaucoup moins d'éléments de rassurance, ce qui va dans le sens de "dépolluer" les interfaces.
    • Nous avons souvent des sites carrés, au sens propre, comme au figuré.
    • L'omniprésence du label de confiance Trusted Shop, qui peine à percer chez les e-commerçants français.

    Alors, peut-on dire qu'il y a un webdesign allemand en matière de site e-commerce ? Je vous laisse juger.

    Lire la suite

  • 9 belles boutiques sous Thelia

    Banner-thelia.jpg

    Après vous avoir présenté Thelia dans l'article précédent, voici une sélection de quelques belles boutiques en ligne réalisées par des agences web, ou directement par Octolys, l'éditeur de Thelia.

    La diversité de structure et de design des site présentés montre bien que Thelia permet de faire tout ce que l'on veut du côté front office.

    Lire la suite

  • Ergonomie, usabilité et rassurance sont encore les parents pauvres des sites e-commerce

    De retour du salon e-commerce de Genève, qui a été une réussite pour sa première édition. L’endroit était agréable, très facile d’accès, et la salle offrait une vue splendide sur le stade du Servette de Genève. Les grands éditeurs de plateforme e-commerce étaient là, des moins connus aussi comme RBS Change, qui n’ont pas manquer pas d’éveiller mon intérêt, et que je vous présenterai plus en détail dans un prochain article.

    J’étais présent pour animer un stand de démonstration « audit de site e-commerce » qui a connu un beau succès avec une quinzaine d’audits réalisés dans la journée.

    Par contre, le bilan de ces audits est assez mitigé, et je suis étonné de voir encore en 2011 des sites e-commerce récents qui ont été conçus en dépit de nombreuses règles d’ergonomie et d’usabilité, qui relèvent parfois juste du bon sens, quand on veut vendre en ligne.

    Lire la suite

  • Headict.com, bel exemple de navigation à facettes intégrée aux menus déroulants

    Image 4.png

    Headict.com, la boutique en ligne dédiée aux chapeaux, bonnets et berets a lancé la 2ème version de son site la semaine dernière, et le résultat est globalement très réussi.

    Afin de faire face à un élargisement de sa gamme,  le site a revu intégralement son menu de navigation pour permettre un accès aux produits plus rapide et plus en profondeur, en particulier à une nouvelle navigation à facettes directement intégrée dans chaque menu déroulant.

    Lire la suite

  • Une nouvelle boutique à découvrir, tous les jours

    C'est le principe de Bonjourboutique.fr, un nouveau site, simplissime, qui met en avant tous les jours un nouveau site e-commerce à découvrir.

    Bonjour-boutique.png

    La sélection est de qualité. Les boutiques sont choisies pour leur design, leur concept et leur offre.

    Si vous manquez d'inspiration ou souhaitez avoir un aperçu de ce qui se fait de mieux en ce moment, n'hésitez pas à aller y faire un  tour.

    Et si vous n'en avez pas assez, vous pouvez continuer sur Rhooo.com.

  • L'expérience e-commerce par Jean-Claude Jitrois

    Image 6.png

    Le domaine du luxe est l'un des rare qui essaye de faire bouger les choses en matière d'expérience utilisateur dans la vente en ligne, avec plus ou moins de réussite, le récent fiasco du site e-commerce de Mauboussin en est un exemple. 

    Heureusement, d'autres marques relèvent le défi avec beaucoup plus de brio, tel Jean-Claude Jitrois, le créateur de prêt-à-porter de luxe en cuir, avec son site éponyme qui propose de vivre une nouvelle expérience.

    L'expérience Jitrois comme il l'appelle lui même, propose un site e-commerce audacieux à grand renfort de vidéo plein écran, de rotation 3D, de zoom HD, le tout dans une scénarisation fluide et facile à manier, qui plonge vraiment le visiteur dans l'univers JC Jitrois.

    Lire la suite

  • 5 belles boutiques e-commerce à découvrir

    Image 10.png

    Si je comptais le nombre de sites internet différents que je regarde quotidiennement, je pense que ça doit facilement approcher la quinzaine. Soit 450 sites par mois ! A force, rares sont ceux qui sortent du lot, sur lesquels j'ai envie de m'attarder un peu, par simple curiosité ou par plaisir.

    La sélection des 5 sites ci-dessous fait partie de cette catégorie.

    Lire la suite

  • Les mega-menus déroulants mal exploités

    usa-gov-lame-mega-dropdown.gif

    Jakob Nielsen vient de publier une alerte sur la mauvaise utilisation des mega-menus déroulants, un système de navigation très répandu sur les sites e-commerce.

    Bien utilisé, le mega menu est particulièrement efficace pour permettre de naviguer dans un catalogue très riche, ou dans un site complexe en permettant de présenter et d'organiser de nombreux liens, pour accéder en profondeur à l'offre.

    Malheureusement, certains sites exploitent mal ce gain d'espace par rapport au menu déroulant classique, si bien que l'effet produit est plutôt inverse.

    Voyons quelques exemples symptomatiques.

    Lire la suite

  • La difficulté de gérer la création graphique d’un site e-commerce : le prestataire (2)

    226152654.13.png

    Dans l'artice précédent sur la difficulté de gérer la création graphique par le client, nous avons vu quelques "symptômes" typiques qui peuvent rendre cette phase de production d'un site assez pénible pour le prestataire.

    Mais vous le savez, losqu'une situation devient difficile, ce n'est jamais que de la faute de l'un, ou que de la faute ou de l'autre. Chacun à ses responsabilités. Et parfois, le client a aussi de bonnes raisons de s’arracher les cheveux. Je vois plusieurs raisons principales.

    • Manque de méthodologie de l'agence dans la gestion du webdesign.
    • La sous-traitance
    • L'erreur de casting
    • L'intégrateur

    Voyons cela en détail.

    Lire la suite

  • La difficulté de gérer la création graphique d’un site e-commerce : le client (1)

    Image 1.png

    S'il y a bien une étape délicate à gérer dans la réalisation d'un site e-commerce, c'est la phase de création graphique.
    En effet, elle confronte 2 entités (l’entreprise cliente et le prestataire) sur un sujet où la différence de connaissances et de compétences est souvent… comment dire… la seule métaphore qui me vient à l’esprit est « 2 mondes parallèles » :-)

    C'est donc à ce stade du projet que les ennuis commencent les vraies difficultés apparaissent. Ces difficultés peuvent être de plusieurs ordres :

    • le planning de production prend une claque,
    • on se retrouve avec un résultat graphique décevant,
    • les relations se sont "tendues"

    Parfois, on se retrouve avec tout en même temps…

    Suite à ce constat, je me suis posé des questions sur les responsabilités du client et de l'agence :

    • Pourquoi est-ce que (en général) les clients ne savent pas gérer la phase de création graphique de leur site ?
    • Pourquoi les clients ont (en général) une facheuse tendance à dégrader la création qu’on leur propose plutôt que de l’améliorer ?
    • Pourquoi certaine agences web sont tout simplement mauvaises en webdesign ?

    Le but de l’article n’est pas de pointer du doigt une quelconque responsabilité des différents acteurs d’un projet web, mais plutôt de comprendre les pièges qui se présentent. Attention, il y a du second degré, ou des traits un peu forcés. A prendre avec humour donc.

    Lire la suite