Petit rappel

Critiquer un site, l’inspecter, comme disent les ergonomes, est un travail méticuleux et long. Les critiques que j’offre ici ne sauraient remplacer une analyse en profondeur, mais je pense néanmoins qu’elles fournissent un regard extérieur “à chaud” qui permet au marchand de prendre un peu de recul. Il ne s’agit pas d’ailleurs de l’analyse de l’ergonomie, mais bien d’un ensemble de paramètres spécifiques au ecommerce dont l’ergonomie fait partie. Bien entendu, l’ensemble de ces critiques sont limitées par le fait que je ne connais aucun élément de contexte du site : politique commerciale, taille du trafic, offre, marché, etc.

Cette semaine, nous nous attaquons à un nouveau domaine, celui du matériel artistique label-art.fr.

Le carrousel gâche la lisibilité de la page

Première impression

La première impression est bonne. Le site a une charte propre, bien désignée et correctement intégrée. La charge de l’information est légère avec un menu simple, des couleurs pastels et gris. Le panier, bien visible, fait immédiatement comprendre qu’on est sur une boutique en ligne, en revanche, on ne perçoit pas tout de suite ce qui va être trouvé sur le site.Le nom du site fait comprendre rapidement dans quel domaine on est, même si, il m’a fallu quelques secondes pour comprendre que c’était du matériel d’art qui était vendu et pas des oeuvres d’art (c’est ce à quoi j’ai cru au départ, notamment à cause du slogan “Moteur de talent” qui m’a fait penser à une galerie virtuelle). Les visuels du carrousel ne font rien pour contredire cette impression. Mais bon, une fois l’étonnement passé, on sait à quoi l’on a affaire et l’on ne peut que se délecter de voir la suite.
Note : 8/10

Organisation de la page

La page est très bien organisée et cela, en grande partie, grâce à la non-surcharge d’éléments d’information.

Le moteur de recherche est très bien placé et est très visible (attention cependant à la faiblesse de ses résultats. Son manque de pertinence, pour ce que j’ai pu en tester, pourrait provoquer un effet déceptif).

Le panier, comme je l’ai dit est immédiatement visible, ainsi que l’accès au compte. La navigation est simple et facilement identifiable. L’accent est visiblement mis sur l’encadrement qui doit consister le coeur de marché de Label-art.

Attention au grand carrousel du milieu ! C’est lui qui m’a induit en erreur.

1. Il défile trop vite et on n’a pas le temps de lire les textes
2. Les visuels sont trop compliqués et ne guident pas assez le regard
3. Les call-to-action ne sont carrément pas visible
4. La navigation est inhabituellement placée à droite

Je n’en ai pas les statistiques, mais je serai étonné qu’il soit beaucoup cliqué et surtout que l’information qui y est présentée soit bien vue et enregistrée par les visiteurs.

Encarts

Quatre encarts commerciaux viennent habiller le pied du carrousel, mais, à nouveau, ceux-ci manquent d’attractivité. Ils ne contiennent aucune promesse et sont juste des entrées supplémentaires sur les univers (Encadrement, support, beaux-arts et loisirs créatifs). Attention à l’effet de banner blindness ! Ou pire même encore, ceux-ci ne pourraient être interprétés que comme des éléments décoratifs étant donné qu’ils n’apportent aucune information supplémentaires à ce que l’on voit déjà. De plus, sur mon Firefox sous Mac, ces éléments n’étaient pas visibles en 1024×768. Mon conseil : ajouter un lien d’incitation (call-to-action), faire une proposition de valeur (“Découvrez les dernières nouveautés en encadrement”, “Nos meilleures offres en loisirs créatifs”, “Promos sur les supports”, etc.) A vous d’imaginer ce qui pourrait ici susciter l’intérêt de vos visiteurs et booster vos ventes.

Des encarts pas très très folichon, comme dirait Laurent Cabrol

Layers

Label-art utilise de manière très ingénieuse les layers du menu de navigation, car ils ont contiennent non seulement les accès aux rayons, mais également la mise en avant d’encarts de promo et des raccourcis vers différentes sections du site. C’est un très bon moyen de ne pas surcharger la page d’accueil en ne dévoilant les différents contenus qu’au fur et à mesure de l’utilisation de l’interface.

Un usage très ingénieux des layers

Graphiquement, le layer est simple : pas de photos, couleurs en aplat, bon espacement des éléments, quantité d’informations limités. Il est donc très lisible et facile à parcourir du regard. Outre la présentation des sous-rayons, les promos et les marques sont mises en avant en les séparant de la liste “Tous nos produits” et en les plaçant en haut à gauche ce qui leur permet de tomber rapidement sous le regard. Deux outils d’interactivité (Visioclic et Diaporama) sont également mis en avant ici ce qui permet de les faire voir sans possibilité de les rater deux avantages services de la plateforme. Le même principe est repris sur les autres layers.

Pied de page

Le pied de page est très riche et contient, d’une part, des accès à des sections du site, d’autre part, des liens “utiles” que l’on trouve habituellement dans cette zone.

Dommage que les icônes soient si bas dans la page

La principale critique que l’on puisse lui faire, c’est de contenir un ensemble de contenus qui auraient pu être placés plus visiblement dans le haut de la page. Mais, comme nous l’avons vu avec les layers, c’est un choix plutôt intelligent qui a été fait là. Je serai curieux de voir ce que ça donnerait en tests utilisateur avec de l’eye-tracking.

Toutefois, certains éléments auraient malgré tout pu bénéficier d’une meilleure visibilité :

• La carte de fidélité, le catalogue. Ces éléments auraient intérêt à être plus mis en avant en utilisant un peu de l’espace du carrousel.
• Le blog. Un blog, comme déjà expliqué, est un très bon moyen de fidéliser une population d’internaute. Il suscite de l’intérêt et permet de rentrer facilement au contact de sa communauté. C’est également un outil d’actualité qui suscite de la revisite. Pourquoi ne pas le mettre plus haut dans la page.
• L’aide : montrer de manière visible et sur toutes les pages un icône d’aide est une manière polie de montrer que, chez vous, l’on prend soin du client. C’est aussi un moyen de faciliter la navigation au sein du site.

Note : 8/10

Rassurance

Comme déjà dit maintes fois, le design est un sérieux éléments de rassurance. Et c’est un facteur encore amplifié lorsque l’on tombe dans le domaine artistique. Les “artistes” ne voudraient pas acheter dans un site avec un design de page perso sur MySpace. De ce côté, c’est donc plutôt réussi.

En revanche, il manque quelques éléments de base, car le site n’a sûrement pas la notoriété d’un Rougié et plé (dont le site est affreux).

• Numéro de téléphone : je ne l’ai pas vu sur la page d’accueil, peut-être est-il ailleurs.
• Lien de contact : il est en bas de page, mais il peut être remonté, soit rendu plus visible en le détachant des autres liens
• Informations sur la société : en bas de page. Elles peuvent être remontés, au moins, sur la page d’accueil
• Logos des moyens de paiement et des modes de livraison facilement identifiables
• Label FEVAD ou Acsel

Les Engagements, par exemple, pourraient être sortis du footer et ramenés dans le header (à l’instar des sites de chaussures qui mettent en avant leurs avantages sur les retours, les délais de livraison, etc.).En fait, on les trouve dans le header, mais dissimulés derrière un obscur “Conseil d’Elisa” qui ne veut rien dire (Qui est Elisa ?).

Note : 7/10

Merchandising

La présentation de l’offre est essentiellement fait au moyen des layers, comme nous l’avons vu. Elle est sobre et claire.

Quelques petits défauts :

• Pas d’espace promo en bout de menu principal
• Manque d’animation commerciale réel avec aucun produit mis en avant sur la page d’accueil

Note : 7/10

Ergonomie/Accessibilité

La page est claire, les textes contrastés, les couleurs sobres. La page d’accueil est dans l’ensemble facile à appréhender. Le moteur de recherche est bien visible, ainsi que l’accès au Compte client et le panier, grâce à un usage judicieux des contrastes de couleur. Les layers se déroulent bien et sans gêner la navigation. L’affordance générale des liens de navigation a bien été travaillée également (avec, par exemple, des changements de couleur de fond pour les liens hypertextes, ainsi qu’un bon usage des positionnements des éléments et de leurs couleurs.

Rien à dire ce ce côté là.

Note : 8/10

Recommandations et conclusion

Label-art est un bien beau site. La page d’accueil est claire et bien structurée, l’ergonomie simple et agréable. Il ne manque qu’un côté un peu plus commercial et un peu plus de rassurance pour pouvoir sans doute espérer accrocher un peu plus les internautes.

Note finale :  7,6/10