Étude de cas
FindStore : site web responsive pour trouver un magasin
Mon rôle
UI/UX Designer concevant un site web applicatif pour FindStore, de la conception à la livraison.
Responsabilités
UX Research, conduite d’entretiens, architecture d’information, maquettage papier et numérique, prototypage lo-fi et haute-fidélité, réalisation d’études d’utilisabilité, prise en compte de l’accessibilité et itération des designs.
Le produit
FindStore est une plateforme en ligne dédiée à la recherche de magasins, conçue pour simplifier et améliorer l’expérience de localisation et de découverte de boutiques. L’interface intuitive permet de rechercher des magasins par catégorie, localisation ou promotions, et d’accéder aux avis et horaires d’ouverture en quelques clics.
La plateforme s’adresse à tous ceux qui souhaitent optimiser leur temps de recherche : familles, étudiants ou passionnés de shopping : avec des outils pratiques comme la carte interactive et la gestion de favoris.
L’objectif
Simplifier la recherche et la découverte de magasins pour les utilisateurs, tout en offrant une expérience fluide, intuitive et accessible. Le projet vise à réduire les obstacles rencontrés lors de la recherche de boutiques et à améliorer la satisfaction générale grâce à une interface claire, rapide et des informations détaillées sur les magasins.
Le problème
Rendre la recherche de magasins plus rapide et plus efficace, afin de réduire la frustration des utilisateurs et d’améliorer leur expérience globale. Nous voulions offrir une navigation fluide et intuitive permettant de trouver rapidement des boutiques selon des besoins spécifiques : localisation, catégorie ou offres spéciales : tout en garantissant des informations précises et à jour.
Le public cible
- Consommateurs actifs et modernes
- Jeunes adultes, familles et professionnels ayant peu de temps pour explorer physiquement plusieurs boutiques.
- Voyageurs ou nouveaux arrivants
- Personnes dans une nouvelle ville qui souhaitent trouver rapidement des commerces locaux adaptés à leurs besoins.
- Passionnés de shopping et chasseurs de bonnes affaires
- Ceux qui aiment découvrir des promotions, des boutiques spécialisées ou de nouveaux lieux à visiter.
Recherche
Études de recherche UX et Design Thinking
J’ai mené des entretiens et créé des cartes d’empathie pour mieux comprendre les utilisateurs de FindStore et leurs besoins. Un groupe utilisateur principal identifié était composé de consommateurs actifs qui souhaitent trouver rapidement des magasins sans parcourir de longues listes.
Ce groupe a confirmé les hypothèses initiales, mais la recherche a aussi révélé d’autres besoins : accéder à des avis fiables, vérifier les horaires d’ouverture et bénéficier d’une navigation fluide et sans frustration.
Détails des études
Questions de recherche
- Quels sont les principaux obstacles ou frustrations que rencontrent les utilisateurs lors de la recherche de magasins ?
- Comment les utilisateurs perçoivent-ils les fonctionnalités actuelles de localisation de magasin ?
- Quelles améliorations potentielles pourraient simplifier le parcours et le rendre plus intuitif ?
Participants
5 participants âgés de 18 à 60 ans, résidant dans les zones métropolitaines et les banlieues, qui cherchent des magasins au moins une fois par semaine.
Méthodologie
- 35 à 55 minutes, France, à distance
- Étude d’utilisabilité non modérée
- Les utilisateurs ont été invités à trouver un magasin sur un prototype basse fidélité
Cartes d’empathie
Persona : Marie
Énoncé du problème : Marie Durand est une mère de deux enfants avec un emploi du temps très chargé, qui a besoin de trouver rapidement un magasin ouvert à proximité, car elle doit acheter des fournitures scolaires urgentes sans perdre de temps entre ses responsabilités familiales et professionnelles.
Persona : Antoine
Énoncé du problème : Antoine Leclerc est un passionné de technologie et un consommateur averti, qui a besoin de comparer les prix et la disponibilité des produits en stock avant de se rendre en magasin, car il souhaite optimiser ses achats et éviter les déplacements inutiles pour un produit non disponible.
Carte du parcours utilisateur
Persona : Marie Durand. Objectif : trouver un magasin ouvert à proximité qui vend des fournitures scolaires, sans perdre de temps.
Persona : Antoine Leclerc. Objectif : comparer les magasins de technologie pour acheter un casque audio en vérifiant la disponibilité en stock avant de se déplacer.
Design
Concepts de design initiaux, esquisses & wireframes
Architecture d’information
La difficulté de navigation sur le site web était l’un des principaux problèmes pour les utilisateurs. J’ai donc utilisé ces connaissances pour créer un plan de site. Mon objectif : prendre des décisions stratégiques sur l’architecture des informations pour améliorer la navigation globale, avec une structure simple et facile.
Wireframes
Au fur et à mesure de la phase de conception initiale, je me suis assuré de baser les conceptions d’écran sur le feedback et les résultats de la recherche utilisateur.
En utilisant l’ensemble complet de maquettes numériques, j’ai créé un prototype basse-fidélité ↗. Le principal flux utilisateur connecté consistait à trouver des magasins, de sorte que le prototype puisse être utilisé dans une étude d’utilisabilité.
Tests
Résultats des études d’utilisabilité
J’ai mené deux séries d’études d’utilisabilité. Les conclusions de la première étude ont orienté le passage aux maquettes finales ; la deuxième, sur prototype haute-fidélité, a révélé les aspects à affiner.
Conclusions du tour 1
- Les utilisateurs veulent trouver un magasin rapidement
- Les utilisateurs veulent plus d’options sur les filtres de recherche
- Les utilisateurs veulent des détails sur chaque magasin trouvé, avec des prix pour les produits phares
Conclusions du tour 2
- Les utilisateurs veulent aussi des méthodes de paiement directes, pour faire leur shopping sans se déplacer
- La fonctionnalité « Vue par le plan » n’est pas claire
Design final
Prototypes haute-fidélité & mockups
Maquettes : différentes tailles d’écran
J’ai inclus des options pour des tailles d’écran supplémentaires dans mes maquettes. Étant donné que les utilisateurs naviguent depuis différents appareils, il était important d’optimiser l’expérience pour une gamme de tailles : mobiles et tablettes : afin d’offrir l’expérience la plus fluide possible.
Mockups
Le prototype haute-fidélité ↗ final a présenté des flux utilisateur plus nets pour la recherche de magasin, avec une plus grande personnalisation.
Bilan
Points à retenir
Impact
La plateforme donne aux utilisateurs l’impression que FindStore est réellement conçu pour améliorer leur expérience de recherche et de découverte de magasins.
Un extrait du feedback des pairs : « Grâce à FindStore, trouver les magasins près de chez moi est devenu si simple et rapide ! Je l’utiliserai sans hésitation pour toutes mes prochaines sorties shopping. »
Ce que j’ai appris
Lors de la conception de la plateforme FindStore, j’ai appris que les premières idées ne représentent que le début du processus. Les études d’utilisabilité et les retours des utilisateurs ont influencé chaque itération de la conception, rendant le produit plus intuitif et mieux adapté aux besoins réels du public.
Et après
Prochaines étapes
- Mener une autre série d’études d’utilisabilité pour valider si les points de douleur rencontrés par les utilisateurs ont été efficacement traités.
- Effectuer davantage de recherche utilisateur pour déterminer tout nouveau domaine de besoin.
- Lancer une application mobile dédiée : développer une application native Android et iOS, avec des fonctionnalités exclusives comme les notifications en temps réel sur les promotions locales ou la sauvegarde des itinéraires.