Expérience Utilisateur : 3 bons trucs Vs 3 flops [partie 2]

Expérience Utilisateur : 3 bons trucs Vs 3 flops [partie 2]

by Oualid Chebab / Mardi, 18 Mars 2014 / Published in UI/UX

Après avoir abordé la semaine passée 3 bonnes pratiques à suivre lors de l’amélioration de l’expérience utilisateur lors d’un processus d’achat, nous nous tournons aujourd’hui vers 3 mauvaises pratiques à éviter du mieux que l’on peut, car certaines d’entre elles peuvent être mises de façon instinctive sur un site.

Description de produit trop petite ou cachée

Les espaces réservés à la description des produits tendent à disparaître des sites de vente en ligne. Ils sont de plus en plus poussés vers les extrémités des pages web, dans de petites boites, parfois bien loin des illustrations du produit. Ce changement est peut-être influencé par la conception pour mobiles, les agences sont donc à la recherche permanente d’un design et d’un concept adapté pour ce genre d’appareils.

Alors que la croissance de la taille des images est flagrante, il ne peut se faire au détriment de la description des produits. Car ces dernières répondent aux questions liées à l’utilisation, les avantages, les soins, les matériaux et mesures qui entrent dans la composition du produit. Cela ne veut pas dire qu’un long paragraphe de 1000 mots est nécessaire pour présenter le produit,  mais il faut s’assurer que les informations nécessaires, susceptibles d’être cherchées par l’utilisateur, soient disponibles.

Cependant, si l’espace ne vous le permet pas, tournez-vous vers une approche plus sobre, basée sur une petite description en haut de pages et suive d’un lien vers une page contenant plus d’informations. Ce qui permettra au final aux utilisateurs de ne pas partir à la chasse à la description.

EsteeLauder_ClickToReadDescriptionCropped_border

 

Chez Estée Lauder, la description des produits a été résumée en 4 lignes dans des boites.
EsteeLauder_DescriptionRevealed_cropped_border

Un bouton « Plus » permet de dévoiler le reste de la description, mais la taille assez compacte de cet espace peut gêner les utilisateurs d’appareils mobiles.

Signalez l’ajout d’articles dans le panier

Les utilisateurs n’ont pas à deviner si un article a été correctement ajouté au panier ou pas! Beaucoup de sites échouent à donner l’information adéquate concernant cette action.

Ceci est un cas d’école que l’on pourrait retrouver dans un cours de « e-commerce 101 ». Les utilisateurs n’ont pas envie de parcourir ni de changer de page pour vérifier leur panier d’achats, et nous en tant que propriétaires du site web, nous ne voulons pas voir nos utilisateurs quitter le processus d’achat pour une autre activité! Il faut que l’action d’ajout d’articles au panier soit immédiatement représentée et confirmée.

La notification d’ajout peut se faire de différentes façons, notamment par l’apparition d’un Pop-up notifiant l’ajout d’un article, car se contenter juste d’une petite ligne sous le panier n’est pas suffisant.

Parfois les petits changements discrets passent inaperçus aux yeux des utilisateurs qui sont immergés dans leur processus d’achat.  Si l’utilisateur  ne remarque pas clairement qu’un article a été ajouté, il quittera le processus pour vérifier le panier; d’autres ajouteront l’article une deuxième fois dans le panier.

Cette mauvaise expérience d’utilisation ne pourra que déboucher sur une critique du site de la part des utilisateurs.

CostCo_AddToCart_Border

Dans cet exemple, nous voyons que Costco a ajouté une ligne de texte ( Sous le bouton « Ajouter au panier ») pour indiquer que l’article a bien été ajouté au panier. Pour certains, cette notification peut passer totalement inaperçue.

Respecter l’homogénéité globale du site

De plus en plus, le design des sites de magasinage en ligne a tendance à devenir plus espacé et plus aéré. Du moins c’est la partie visible de l’iceberg, on garde cette impression jusqu’à mettre le pied dans la zone du service à la clientèle : un endroit encombré d’informations, étroit et qui ne donne pas envie d’y rester.

Si un utilisateur arrive dans votre section de services à la clientèle, c’est qu’il fait face à un problème ou qu’une question le perturbe. Analysez la différence de messages que vous envoyez à vos utilisateurs lorsque vous leur offrez une zone propre, facile à comprendre et qui répond à leurs besoins, contre une zone sombre, remplie d’informations et limite… triste! Imaginez la différence de perception.

Le design du site change, évolue et se met à jour. Ne négligez jamais la partie du service à la clientèle. Un design « dépassé » peut mettre mal à l’aise un utilisateur lors de sa navigation, surtout si cela est incohérent avec le reste du site. Cela peut avoir comme conséquence un doute sur la mise à jour des politiques générales du site ainsi que sur l’exactitude des informations. De plus, les gros blocs de texte avec une taille de caractères minuscules rendent la lecture et la compréhension difficiles pour les utilisateurs, ce qui rend cette pratique à éviter!

FootLocker_Open_Cropped_border

 

Sur FootLocker, la page de présentation des produits utilise une multitude d’espaces blancs, ce qui donne un site bien aéré.

FootLocker_SmallCustomerService_cropped_border

 

En comparaison, le site du service à la clientèle est bien plus encombré, étroit et ne donne vraiment pas envie d’être lu. Quel échec!

The following two tabs change content below.
Oualid Chebab, Ludis Media

Oualid Chebab

Je suis Spécialiste SEO et UI/UX chez Ludis Media depuis 1 an et passionné par le monde numérique depuis toujours! Je m’efforcerai de vous offrir chaque semaine un contenu original, portant sur des sujet d’actualité du monde digital, notamment l’UI/UX, les tendances marketing et le web design. Comme dirait Buzz : Vers l’infini et plus loin encore!

2 Responses to “Expérience Utilisateur : 3 bons trucs Vs 3 flops [partie 2]”

  1. carolef carolef says : Reply

    Bonjour ! Merci pour cet article. Je ne sais pas si c est juste mais pour ma part je crois qu un produit doit être bien décrit et pas soumis à la contrainte mobile (et voir ainsi son texte diminué voire appauvri sur pc). Je crois en 1 version de site adaptée pour chaque support même si c est plus compliqué. surtout quand on vend du estee lauder. Qu’en pensez-vous ?

    • oualid chebab oualid chebab says : Reply

      Bonjour à toi Carolef, je te remercie pour ton intervention et pour cette excellente question.
      à mon avis, l’utilisation des descriptions de produits “appauvries” vient répondre à 2 problématiques: la 1ère est que la majorité des utilisateurs ne sont pas forcément à la recherche de descriptions approfondies afin de prendre une décision d’achat, est que les quelques points présentés suffisent à mettre l’accent sur les informations importantes du produit, et cela en un seul coup d’œil! libre aux personnes plus curieuses de lire la suite de la description.
      La 2éme raison à rapport avec la taille de l’écran des appareils mobiles: un espace réduit pour la description du produit laisserait apparaître le produit et ces caractéristiques sur une même partie d’écran.

Des commentaires?

 
 
TOP