Archives des en vitesse - Page 11 sur 12

27 juillet 201120 février 2018

Soldes sur la lisibilité chez jefchaussures

La période des soldes est souvent un moment difficile pour les webdesigners. Chez jefchaussures, l’équipe de création responsable de la maquette actuellement en ligne a sans doute plié face aux besoins du marketing. Un coup d’œil à la homepage du site me laisse imaginer le brief :

« Voilà les messages que nous devons faire passer :
• ce sont les soldes, c’est la période des soldes, il faut parler des soldes ;
• le taux de démarque maximal est de -70% ;
• ça commence le 22 juin, ça se termine le 26 juillet ;
• actuellement, c’est la deuxième démarque ;
• il y a encore plus de produits soldés ;
• on veut aussi montrer toutes les autres démarques : -20%, -30%, -40%, -50%, -60% ;
• il nous faut 3 visuels femme, homme et enfant pour montrer la largeur d’offre ;
• on a besoin d’un accès par marché (femme, homme et enfant donc). »

D’une certaine manière, la réponse de l’équipe de création est parfaite.

Cette page d’accueil déborde d’éléments visuels et de messages qui ne sont pas hiérarchisés. Le mot « soldes » est inscrit 7 fois (au centre de la page en taille 250 (!), verticalement sur les 2 côtés, dans un gif animé en haut de la page…), on dénombre 21 (!) taux de démarque, 3 visuels femme homme et enfant, 3 boutons pour les 3 accès aux produits, bref rien n’a été oublié… à part le client, qui aura toutes les peines du monde à comprendre pourquoi le site s’acharne ainsi sur ses yeux.

Pour ne rien arranger, la page-liste a l’air de répondre aux mêmes critères de lisibilité.

Il me semble essentiel de chercher un compromis entre ces maquettes très chargées et la sobriété extrême d’un Zara (même en période de soldes) par exemple…

22 juillet 201120 février 2018

Dolce & Gabbana : des carrousels dans tous les sens

Je consulte à l’instant l’article de capitaine commerce concernant le lancement du nouveau site e-commerce de Dolce&Gabbana. A l’instar du site de Zara dont j’ai parlé il y a quelques jours, son look m’a tout de suite plu.

Plusieurs choix esthétiques risquent cependant de perturber les visiteurs. Je pense tout d’abord aux textes, très petits, et à leur contraste bien trop faible. Peut-être qu’un test utilisateur a convaincu les concepteurs que les clients de D&G avaient 12/10 à chaque œil ?

Je pense ensuite à ce carrousel central, très tendance, mais dont le contenu défile tellement rapidement qu’il est impossible de lire les descriptions associées aux images (cf. vidéo, plus bas.) Déchiffrer plus de 60 mots en moins de 5 secondes, c’est un challenge… Des flèches permettent de passer d’un contenu à un autre (pour ceux qui trouveraient le défilement par défaut trop lent, sans doute) : l’idée est séduisante, mais pourquoi sont-elles invisibles par défaut ? Et pourquoi leur zone de clic est-elle si réduite ?

Un autre point m’ennuie. Tous les éléments des carrousels sont cliquables et renvoient vers les produits affichés. Dès lors, pourquoi ne pas avoir stoppé le défilement lorsque le pointeur survole un élément ? Si je ne clique pas assez vite sur le produit qui m’intéresse, il risque de disparaître…

Au sujet des petits carrousels, justement : les points d’état (les petits ronds noirs, façon iPhone) sont trop éloignés de leurs intitulés, ce qui rend leur association plus difficile. Le visiteur risque d’associer l’intitulé « nouveautés » avec les points d’état du carrousel des produits les plus vendus. Ce problème est d’autant plus gênant que lors d’une première visite, le dernier encart n’a pas d’intitulé.

Autre point plutôt décevant : le lien « inscription » renvoie sur une page au look très éloigné du nouveau site.

Un petit avis personnel pour finir. Les carrousels c’est bien, c’est tendance – cela dit les fondus auraient pu être mieux gérés. Oui, mais… En faire défiler quatre simultanément, n’est-ce pas un peu trop ? Le look final n’est-il pas un peu éloigné de l’image d’élégance que le site véhicule ? Une petite vidéo, pour mieux se rendre compte :

Bonus

Alors que je m’apprêtais à faire une grosse commande sur le site, un petit message situé en bas du panier m’a beaucoup étonné : « Vous pouvez mettre au maximum 7 articles dans le panier ». C’est bien la première fois que je vois un site e-commerce limiter le nombre d’achats que l’on peut effectuer !

Quant aux carrés coloris présents sur les pages listes, soit ils ne sont pas adaptés aux produits, soit certaines photos d’articles sont à revoir…

11 juillet 201120 février 2018

Zara.fr : une recherche chaotique (1/2)

La mise en ligne du site e-commerce de Zara il y a environ un an a été largement commentée sur internet. En décalage complet avec la plupart de ses concurrents (interface très épurée, absence quasi-totale d’opérations commerciales…), il se détache franchement des n°1 de la vente en ligne que sont La Redoute et 3 Suisses entre autres.

Amateur de minimalisme (mes 3 sites internet l’indiquent assez nettement), son look m’a vraiment emballé.

Il y a quelques jours, j’ai tenté de savoir si l’utilisation du site était à la hauteur de mes espérances. J’ai commencé par une simple recherche « veste homme ». La page des résultats indique que 100 articles correspondent à ma requête.

Étrangement, tous les articles de cette première page sont issus de la boutique femme. Les premiers produits « homme » ne sont visibles qu’en page 2. Et comme il est impossible d’affiner sa recherche, il sera nécessaire de balayer les 9 pages de résultats pour tous les découvrir.

Pour ne rien arranger, seuls 11 produits sont affichés sur la première page alors que 12 emplacements sont présents. L’impression d’avoir devant soi l’ensemble des résultats de la recherche risque de détourner les clients qui n’auront pas jeté un œil au nombre total d’articles précédemment évoqué. Et ce n’est pas la taille du bouton « page suivante » qui les aidera à se rendre compte de leur erreur.

Les courageux qui tenteront de fouiller ces 9 pages devront par ailleurs bien faire attention à ne pas utiliser le bouton « page précédente » de leur navigateur : celui-ci renvoie l’utilisateur à la page qu’il consultait avant de faire sa recherche – dans mon cas la page d’accueil du site – au lieu de lui permettre d’afficher la page de résultats précédente.

Cette première expérience plutôt décevante m’a donné envie de me pencher plus longuement sur certains points. Je m’attarderai donc d’ici quelques jours sur la page-liste du site, qui présente plusieurs éléments qu’il serait intéressant de retravailler.