Et voilà une nouvelle critique de site ! Un peu en retard aujourd’hui. J’avoue que j’ai de moins en moins de temps à y consacrer, mais bon, tenons ferme la barre et le rythme reviendra. Aujourd’hui, j’analyse Arthusandco.com, un joli petit site pour les bambins qui devrait plaire à toutes les mamans.
(Pour rappel, cette rubrique ne s’intéresse qu’à la page d’accueil des sites ecommerce et Capitaine-Commerce ne saurait être tenu responsable des problèmes qui seraient dus à ses recommandations)
Mais pourquoi diable un panier à gauche ?
Première impression / identification
Arthusandco.com est un site pour bébés. En principe, vous y trouverez tout ce qu’il faut pour y habiller votre progéniture pourvu qu’elle n’ait pas encore atteint la classe de CP. Autrement, elle pourrait vous en vouloir de l’habiller en nourrisson passé le cap fatidique de la « Grande école ».
En tout cas, la première impression est la bonne. Il ne m’a pas fallu longtemps pour comprendre à qui j’avais à faire et si j’avais eu un chtio (un bébé en langage ch’ti), je n’aurais pas hésité une minute à me plonger dans les entrailles du site tant l’offre y semble attractive. Sa mission : vous faire partager et découvrir toutes les meilleures marques d’Europe en matière d’habillement pour les petits.
Le design est léger comme un plume, agréable, en revanche, la page d’accueil semble un peu fouillis et rien ne semble particulièrement guider le regard hormis le grand carré vert « Collection Printemps 2011″ qui attire l’oeil sur les nouveautés comme des abeilles sur du miel.
Concernant l’accueil sur le site, la maman ou future maman appréciera sans doute la mise en avant forte du numéro de téléphone et le chat, comme quoi, la relation client sur Arthusandco.com semble avoir un véritable sens.
Note : 7,5/10
Organisation de l’information
On a un site classique en deux colonnes avec une « anomalie » de taille : un panier à gauche ! Est-ce pour une raison politique ? En tout cas, voilà un choix bien étonnant et pas forcément judicieux, puisqu’on en a également une version allégée (juste un lien) à droite. Pourquoi ce choix ? Nous attendons la réponse de Catherine, la taulière d’Arthusandco 
Entête
Je trouve le logo très sympathique et ce qui est plus sympathique encore, c’est la petite phrase en dessous qui m’indique ce que je vais pouvoir trouver dans le site.
Comme je l’ai déjà dit, j’ai bien apprécié également la mise en avant des moyens de contact : n° de teléphone avec tarifs et horaires d’ouverture (enfin !) et chat. Bonne idée, car selon les personnalités, les gens peuvent préférer l’un ou l’autre moyen (tout le monde n’aime pas chatter).
En revanche, le reste de l’organisation de l’entête est un peu confus. Est-ce que le lien « Plan du site » est bien nécessaire à cet endroit ? On peut également se demander à bon titre pourquoi il y a un deuxième panier dans l’entête. Mais le plus problématique reste le menu déroulant de choix de la marque qui semble associé au moteur de recherche. Or il ne l’est pas (Mauvaise utilisation de la loi de proximité) ! Ainsi, si vous choisissez une marque dans le menu déroulant, une requête est immédiatement lancée et vous renvoie vers un résultat de recherche. Ce qui fait un deuxième défaut d’ergonomie, puisqu’on associe un objet d’interaction (le menu déroulant) à une action (lien http / déclenchement en temps réel) qui ne lui correspond pas. Ma préco : éloigner ce module de recherche du moteur de recherche et lui ajouter un bouton ok. Ou alors, mettre ce menu sous une autre forme (à la place du panier à gauche, par exemple).
Le menu principal semble clair et organisé – bien que je n’ai pas la prétention de vérifier le rangement des items et leur hiérarchisation -, mais certains éléments comme le blog ou les témoignages auraient pu être séparés visuellement de l’offre. L’icone d’aide est absconse (???) : le mode « aide » le remplacera avantageusement.
Corps de page au dessus de la ligne de flottaison
Comme je l’ai déjà dit, le choix du panier à gauche me semble être une hérésie, même si il a au moins l’avantage de montrer en permanence les produits dans le panier (attention à ce qui se passe lorsque l’on ajoute beaucoup de produits au panier, car cela décale l’ensemble de la colonne vers le bas et masque certains éléments comme la newsletter, par exemple).
Classiquement, on retrouve un carrousel en plein centre du corps de page. Il pourrait être amélioré par l’adjonction de grosses flèches de navigation à droite et à gauche et en augmentant les boutons de pagination. Autre point : mettre des call-to-action dans les visuels. Ca peut aussi aider à diminuer le taux de rebond.
L’offre produit émerge ensuite sous le carrousel. Bien présentés, les produits sont peut-être un peu petits, mais les photos sont de bonne qualité. Le rangement en colonne est ok, mais je ne vois pas vraiment l’utilité des boutons « en savoir plus », car leur répétition visuelle est lourde et les conventions du web fait qu’il n’y a pas besoin de ce genre de bouton pour attirer du clic.
Déroutantes sont les petites icônes qui accompagnent chaque produit (j’écris comme Maître Yoda, maintenant) et il faudra passer la souris (voire cliquer) dessus pour comprendre leur signification (attention à l’usage des symboles). En fin de compte, on y découvre une fonction de zoom (sympa), mais que le rollover rendrait plus facile à utiliser. Et une fonction de stock par rapport à la taille. Très pratique, mais pas forcément justifiée sur la page d’accueil (on suppose que si ces produits sont sur la page d’accueil, c’est qu’ils sont en stock).
Enfin pour finir sur cette section, j’aime bien le principe du bon d’achat de 8€ pour l’inscription à la newsletter. L’emplacement qui a été choisi pour présenter cet incentive n’est pas forcément le meilleur et une layer interstitielle serait peut être beaucoup plus rentable malgré toute la haine que ce genre de procédé provoque.
Corps de page sous la ligne de flottaison
On trouve sous la ligne de flottaison la suite de ce qu’on avait au dessus (Go on, Lapalisse !). L’offre produit est plutôt bien présentée avec des encarts sur des produits ou des entrées par marque. Bonne idée pour ceux qui viendraient voir les nouveautés ou pour découvrir le site.
A gauche, la colonne latérale se poursuit avec les liens vers la communauté Facebook, puis, en dessous, un bloc de lien qui mélange un peu tout. Certains liens sont redondants (comme le blog, le lien contact, qui sommes-nous ?). D’autres auraient peut-être mérités d’être mis plus en avant par des éléments visuels propres comme le livre d’or ou la galerie photo.
Le nuage de tag est inutile, à mon avis, car beaucoup trop compliqué.
Le footer contient les éléments de service. Peut-être qu’il aurait été, pour le coup, plus judicieux de les avoir plus haut dans la page. Cela aiderait sûrement à renforcer la rassurance pour les visiteurs qui viendraient pour la première fois.
Note : 7/10
Rassurance
On a pas mal d’éléments de rassurance dans la page. Celui que je préfère est sans contexte l’affichage du numéro de téléphone (avec horaires et tarifs, s’il vous plaît), accompagné de l’outil de chat. Rien de tel pour rassurer sur la présence d’une personne physique derrière l’écran.
Par ailleurs, le lien « Qui sommes-nous ? » est également bien mis en avant et emmène sur une page sympathique de la fondatrice de la boutique. Tout cela donne un aspect très « personnel » au site qui rassure sur la « personne en face », celle qu’on ne voit jamais d’habitude.
Pour les autres éléments, Arthusandco.com s’est inspiré des conventions du web : un bandeau en bas de page avec des icônes liés à des pages d’explication. Comme dirait l’autre : « Ca devrait le faire ». Même si je pense que sur une page d’accueil, ces éléments d’informations devraient être doublés plus haut dans la page (au moins pour les nouveaux arrivant sur le site).
Pour le reste, la qualité graphique et les photos doivent aussi contribuer à donner une bonne image de la boutique.
Note 8/10
Ergonomie
J’ai déjà abordé pas mal d’éléments d’ergonomie. S’il y a un souci, et c’est le principal, je dirais, c’est ce panier affiché à un endroit peu conventionnel. Mais sans doute que les internautes pourront s’y habituer rapidement.
Autre souci, le menu de recherche par marque. Plus gênant, car il y a beaucoup de chances qu’il soit souvent utilisé et souvent mal compris, ce qui pourrait donner au site l’image de quelque chose qui « ne marche pas » (beaucoup d’internautes, quand ils ne comprennent pas une fonctionnalité, utilisent ce terme : « ça ne marche pas ». Comme l’ampoule du plafonnier ! (private joke pour les plus de 35 ans)).
Autres petits détails à corriger :
- Ajouter des flèches au carrousel
- Supprimer les boutons « En savoir plus… » et clarifier la signification des icones
- Changer l’intitulé du lien « ??? » dans le menu de navigation principal (je viens seulement de comprendre à quoi il servait)
Note : 7/10
Conclusion et recommandations
Sans doute que Arthusandco.com mériterait d’être simplifié. La page contient beaucoup d’informations, mais qui sont parfois redondantes. De plus sa complexité ne va pas avec « le monde du bébé » qui réclamerait peut-être une organisation plus apaisé, avec moins d’éléments. Le site en serait tout aussi percutant, mais sans doute moins fatiguant à regarder.
Note finale : 7,3/10
[...] Actu provenant de : Capitaine commerce 3.0 [...]
Sacré belle review =)
Je suis sur que la responsable du site sera très heureuse d’accueillir tes recommandations.
Je trouve le site super sympathique en tout cas. Très adapté à l’univers des bébés.
Quant à vous capitaine, j’apprécie vos analyses (je vous ai consulté il y a peu, patience :p). En tout cas, comme le dit Sébastien, sa doit faire plaisir de recevoir un audit ergonomique gratuitement !
Moi, je suis pour le panier à gauche. Pour ceux qui cherchent à droite, il y a un rappel, et pour ceux qui ont horreur de l’uniformité ça donne au site un petit air rebelle qui vaut bien un débardeur Baby Version Rock.
Sinon, je suis cliente chez Arthus (vrai de vrai), et je peux commenter la suite de l’expérience d’achat. Fan des produits, je ne suis pas objective donc je ne dirai pas que le seul problème est de ne pas craquer. Pour la suite, parcours de commande classique mais efficace, RAS.
Mais surtout, ce qui m’a le plus réjouit, c’est la réception du paquet : emballage très soigné, pochette en tissu, petite attention glissée (mmmmhhh des carambars !!), petite carte… vraiment parfait pour un cadeau !!
Et ça, on le mentionne assez peu dans nos analyses de site, mais c’est quand même pour moi la clé de mon attachement à un e-commerçant.
Bonjour Olivier,
Un grand merci pour cette critique à la fois approfondie et très juste. J’avais fait un sondage via Google Apps il y a quelques semaines, et la mention de page d’accueil « fouillis » est revenue à plusieurs reprises.
Notre site a pris beaucoup d’ampleur au niveau du choix / gamme de produits / nombre de marques depuis son lancement avec seulement 7 marques en Novembre 2009. Nous l’avons fait évoluer au fur et à mesure, mais par petites touches, et je me rends compte aujourd’hui qu’une vraie réorganisation de la page d’accueil s’impose, sans pour autant changer le design « léger comme une plume » qui nous caractérise et auquel nos clients se sont habitués.
Pour le panier à gauche, je vais laisser mon mari répondre séparément car c’est lui qui à entièrement réalisé le site (il dirige d’ailleurs une petite agence web à Sophia Antipolis, fraichement certifiée PrestaShop). J’avoue que je ne me suis jamais posé la question car cela ne me dérangeait pas personnellement… mais à y réfléchir, je m’aperçois que tous les gros sites comme Amazon ou Pixmania le placent en effet à droite, que ce soit en colonne ou dans le header.
Quant aux autre remarques plus que judicieuses (recherche par marque mal placée, carrousel, icones, en-tête un peu fouillis etc…), nous allons prendre tout cela en considération très sérieusement et les mettre en pratique prochainement lors de la refonte de notre site qui va inclure un passage à la version 1.4 de PrestaShop, ainsi que l’ajout d’une version anglaise.
Encore une fois, un immense merci pour votre gentillesse et votre analyse parfaite (je ne suis pas surprise, étant moi-même originaire du Pas-de-Calais! On a dans la coeur le soleil qu’on n’a pas dehors… comment ça! Il fait toujours beau dans le Nord!)
Bien à vous,
Catherine
Bonjour Olivier,
Catherine a déjà tout dit, donc il ne me reste qu’à vivement vous remercier moi aussi et à répondre à la fameuse question du panier…
Je fais du web depuis 1998 et j’ai démarré par des sites corporate « classiques » avant de faire du e-commerce… Et donc, le menu de navigation et les encarts qui ne font pas partie du contenu principal toujours à gauche, comme c’était souvent le cas à l’époque.
Par la suite, cette habitude m’a suivi et je crois que j’ai un peu inconsciemment assimilé le panier à un de ces « encarts », sans réaliser l’importance réelle de cet élément.
Avide lecteur de votre blog ou celui de de Ludovic Passamonti, et comme l’a dit Catherine, propriétaire d’une agence web aujourd’hui spécialisée e-commerce et certifiée PrestaShop, j’ai honte de ne pas avoir pris conscience de ce point plus tôt !
Cela sera effectivement corrigé prochainement (en prenant bien sûr en compte vos autres recommandations) lors de la refonte, et je vais bien garder cela à l’esprit pour les futurs clients.
Si cela ne vous dérange pas, on postera un petit commentaire sur cette page avec un lien vers la nouvelle page d’accueil lorsque celle-ci sera faite (courant de l’été).
Peut-être se croisera t-on un jour dans le Nord… nous y allons de temps en temps voir la famille de Catherine…
Merci encore.
-David
Sur mon ordinateur portable doté d’une résolution 1366 x 768 il n’y a que le carrousel qui est visible au dessus de la ligne de flottaison. J’utilise FF avec Google Toolbar
Pourquoi pas le panier à gauche ? je ne vois pas pourquoi il ne serait pas ici ??? d’autant plus qu’il n’y a pas de colonne à droite donc pas le choix, non ?
Ce n’est peut-être pas une fatalité
Un « bloc » panier fixe est-il si indispensable si le détail est accessible facilement ?
Pourquoi pas, en effet ? C’est juste un problème de convention. Il faut savoir qu’il est placé à droite sur la plupart des sites.
Ce n’est pas gênant ergonomiquement parlant. en revanche, c’est vrai que ça prend une place qui pourrait sans doute être mieux utilisée autrement.
Des analyses toujours instructives du Capitaine qui a un regard dénué de toute émotion !
Je rejoins Silvia sur « le service client » alias la gentillesse de Catherine.
Je travaille avec Arthus & Co qui va proposer une partie de son stock sur le site d’achat-vente enfants Affairesdemomes.com que je sors dans quelques jours. Ce que la home page A&Co ne dit pas, c’est effectivement la disponibilité et la gentillesse de Catherine et David.
Les sites enfants sont souvent des « petits sites », dans le sens, très positif, ou il y a peu de personnes qui gèrent l’entreprise, des gens toujours passionnés par ce qu’il font, ce qui se ressent dans leurs relations avec, pour ma part, leurs partenaires.
D’ailleurs Capitaine, pourquoi ne feriez-vous pas des appels à témoins sur vos analyses de home page afin d’avoir des avis de vrais clients pour voir si la promesse du site est respectée ? Parfois les sites disent ou donnent l’impression de faire très attention à leurs clients alors qu’en fait ce n’est pas du tout le cas, ou inversement. Et comme le dit Silvia, le service client est un point déterminant au premier comme au second achat. Et puis cela irait dans le sens de vos articles : il ne suffit pas de bien faire ses devoirs en ergonomie pour devenir millionnaire du jour au lendemain.
il ne suffit pas de bien faire ses devoirs en ergonomie pour devenir millionnaire du jour au lendemain.: nouvelle baseline d’Amazon ?
Je ne suis pas sûr d’avoir compris votre commentaire mais Amazon ne s’est pas fait du jour au lendemain et leur succès est loin de reposer uniquement sur l’ergonomie du site : leur logistique et leur architecture technique sont des actifs bien plus importants je pense.
je voulais dire qu’Amazon ne brille pas par son ergonomie et reste un leader pour diverses autres raisons
très intéressant le panier à gauche, je relaie ton article sur mon blog
Juste une petite update Une grande partie des conseils d’Olivier ont été suivis. A l’occasion de la migration Prestashop 1.4, Arthus & Co a bénéficié en même temps d’un petit lifting…
Olivier, je vous ai remercié en coup de vent au salon e-commerce… j’étais exposant en tant qu’agence web certifiée sur le village PrestaShop, mais vous vous dirigiez vers Bruno (Lévêque). Mes excuses si je vous ai un peu surpris…
Résultat des courses: Plus de panier à gauche
, du coup l’encadré Facebook est remonté. Catherine faisant de FB une pièce centrale de sa stratégie de communication, ça nous paraissait logique. Les marques ont aussi été enlevées du haut et ont maintenant une grande colonne de liens texte (bon pour le SEO aussi) rien que pour elles. Les liens divers de la colonne de gauche avec les 3 -4 liens du header ont tous été réorganisés dans un footer classique. On a gardé le bloc newsletter pour l’instant. On verra pour le passer en fenêtre modale plus tard.
Au niveau home elle-même, la partie visuelle des marques a été repensée. Le commentaire « rien n’attire l’œil en dehors du carrousel » à tapé dans le mille, et nous pensons à présent que la mosaïque des logos attire lui aussi l’œil.
Sinon, le site a gardé son même design léger. On a déjà refondu et déplacé pas mal de trucs, on ne voulait pas non plus trop dépayser les clients existants qui, chez Arthus & Co, il faut le dire, sont fidèles et commandent régulièrement… et nous les en remercions vivement
Merci encore et bonne continuation !
-David
Bravo et merci !