Dans la CBNewsletter du 5 décembre, j’ai appris qu’Habitat avait ouvert sa première boutique en ligne. L’occasion pour moi d’aller jeter un coup d’œil à ce nouvel arrivant dans le secteur du e-commerce et de faire une petite analyse du site.

Auparavant, j’étais resté sur une version fullflash du site, avec une charte graphique soignée dans les tons de blanc et gris qui mettaient ainsi en valeur les visuels colorés qui étaient utilisés. Sur cette version, on passe en HTML avec l’insertion de petits modules en Flash pour dynamiser un peu l‘affichage.

CE QUE J'AI TROUVÉ INTÉRESSANT

  • l'approche choisie sur la home page, qui permet la avant des nouvelles collections, des nouveautés et la liste des magasins (car on ne peut pas encore acheter tous les produits mais uniquement les meubles et les canapés pour le moment),
  • le fonctionnement du moteur de recherche en cas de résultat unique : on arrive directement sur la fiche produit sans passer par une liste de résultat (idée simple mais rarement mise en place),
  • les 2 modes d’affichage des résultats et la possibilité de choisir entre une pagination ou la liste complète des produits sur 1 seule page,
  • le fait de pouvoir afficher uniquement les produits vendables en ligne (critère important pour un site dont tout le catalogue n'est pas vendable en ligne)
  • les grands visuels d’ambiance dès les home page des différents univers : les très belles photos égaient les pages et mettent en scène les produits,
  • sur la fiche produit, le zoom s'affiche lorsque la souris survole le visuel produit. Le résultat, qui s’affiche sur la zone de description du produit, est simple, propre et efficace.

CE QUI PEUT ÊTRE AMÉLIORÉ

Aïe, ça se gâte un peu...

Avez-vous vu le moteur de recherche ?

  • L’internaute ne doit pas avoir à le chercher (c’est un comble de chercher le moteur de recherche…) Il est assez difficile à repérer dans la page car il n’est pas très distinct : le bouton de validation et le champ de saisie ont la même largeur, et comme ils sont positionnés l’un en-dessous de l’autre, on ne les identifie pas clairement et on peut facilement les confondre avec une autre fonctionnalité.
  • le libellé du bouton du moteur de recherche ("trouvez-le") est la traduction bête et méchante de "find-it". En anglais ça fonctionne mais pas en français,
  • pour être plus efficace, le libellé "que cherchez-vous ?" devrait être positionné en dehors du champ de saisie, et non dedans.

Un manque de clarté dans la mise en page

  • l’iconographie est très réduite (il y a 3 pictos en tout et pour tout sur le site….) Les jeux typographiques pourraient rattraper cela, mais hélas, il n’y a que très peu de distinction entre les différents titres, sous-titres, typos de lecture...
  • les éléments de navigation ne ressortent pas assez et se confondent avec les titres de rubrique ou bien encore le breadcrumb,
  • les gouttières sont un peu trop fines et les différentes zones de la page ne sont parfois pas clairement distinctes,
  • tous les boutons d’action ("ajouter à mon panier", "ajouter à ma sélection"...) ne sont pas assez clairement identifiables,

Une mauvaise gestion des messages d’erreur

Je ne les trouve pas très visibles car :

  • ils ne sont pas affichés de façon différenciante : il n’y a pas de changement de couleur ou de graisse…
  • parfois ils s’affichent à proximité des champs et parfois non,
  • les champs concernés n’ont aucun focus.

Et des incohérences

  • sur les grands visuels d’ambiance affichés sur les Home Pages des univers, on peut voir s’afficher le nom des produits qui sont mis en scène les produits, mais on ne peut pas cliquer dessus pour arriver sur la fiche produit… Pourquoi imposer à l’utilisateur le moteur de recherche ?
  • pourquoi les 2 modes d’affichage des résultats ne sont possibles que dans une descente catalogue ? On ne peut pas switcher de mode quand on est passé par le moteur de recherche...
  • les cases à cocher sont parfois placées à gauche du texte qui y fait référence, et parfois à droite...

EN CONCLUSION

Ce billet me rappelle celui que j’avais rédigé concernant la mise en ligne de Batashop, la boutique en ligne de Bata. J’avais été déçu par le site de cette grande enseigne. Ici c’est la même chose : j’ai été un peu sévère avec le site d’Habitat parce que j’ai été déçu, je l’avoue. Je m’attendais à quelque chose de plus abouti, tant au niveau du graphisme que de l’expérience utilisateur. Mais laissons les internautes juger d’eux-mêmes : on sait que les sites magnifiques et très ergonomiques ne sont pas forcément ceux qui ont les meilleurs taux de transformation.