Certains univers produits se prêtent bien à l’utilisation d’un filtre « couleur » pour ne faire apparaître que les produits correspondant à une couleur. Voici une petite revue des mises en formes proposées dans les catalogues produits de différents marchands ou guides shopping dans les domaines de l’habillement et de la décoration.
Yoox (www.yoox.fr)
De petits carrés de couleurs permettent de sélectionner la couleur. Un léger relief apparait au survol pour montrer qu’ils sont actifs et une flèche indique la couleur sélectionnée.
La liste des produits chez Yoox reprend les codes couleurs de la recherche pour montrer les coloris disponibles pour chaque produit. La couleur n’est pas exactement celle du produit mais celle qui s’en rapproche le plus. Je n’ai pas trouvé de lien permettant d’annuler le choix d’une couleur, dommage !
Sarenza (www.sarenza.fr)
Le tri par couleur apparait en même temps que d’autres critères de recherche une fois le type de chaussure choisi. Les couleurs indisponibles apparaissent avec un petit panneau barré tant que la couleur sélectionnée est marqué d’un coche. Revenir en arrière est possible en cliquant sur la couleur sélectionnée.
Sarenza permet aussi de filtrer les produits du catalogue en cochant plusieurs couleurs. Cette fonctionnalité est intéressante pour les visiteurs qui recherchent une teinte plutôt qu’une couleur précise. Sarenza a enfin prévu une aide contextuelle au survol des couleurs pour préciser certains choix, très utile pour multicolore (une chaussure avec plusieurs couleurs), argent ou or/bronze.
Spartoo (www.spartoo.com)
Les carrés deviennent des ronds comme sur une palette de couleurs. Spartoo permet de choisir une seule couleur à la fois qui personnalise le catalogue. Ici, le bouton « Multicolore » signifie « Toutes les couleurs« , c’est à dire « aucune couleur sélectionnée » , contrairement à Sarenza où ce bouton était une couleur. Cela peut être une source de confusion pour les internautes qui utilisent les deux sites, mais impossible de dire qui propose la meilleure solution…
Dulux Valentine (www.duluxvalentine.com)
Dulux Valentine est une marque de peintures qui ne fait pas de vente en ligne. Le site propose de trouver la bonne couleur selon l’usage pré-sélectionné. Un clic sur la couleur ouvre une fenêtre pop-up avec les différents produits correspondant. NB : si une agence cherche du travail d’ergonomie, consultez le site et proposez vos services.
Yahoo Shopping USA (shopping.yahoo.com)
Yahoo propose un nuancier assez complet avec 56 couleurs ! La couleur sélectionnée est indiquée deux fois dans la zone et un bouton permet d’annuler le choix. Il est impossible de sélectionner plusieurs couleurs en même temps. Yahoo analyse les images pour proposer ce choix dans son moteur de shopping, plutôt que de demander l’information dans le flux catalogue.
Etsy (www.etsy.com)
L’outil proposé par Etsy est aussi ludique qu’expérimental. Il faut passer la souris sur une surface qui sert de nuancier (les points colorés ci-dessous) pour choisir assez précisément sa couleur. Le clic sur une couleur renvoie l’internaute sur une liste de produits correspondant. Comme Etsy propose un nombre de produits très important et qu’aucun ne ressemblant à l’autre, cet outil de choix de couleur me semble tout à fait pertinent (Etsy vend des objets « home made« ).
Avez-vous d’autres exemples de navigation par couleur ?
Chez moi 