Le magasin de détail Uniqlo a récemment ouvert les portes de son magasin phare parisien, avenue de l'Opéra, en plein coeur de Paris. Avec le buzz de cette ouverture, j'ai visité le site web de cette marque afin de me faire une idée de leurs produits.

En y surfant, j'y ai trouvé un exemple intéressant d'une présentation visuelle d'informations aidant l'utilisateur à la recherche de vêtements : 

 

 


Le résultat de cette recherche exploite la stratégie visuelle des petits multiples ("small multiples" chers à Edward Tufte) :
  • chaque vêtement est indexé par catégories : ici par chemises ;
  • ils sont ordonnés par un élément qui ne fait pas partie intégrante du vêtement : le prix.
Ainsi, l'utilisateur peut se faire une idée des produits en un coup d'oeil ; la répétition des images facilite le balayage des produits par l'utilisateur. Cette approche :
  • renforce la comparaison entre les produits ; les produits à comparer sont à côte à côte ;
  • fait ressortir les différences entre eux : la présentation uniforme de la page web met ainsi l'accent sur le produit, et non sur la page elle-même.
Je note aussi d'autres bonnes pratiques :
  • permettre à l'utilisateur de choisir la taille des vignettes présentant les produits (utile pour les petits écrans) ;
  • les critères de recherche sont conservés lors de l'affichage du résultat ; je sais donc à quoi correspond la liste des images ;
  • un click sur une vignette zoome sur le contenu de celle-ci ; la fermeture de cet écran permet alors de revenir à la liste présentée (j'aurais apprécié toutefois que le produit sur lequel je viens de zoomer soit identifié au retour).
Et au moins une pratique discutable (nobody's perfect !) : la musique dès l'arrivée sur le site...

Bref, une expérience utilisateur intéressante.