La navigation dans le vaste catalogue de produits de Veepee posait un défi pour les membres. L’ancien système de filtres, présenté sous forme de simples "boutons-lien", manquait de clarté et d’intuitivité, compliquant la recherche pour les utilisateurs. Notre mission était de repenser cette expérience en introduisant un design de filtres plus clair et engageant.
Mon Role 🧢
Pour ce projet, nous avons travaillé en pair design, j’ai assuré :
La recherche utilisateur pour comprendre les comportements et points de friction.
La conception et l’itération des nouveaux filtres.
La collaboration avec les développeurs pour garantir une solution évolutive en lien avec la taxonomie produit.
La validation que le design final répondait aux besoins des utilisateurs et objectifs commerciaux.
Insight & User research 🔎
Points de frustrations : L’analyse des retours et des heatmaps a révélé que les utilisateurs peinaient à localiser et utiliser les filtres. Le format "boutons-lien" était trop discret, souvent ignoré.
Analyse Concurrentielle : Des plateformes comme Zalando et ASOS ont montré l’efficacité des filtres au format "pills", plus visuels et intuitifs.
Objectifs Utilisateurs : - Affiner rapidement les résultats par catégorie. - Naviguer facilement entre les filtres sans perdre de temps. - Réduire les clics nécessaires pour trouver le bon produit.
Benchmark 👀
Le moment est venu de "bencher" et trouver de l'inspiration !
La solution ?
Nous sommes passés d’un design de filtres en boutons-lien à des filtres au format pills, reconnus pour leur clarté et leur ergonomie. Les principaux changements :
Hiérarchie Visuelle : Des pills bien définies avec des contours et des étiquettes claires.
Mises à Jour Dynamiques : Une adaptation visuelle en temps réel des filtres sélectionnés.
En-tête sticky : Les filtres restent accessibles même en faisant défiler les résultats.
Design Évolutif : Une structure pouvant accueillir de nouveaux filtres en fonction de l’évolution de la taxonomie.
Mockups
Impact
Nous sommes passés d’un design de filtres en boutons-lien à des filtres au format pills, reconnus pour leur clarté et leur ergonomie. Les principaux changements :
Hiérarchie Visuelle : Des pills bien définies avec des contours et des étiquettes claires.
Mises à Jour Dynamiques : Une adaptation visuelle en temps réel des filtres sélectionnés.
En-tête sticky : Les filtres restent accessibles même en faisant défiler les résultats.
Design Évolutif : Une structure pouvant accueillir de nouveaux filtres en fonction de l’évolution de la taxonomie.
Conclusion
Ce projet a démontré comment un ajustement de design, même simple, peut résoudre des problèmes utilisateurs tout en ayant un impact significatif sur les résultats commerciaux. Avec les filtres au format pills, nous avons non seulement amélioré la navigation, mais aussi posé les bases d’une expérience de recherche plus dynamique et évolutive.
En résumé
Parfois, de petits ajustements de design—comme transformer des boutons en pills—peuvent engendrer de grands résultats pour les utilisateurs et les entreprises.