Product detail page
comparaison jusqu’à 3 couleurs
Comme indiqué plus haut, sur la page produit, chaque produit offre une très large gamme des couleurs. Beaucoup d'entre elles sont assez proches, donc pour faciliter la comparaison, nous en avions d'abord décidé de les afficher en grand, puis d’y associer sa référence de couleur et son nom, cela a permis de les distinguer plus facilement. L'utilisat•rice•eur sélectionne d’abord la première couleur, ensuite à chaque fois qu'une couleur est ajoutée, elle se glisse depuis la droite (animation ci-dessus). Le comparateur occupe alors toute la largeur de l'écran.
comparaison entre 2 différentes couleurs
L'accent de la page est mis sur l'expérience dans la comparaison des couleurs. Nous avions facilité le déplacement chaque “tuile” de couleur et de le placer près d'une autre. Passez simplement la souris dessus, cliquez (ou appuyez) puis faites-la glisser vers la gauche ou la droite comme indiqué ci-dessous.
Suppression d’une couleur du comparateur
L'animation ci-dessous montre l'animation d'interface lorsqu'un•e utilisat•rice•eur supprime une couleur ou deux.