Dans la réflexion menée autour de la V3, je souhaitais vraiment travailler sur le confort d'utilisation de l'internaute. Très vite, l'approche rich-média s'est imposée comme la meilleure alternative, mais aussi une des plus complexe à élaborer. Je vous propose donc de découvrir aujourd'hui, la barre des filtres.

Trouver le tee-shirt de vos rêves avec les fonctionnalités avancées :

Cette barre est votre amie, elle va vous permettre de modifier le mode d'affichage et d'appliquer des filtres. Rentrons un peu dans le détail (de gauche à droite) :

• Les deux premiers boutons vont modifier la façon dont le contenu de la boutique est affichée : Soit un affichage en mosaïque, soit un affichage de 3 tee-shirts par page.
• Les deux fonctionnalités suivantes vont vous permettre d'effectuer des tris sur la boutique. Soit par couleur, soit par taille... ou bien les deux. Si par exemple vous êtes fan des t-shirts gris, vous cliquez sur la couleur grise et seuls les tees-shirt de votre couleur préféré vont être affichés. Si au contraire, la couleur vous importe peu, mais que vous voulez voir que les tee-shirts disponibles en taille, vous pouvez utiliser le filtre taille. Bien entendu, ces filtres sont cumulatifs et vous pouvez tout à fait extraire par exemple, les tee-shirts gris en taille XL.
• Le dernier bouton sert tout simplement à réinitialiser les filtres à zéro et voir l'ensemble des tee-shirts.

Petite précisions :

• L'affichage se fait de façon dynamique et immédiate (la page n'est donc pas rechargée à chaque fois)
• Seules les couleurs et les tailles disponibles sont proposées en filtre

La suite à venir : la fiche article