Wiko, le comparateur de smartphones que vous ne verrez pas

Après avoir évoqué l’affordance dans la note précédente, je m’intéresse cette fois à un autre point important de la conception d’interface : le feedback.

Je me rends sur le site de Wiko afin de découvrir leur gamme de smartphones.

Wiko : la gamme des smartphones

Je distingue six modèles compris dans la fourchette 150 ~ 200€. Ni les pictos, minuscules et au contenu variable, ni les descriptions, souvent peu opportunes (en exclusivité, la Wiko Expérience !), ne me permettent de comparer leurs caractéristiques facilement. Heureusement, Wiko semble avoir prévu un comparateur.

Je choisis un premier smartphone et je coche la case Ajouter au comparateur. Après rechargement, je suis renvoyé en haut du site sans la moindre explication : aucun indice, aucun message ne me permet de savoir si l’ajout au comparateur a été effectué.

Wiko : renvoi en haut de page au rechargement

Lorsque je me positionne devant le modèle que j’ai choisi, même problème : rien n’indique qu’il fait bien partie de ma sélection. En fait, tout se passe comme si la manipulation ne fonctionnait pas.

Je poursuis tout de même. Je coche la case Ajouter au comparateur d’un second modèle. Pas de surprise (malheureusement) : je suis à nouveau renvoyé en haut de page après rechargement, et aucun indice ne me permet de savoir si l’action a bien été prise en compte. Pire : j’ai beau chercher, je ne trouve aucun moyen d’ouvrir le fameux comparateur !

À tout hasard, j’ouvre la fiche produit de l’un des smartphones.

Wiko : fiche produit d'un smartphone

Je retrouve, en dessous du bouton d’ajout au panier, la mention Ajouter au comparateur. Je clique, je suis une fois encore renvoyé en haut de la page… mais cette fois un petit bandeau s’affiche ! Il porte la mention suivante : Le produit HIGHWAY PURE a été ajouté à la liste de comparaison dans votre compte. Connectez-vous pour la consulter !

Wiko : bandeau d'ajout au comparateur

Imposer la création d’un compte client pour pouvoir comparer les produits d’un site marchand ? Pas sûr que ce soit une très bonne façon de procéder. De mon côté j’ai préféré aller voir ailleurs.

L’importance du retour utilisateur (ou feedback direct)

J’ai effectué à l’instant un achat sur le site d’H&M. Sur la fiche produit, le manque de retour utilisateur m’a déconcerté.

l'importance du retour utilisateur - 01 : la fiche produit d'H&M

Je clique ici sur le (minuscule) lien guide des tailles. Voici ce qui s’affiche :

l'importance du retour utilisateur - 02 : affichage du guide des tailles

Manifestement ce layer est vide. J’attends une bonne dizaine de secondes, rien ne se passe. Dans le doute je le ferme puis le rouvre : cette fois, le contenu s’affiche convenablement.

l'importance du retour utilisateur - 03 : affichage OK du guide des tailles

Que s’est-il passé ? Je suppose que le contenu du layer ne s’est pas chargé assez vite. Le problème, c’est que le visiteur n’a aucun moyen de savoir ce qui se trame : pas de barre de chargement, de sablier, de message d’information, etc.

Au niveau de la photo de l’article, on retrouve le même type de comportement désagréable lors du chargement en arrière-plan du visuel “pleine page”.

Lorsque je clique sur une vignette de la colonne de gauche, le visuel s’affiche en grand sur mon écran. Problème : lorsque je clique sur une autre vignette, il ne se passe rien.

l'importance du retour utilisateur - 04 : zoom pleine page

Aucun indice ne me permet de savoir que le visuel se charge en fait en arrière-plan. C’est d’autant plus gênant ici qu’il ne se passe vraiment rien (dans le cas précédent l’ouverture du layer, même vide, représentait tout de même une réponse à mon action.)

Pour finir, même remarque lorsque je clique au centre du visuel de la fiche produit pour l’agrandir : dans un premier temps, le visuel est agrandi… mais dégradé.

l'importance du retour utilisateur - 05 : zoom produit

Aucun élément d’interface n’informe l’utilisateur de ce qui est en train de se passer – ici le chargement en arrière-plan du visuel de bonne qualité qui viendra remplacer l’image dégradée.

J’ai noté un problème similaire sur le site d’Asos, qui propose sur ses pages-listes une fonctionnalité d’aperçu. Lorsque je clique sur le bouton vue rapide, il ne se passe rien.

l'importance du retour utilisateur - 06 : Asos, vue rapide

Bien sûr l’aperçu s’affiche au bout de quelques instants, mais le problème n’est pas là : ce petit temps de latence est très désagréable pour l’utilisateur, qui se demande ce qui se passe, s’il a bien cliqué, etc. L’expérience est inutilement dégradée et manque de fluidité. À l’inverse, une réaction immédiate de l’interface rassure l’utilisateur.

Jean-Claude Grosjean en a fait un point essentiel de sa liste de critères ergonomiques : le feedback direct.

C’est l’art de tenir l’utilisateur, en temps réel, informé de ce qui se passe. Ce critère concerne les réponses du système consécutives aux actions des utilisateurs. Son absence est  source d’incompréhension, parfois déstabilisante selon les contextes. Sa présence est un fort élément de réassurance.

Plus d’informations et d’exemples sur cette page de son site Qualitystreet.