L’ergo-note : revue ergonomique du site Linea-chic.fr

ergonote-revue-ergonomique-du-site-linea-chic-fr-vignette

Après un géant français du e-Commerce, penchons-nous un peu sur un e-Commerçant à taille humaine. Ces “courageux entrepreneurs” ! Ceux-là même qui construisent leur business à bout de bras et qui, avec peu de moyens mais beaucoup d’ingéniosité, tentent de s’installer de façon durable dans leur niche.

Pour cette nouvelle revue ergonomique, l’ergo-note s’est apprêté (ça ne s’imagine pas, ça se vit !) car nous partons aujourd’hui dans l’univers de la mode, du chic et du trendy…

Attention les yeux, ça va briller !

L’ergo-note : le site Linea-chic.fr

1. Présentation de la société

Linea Chic est une entreprise française de vente à distance créée en 2008 et commercialisant principalement des collections de bijoux. SAS au capital de 30.000€.

Le site possède environ 75.000 visiteurs mensuels, les autres chiffres sont classés secret défense ;)

Son dirigeant est M. Didier BROUARD, il est l’un des 3 associés réunissant le trio gagnant avec des profils “management/retail”, “technique web” et “acheteur/sourceur” permettant une synergie et une dynamique positive au sein de la société.

2. L’avis de l’ergo’note

Homepage

ergonote-revue-ergonomique-du-site-linea-chic-fr-homepage

La 1ère impression est positive. Visuellement, c’est attirant.

On ressent tout de suite les éléments constitutifs du domaine de la mode et du luxe à travers les couleurs choisies et l’habillage. Le slideshow surdimensionné renforce cette impression, en ne laissant guère de doutes à la vue des produits présentés.

Header

ergonote-revue-ergonomique-du-site-linea-chic-fr-header

Point positif : logo et panier bien placé, moteur de recherche large et explicite, menu par onglets…

Point à corriger : aucune baseline, ce qui est sanctionné immédiatement par une question que se posera tout internaute :

« Je sais où je suis mais je ne sais pas trop exactement de quoi ça parle, et encore moins en quoi ça va m’être utile et pourquoi c’est mieux qu’ailleurs ».

Dit autrement, le site ne permet pas en un coup d’œil de situer rapidement et précisément son activité, sa valeur ajoutée et ses avantages concurrentiels.

Autre point à corriger : le panier ne ressort pas par rapport au reste. Il devrait être un élément qui saute immédiatement aux yeux ; et bien que placé judicieusement au sein de la page, il n’occupe pas assez l’espace et gagnerait à être valorisé.

Il manque également certains éléments de base dans le header, mais j’y reviendrai puisqu’ils sont présents dans le footer, ce qui est un moindre mal.

Navigation

La navigation emprunte le traditionnel menu horizontal en onglets.
5 onglets principaux et un 6ème onglet « idées cadeaux » bien mis en valeur, c’est très positif.

La présence parmi eux de l’onglet « Accueil », qui n’est jamais superflu, renforce encore cette idée d’une navigation simple et optimisée.

Au survol, les onglets sont réactifs mais ne proposent aucun menu de sous-catégories.

ergonote-revue-ergonomique-du-site-linea-chic-fr-navigation-boutiques

La navigation est en fait très originale : si l’on clique sur le 2nd onglet « Boutiques », on accède à une boutique par « marque », elle-même proposant un menu de navigation en sous-catégories avec 4 onglets, dont un onglet à l’originalité déconcertante :

l’onglet « Presse » dont la légitimité est indiscutable et l’utilité tout bonnement géniale, mais pas assez mis en valeur sur la Home du site.

ergonote-revue-ergonomique-du-site-linea-chic-fr-navigation-presse

Les liens placés sur les courtes citations d’articles (qu’ils soient réels ou imaginés) sont très inspirés et reflètent parfaitement l’univers du journalisme de mode. S’ils sont bien réels, saluons le travail de recherche effectué, surtout si l’on considère qu’il est fait pour chaque nouvelle Collection.

Le moteur de recherche indique déjà clairement que des mots-clefs OU des codes articles peuvent être saisis. Les résultats sont pertinents avec la requête choisie, mais je regrette l’absence d’auto-suggestion(s) en cours de saisie.

ergonote-revue-ergonomique-du-site-linea-chic-fr-navigation-bijoux

La page des résultats est donc à peu près OK lorsqu’il y en a, notons toutefois l’absence de bouton pour l’ajout au panier sur les produits dès la page de résultats, ce n’est pas forcément une obligation, mais pourquoi s’en priver ?

Par contre la page indiquant une absence de résultats demande à être optimisée :

ergonote-revue-ergonomique-du-site-linea-chic-fr-moteur-recherche-no-results

Même en m’arrachant les globes oculaires et en les collant sur l’écran (oui, un peu comme la charmante demoiselle ici même), je suis sûr qu’il y aurait encore un effort supplémentaire à fournir pour arriver à déchiffrer une telle taille de police.

Cela prend 3 secondes à optimiser…

De même, le bouton « Poursuivre vos achats » ne ressort pas assez (déjà que l’ensemble des fonctionnalités ne bénéficient pas forcément d’une visibilité optimale compte tenu des tons dominants noir & blanc qui composent la charte du site), il devrait être plus visible et au moins avoir un effet « mouse-over » pour mieux signifier le call-to-action.

Corps

ergonote-revue-ergonomique-du-site-linea-chic-fr-corps

Simple et efficace, il n’y a pas grand-chose à dire sur cette partie.

Du coup, je vais faire un focus sur le slideshow puisque c’est un élément devenu très à la mode :

lorsque vous utilisez un slideshow, rien ne frustrera plus l’utilisateur que de ne pas avoir le contrôle sur celui-ci.

Ici, les pastilles en bas à droite et les flèches de part et d’autre du slideshow sont des points positifs et surtout indispensables, mais j’irai encore plus loin avec :

  • un bouton « pause »
  • une vitesse de défilement entre 6 et 8 secondes – 4 secondes pour Linea Chic, c’est bien trop peu ! – pour éviter un effet de défilement accéléré (qui peut engendrer de légères remontées gastriques en même temps qu’il donne l’impression à l’internaute de jouer au “chasse-taupes”…)
  • remplacer les pastilles par des carrés avec des chiffres « 1,2,3,4 » pour faciliter la mémoire visuelle « Tiens, j’avais vu tel produit, c’était la 4ème vignette je crois !! »
  • éventuellement ré-étudier la taille du slideshow qui me semble ici vraiment proéminent compte tenu de sa réelle valeur ajoutée

Unique (et non moins récurrente) question : « Mais où est la rassurance ??!! »

Footer

Le footer est très bien fait. Trop bien peut-être, relativement surchargé, il gagnerait surement à être ré-équilibré avec le header.

ergonote-revue-ergonomique-du-site-linea-chic-fr-footer

La présence des n° de téléphone et horaires par exemple, serait surement plus appropriée au niveau du header. Il en va de même pour ce qui est de l’incitation « livraison gratuite ». Un choix dans la politique de vente particulièrement pertinent à été fait ici quand on sait à quel point les frais de ports peuvent constituer un frein à l’achat (et particulièrement si ils sont élevés) ; il serait donc plus que judicieux d’en valoriser l’attractivité dès le header.

Les éléments de rassurance (Labels de qualité/sécurité/logos des moyens de paiement) devraient plutôt servir de « frontière » entre le corps et le footer, et donc être déplacés pour se situer plus haut.

Enfin, être présent sur le Web 2.0, c’est bien. L’indiquer clairement et au plus haut sur le site : c’est mieux !

A l’instar du n° de téléphone, la taille de ces icônes devrait être grossie (Loi de Fitts) et être déplacées au-delà du fold.

Tout cela permettra à la fois d’aérer le footer et dans le même temps de gagner une taille de police ou 2 pour les liens institutionnels qui sont là-aussi, assez difficiles à déchiffrer.

Performances

Le site s’est chargé en une moyenne de 0,56 secondes en 5 essais. Ce qui est prodigieux pour un site e-Commerce !
Le poids total compressé de la page est de 1Mb pour 38 requêtes, ce qui est excellent.
Le poids compressé du document est de 5ko, comment vous dire…

Ce site est tout bonnement inattaquable sur des performances qui sont optimales, un modèle du genre !

Responsive

Linea Chic a échoué au test Responsive Web Design. Le site ne possède par ailleurs pas de version « mobile », ce qui est regrettable.

Page Catégorie

Les pages catégorie de Linea Chic sont assez différentes, je vais surtout étudier ici celles concernant les listing de produits :

ergonote-revue-ergonomique-du-site-linea-chic-fr-page-categorie

On trouve ici une « navigation à facette » des plus classiques, avec une série de filtres judicieusement choisis. J’ai lu bien des critiques sur ce type de navigation de la part d’experts SEO, je vous renvoie donc vers leurs analyses. En ce qui me concerne, et en termes d’ergonomie, je n’ai pas grand-chose à y redire dans le cas présent.

J’ai tout de même relevé un bug (une fois n’est pas coutume !) : en cliquant sur « Tendances », je reviens illico sur « Idées cadeaux ». Imaginez l’étonnement de l’utilisateur pour peu que celui-ci se trouve déjà sur cette page… Et encore plus si c’est celle-ci qui s’affiche en lieu et place de celle qu’il souhaitait !

Dernière chose : l’onglet de la sous-catégorie « Soldes » pourrait se détacher des autres afin d’être plus visible.

Fiche Produit

ergonote-revue-ergonomique-du-site-linea-chic-fr-fiche-produit

La fiche produit traduit bien la qualité relative à l’univers de la bijouterie et plus largement du luxe. Les photos sont idéalement présentées, elles valorisent le produit en lui-même avec mise en situation et focus sur les éléments qui comptent pour l’utilisateur (y compris le packaging !).

Les principales règles et conventions ergonomiques sont respectées. Le fold est idéalement situé. Les détails supplémentaires sont affichés de façon intelligente.

Allez, je fais mon tatillon : les liens d’ajout à la liste de cadeaux, de partage/envoi à des amis pourraient encore être d’avantage mis en valeur…

p-s : notez que le bandeau de rassurance est typiquement ce que j’indiquais « manquer » sur la Homepage, comme frontière entre le corps de la page et le footer.

Panier

ergonote-revue-ergonomique-du-site-linea-chic-fr-panier

Il y a beaucoup à dire sur ce panier. Tout d’abord, parlons de l’ajout du produit en lui-même : amener directement sur le panier après l’ajout est discutable.

Cela « casse » la visite de l’utilisateur en lui imposant une étape qui n’est pas naturelle dans son « flux de navigation ».

Je préfère un élément moins intrusif signalant l’ajout au panier comme une lightbox ou un effet visuel via Ajax par exemple.

De plus, le bouton « Poursuivre vos achats » nous ramène à la fiche produit, ce qui est là-aussi discutable, voir carrément inutile.

Ensuite, cette fenêtre contient énormément d’informations, sans doute trop. Les avis FIA-Net en haut du panier sont totalement inutiles à cette étape, au pire, je suggère de les déplacer sous le bouton de validation du panier, ce qui apparaitrait beaucoup plus “naturel”.

Petite remarque sur ce dernier qui se détache clairement du reste de la page, ce qui constitue un point très positif.

L’option de paquet cadeau gratuit est également un point très positif.

Point bonus : pour avoir « caché » le champ permettant la saisie des chèques cadeaux/offre spéciale et n’avoir jamais utilisé le mot magique « Code de réduction » qui causera inéluctablement l’ouverture d’un nouvel onglet/nouvelle fenêtre par l’utilisateur. 9 fois sur 10 ce dernier se mettra alors frénétiquement à la recherche d’un code en question sur les différentes plateformes dédiées, quitte à oublier l’objet de sa recherche et/ou à la ré-orienter en fonction de ce qu’il aura pu trouver. Ici, la configuration de cette fonctionnalité est optimale.

Point malus : pas de livraison via relais-colis. Si on supprime l’option « paris intra-muros », il ne reste que le choix entre La Poste et… La Poste… :-/

Dernière chose : l’îcone panier en haut à droite ne présente que le nombre d’articles présents dans celui-ci. Rien au survol ne permet d’avoir un rapide aperçu sur son contenu et pas de montant total affiché, ce qui d’un point de vue utilisateur est vraiment dommage.

Pour terminer, petite note sur la ligne produit en elle-même : bien pensée, je constate toutefois que la fonctionnalité de suppression de produit gagnerait en visibilité/lisibilité si elle était remplacée par une icône un peu plus intuitive et/ou une alternative textuelle.

Tunnel d’Achat

ergonote-revue-ergonomique-du-site-linea-chic-fr-checkout

On tient notre Guest-checkout ! C’est encore trop rare malheureusement.

Cette pratique qui est légitime et qui s’est incroyablement développée aux US n’a pas encore véritablement trouvé écho en France.

Ceci s’explique probablement par le trop faible nombre d’e-Commerçants véritablement concernés par l’expérience utilisateur (UX) et qui ne font PAS de vrais tests utilisateurs sur leur site… Je suis d’autant plus satisfait de voir cet élément présent ici.

L’insight génial a été d’offrir la livraison aux membres du site ; il y a donc une réelle valeur ajoutée à s’inscrire !!!

Cerise sur le gâteau, c’est un one-page checkout, mais du genre intelligent et pas « je-vous-balance-dans-la-tronche-toutes-les-étapes-d’un-seul-coup à-l’écran ». Remarquable !

Enfin, le header et le footer sont absents, règle primordiale de tout checkout qui se respecte !

Guest Checkout

ergonote-revue-ergonomique-du-site-linea-chic-fr-guestcheckout-1

1ère étape d’un guest-checkout : l’adresse de facturation !

Ici, on peut voir que les développeurs ont eu l’intelligence de désactiver la saisie automatique des formulaires que les navigateurs modernes sont capables de gérer.
Ceci afin d’éviter les « erreurs » et oublis éventuellement liés aux saisies automatiques (pourtant bien pratiques, il faut l’admettre).

Donc ceintures et bretelles, et désactivation du remplissage automatique ! (même au risque d’ennuyer l’utilisateur… Ici l’erreur n’est pas tolérable).

Notons au passage ce magnifique texte info-bulle en anglais (et qui donc ne signifiera rien, voir pas grand chose, pour le frenchy moyen). Mais le responsable ici est Chrome, et non pas le site… Bad Google, bad ! :)

On notera que les intitulés des champs sont placés, comme il se doit, au-dessus des champs en question, et non à leur gauche, facilitant ainsi le flux de lecture du haut vers le bas, et non en zig-zag. Par contre, les intitulés des champs obligatoires devraient être mis en gras.

Un rappel sur le respect de la confidentialité des données est le bienvenue.

Livraison

ergonote-revue-ergonomique-du-site-linea-chic-fr-guestcheckout-2

Incompréhension : le mode de livraison a été choisi dès le panier, pourquoi représenter la chose à nouveau ? (sous cette forme en tout cas)

La simple possibilité de « modifier » le mode de livraison aurait suffi, il ne faut pas présenter un choix à l’utilisateur alors qu’il a déjà préalablement fait au risque de susciter chez lui le doute. Cela peut entraîner une forme de confusion, et ajoute une étape inutile au processus d’achat. Idem pour le paquet cadeau.

Tiens, arrivé à cette étape, j’ai souhaité testé la fonctionnalité la plus utilisée du Web : la Page Précédente !

Et… Cela nous ramène directement au panier… :(

Pour autant, on sauve les meubles en rentrant à nouveau dans le tunnel d’achat et en constatant que même sur une nouvelle procédure de commande en guest-checkout, tout ce que j’avais saisi auparavant a été enregistré au niveau du formulaire. Optimal !

Paiement

ergonote-revue-ergonomique-du-site-linea-chic-fr-guestcheckout-3

La diversité des moyens de paiement est appréciable.

Carton rouge pour l’envoi de confirmation de virement par fax !

J’ai aussi et personnellement un faible pour l’antique et le charme désuet et romantique de la missive… malheureusement on est au XXIème siècle, et l’envoi par email (quitte à ce que cela soit sur une boite dédiée) devrait être également disponible !

ergonote-revue-ergonomique-du-site-linea-chic-fr-guestcheckout-4

C’est par ailleurs ici que tout bon e-Commerçant utilisateur de guest-checkout situe normalement son incitation à saisir une adresse email afin d’envoyer une confirmation de commande par courrier électronique. Et un contact de plus à relancer pour les soldes !

De même, il n’y a pas de fonction d’impression de page pour que le client (oui, l’utilisateur est devenu client à cette étape) puisse conserver facilement une trace papier de sa commande dans son petit classeur rouge. Chose d’ailleurs indispensable au paiement par virement. Il se dégage au final un sentiment très mitigé sur cette étape, qui donne l’impression d’avoir été bâclée et qui annihilerait presque l’ensemble des nombreux points forts préalablement évoqués au niveau du checkout dans sa globalité.

Au passage, puisque l’opportunité m’est donnée de les relire : aucune clause abusive n’a été relevée dans les CGV.

Les réseaux-sociaux

Facebook

https://www.facebook.com/LineaChic

Une page Facebook vivante avec des publications régulières : concours, interviews, photos de stars portant tels ou tels bijoux, quelques touches d’humour (univers oblige !),… le community manager sait ce qu’il fait !

Une synergie avec le blog existe, chose appréciable et qui rend l’ensemble d’autant plus efficient. Au moment où j’écrivais ces lignes, la page Facebook comptait 12627 « fans ».

Twitter

https://twitter.com/lineachic

Le fil Twitter est moins vivant que la page Facebook. On y retrouve des publications régulières mais peu d’échanges et d’interactions avec les clients. Twitter est vraiment un outil à part entière, avec ses propres usages et règles et j’ai un peu trop l’impression d’être sur un « mini-FB » dans le cas présent…

Les autres : Pinterest, Hellocoton, Tumblr…

http://www.pinterest.com/lineachic/

http://www.hellocoton.fr/mapage/lineachic

http://linea-chic.tumblr.com/

Pinterest était incontournable tant la dimension féminine est importante autour de cet outil.

N’étant aucunement spécialiste de ces supports, je me bornerai à constater que les publications sont nombreuses et récentes. Ce qui ne devient plus vraiment anodin si l’on considère le nombre de médias sur lesquels Linea Chic est présent…

Le blog

http://linea-chic.over-blog.com/

A aucun moment on ne trouve un lien sur le site (sauf erreur de ma part) mais il existe pourtant bien un blog Linea Chic, et à jour de surcroît ! C’est l’histoire d’un mec…

ergonote-revue-ergonomique-du-site-linea-chic-fr-blog-top

Du coup, avoir un blog, c’est bien ! Avoir un blog avec du contenu récent et vivant, c’est encore mieux ! Mais avoir un lien vers ce blog sur son site marchand, c’est peut-être la base non ??

Et vice-versa, le blog ne contient aucun lien vers le site marchand (ce qui à la rigueur peut encore s’envisager et même se comprendre…)

Le blog en lui-même fait assez « cheap » ce qui apparait assez incompréhensible compte tenu du secteur dans lequel évolue Linea Chic et qui pour le coup est plutôt bien retranscrit par la charte du site. Avoir choisi la plate-forme gratuite « Over-blog », qui a le mérite d’être LA solution fiable et sympathique pour un blogger amateur qui ne veut pas se prendre la tête, l’est tout autant au vue du positionnement et devient surtout assez discutable lorsqu’on a à disposition des solutions comme WordPress, Dotclear et autres Typepad…

ergonote-revue-ergonomique-du-site-linea-chic-fr-blog-bottom

Conclusion

Pour un e-Commerçant de niche, Linea Chic possède de sérieux atouts : Checkout (presque) exemplaire, panier très correct, des produits « starifiés » mis en avant et soutenus par de nombreux outils web 2.0 qui vivent et interagissent correctement.

Il existe néanmoins encore des axes d’optimisation, notamment sur la navigation (moteur de recherche) et sur la présentation générale du site (header, pages catégorie…).

Dans l’ensemble, un très bon site e-commerce de niche, avec quelques lacunes élémentaires, mais des performances décoiffantes !

Si l’on ne devait retenir qu’une chose de cet article : même un e-Commerçant à taille humaine peut prétendre à avoir une ergonomie qui n’ a plus grand chose à envier à celle d’un “géant” du e-Commerce. Et lorsque l’on constate que la société a désormais 4 années d’existence, il n’y a pas de secret :

l’expérience utilisateur doit être au cœur de votre stratégie si vous souhaitez éviter de faire partie de ceux qui disparaissent dans les 3 premières années…

A l’inverse, sa prise en compte peut amener tout droit à un prix d’excellence, à l’instar de Linea Chic qui a été élu parmi les 5 “meilleurs accès au service client” de l’année 2013 !

Un ping pour “L’ergo-note : revue ergonomique du site Linea-chic.fr

0 commentaires pour “L’ergo-note : revue ergonomique du site Linea-chic.fr

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *