Le site Pimkie.fr vient de lancer une nouvelle version de sa fiche produit et le site en avait bien besoin. Les couleurs étaient criardes, la hiérarchisation de l’information très moyenne etc.. Alors est-ce que cette nouvelle version améliore t’elle ? Est-elle adaptée au responsive et aux nouveaux moyens de consulter internet ? Un début de réponse en 4 points. Bonne lecture.
Une hiérarchisation de l’information améliorée.
La première chose qui saute aux yeux quand on arrive sur cette nouvelle fiche est une impression de « douceur ». L’utilisation de couleurs pastels à la place des couleurs flashy fait du bien aux yeux, et surtout, on a une impression de sim-pli-cité ! On a donc une meilleure organisation de l’information avec une fiche produit séparée en 2 colonnes : à gauche les images et à droite les informations nécessaire à l’acte d’achat (Prix, description, tailles, quantité, couleurs…). On passe d’une image centrale avec les informations tout autour, à une lecture de gauche à droite; c’est un excellent point. Le marketing n’est plus coincé entre le logo et le moteur de recherche mais sur une large zone en haut de la fiche, pour annoncer comme ici les e-card personnalisée. Cet emplacement est parfois ignoré des utilisateurs La réassurance devient plus intéressante grâce aux onglets de description et des réseaux sociaux mieux intégrés après la refonte :
Voici l’ancienne version :
Très bon point pour le cross-selling qui fait son arrivé avec 3 produits complémentaires et bien intégrés sous le visuel principal.
Choix des tailles inutilisable en tactile ?
La choix de la taille se fait avec un bouton + ou – avec une dimension de 15px de largeur par 8px de hauteur, bienvenue dans le monde du miniature. Cette taille est inadaptée au monde du web d’aujourd’hui, les écrans ont toujours plus de pixels / cm² ce qui rend ces boutons « invisibles ». Sur une utilisation tactile en mouvement ou dans un magasin, ce n’est pas pratique. L’utilisation d’une liste déroulante est peut-être plus appropriée surtout si la quantité ne dépasse pas 10 produits : 
Une description sans contraste.
La description du produit a le même problème que le point précédent avec une taille de police de 11px, on est proche du modélisme. Pour de nombreuses polices, la taille minimale de lecture pour une personne avec une vue normale est de 12px. Voici quelques informations la lisibilité des polices web :
- À 40 ans, la moitié de la lumière passe à travers la rétine comme une personne de 20 ans et à 60 ans, c’est 20% seulement.
- Environ 9% des Américains ont une déficience visuelle impossible à corriger totalement.
- Une taille de 16 pixel sur un écran est environ la même taille que le texte imprimé dans un livre ou un magazine d’environ 12 pts.
Je vous laisse en découvrir davantage sur la lisibilité et la taille des polices du web. Le taux de contraste vient réduire davantage la lisibilité générale du texte, voici les résultats du test : 
N’hésitez pas à tester le taux de contraste de votre site.
Un call-to-action timide.
En floutant l’image pour visualiser les éléments impactant ( taille, couleur, contraste ), on peut distinguer assez bien le bouton d’ajout au panier mais d’autres éléments prennent le dessus comme le panier ( étrange ? ), le lien vers le site Color Forecast ou le message marketing en dessous du menu. Mettre en évidence le nombre de produits dans le panier peut avoir une incidence négative sur la vente et le panier moyen. Imaginez que vous êtes en course, est-ce que vous seriez plus enclin à craquer pour un extra en voyant votre caddie vide ou plein ? 
Depuis la prise des imprim écrans, Pimkie a modifié la couleur du liens « collection » pour le mettre en noir. L’influence doit être positive sur la fiche produit sans pénaliser la visibilité du menu. Pour ma part c’est un bon point : 
Conclusion
Une refonte qui va dans le bon sens mais qui est pénalisée par des petites erreurs d’ergonomie qui pourraient réduire le taux de conversion et l’utilisabilité générale de cette fiche produit. ( facilité d’utilisation de sélection des tailles, couleurs, accessibilité.. ) Une dernière question qui devient de plus en plus préoccupante : Où est le responsive à l’heure du mobile et du tout tactile ?
Une réponse