Projet /
Études de cas : Site web responsive pour trouver du magasin
Études de cas : Site web responsive pour trouver du magasin
Mon rôle
UI/UX Designer concevant site web applicatif pour FindStores de
la conception à la livraison.
Responsabilités
UX Research, conduite d'entretiens, architecture
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 de FindStore permet aux utilisateurs de rechercher des
magasins par catégorie, localisation ou promotions, et
d'accéder aux avis et aux horaires d’ouverture en quelques
clics seulement. La plateforme s'adresse à tous ceux qui
souhaitent optimiser leur temps de recherche, que ce soit des
familles, des étudiants ou des passionnés de shopping. FindStore
propose également des outils pratiques comme la carte
interactive et la gestion de favoris, offrant ainsi une
expérience personnalisée et efficace à chaque utilisateur.
L'objectif
L'objectif principal de FindStore est de simplifier la
recherche et la découverte de magasins pour les utilisateurs,
tout en leur 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 des utilisateurs grâce à une interface claire, rapide
et des informations détaillées sur les magasins.
Le problème
Le problème que nous cherchions à résoudre avec FindStore était
de 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 qui permettrait aux
utilisateurs de trouver rapidement des boutiques selon leurs
besoins spécifiques, qu'il s'agisse de localisation,
de catégorie de magasin ou d'offres spéciales, tout en
s'assurant que les informations soient précises et à jour.
Le public cible
Consommateurs actifs et modernes :
Ceux qui recherchent des magasins de manière rapide et efficace,
notamment des jeunes adultes, des familles et des professionnels
ayant peu de temps pour explorer physiquement plusieurs
boutiques.
Voyageurs ou nouveaux arrivants : Les personnes dans une nouvelle ville ou région 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.
Voyageurs ou nouveaux arrivants : Les personnes dans une nouvelle ville ou région 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.
L'objectif
Etudes de recherche UX - 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é grâce à cette
recherche était composé de consommateurs actifs qui souhaitent
trouver rapidement des magasins sans avoir à parcourir de
longues listes ou effectuer des recherches fastidieuses.
Ce groupe utilisateur a confirmé les hypothèses initiales sur les clients de FindStore, mais la recherche a également révélé que la rapidité n'était pas leur seule préoccupation. D'autres problèmes incluaient le besoin d'accéder à des avis fiables, de vérifier les horaires d'ouverture et de trouver une navigation fluide et sans frustration sur la plateforme.
Ce groupe utilisateur a confirmé les hypothèses initiales sur les clients de FindStore, mais la recherche a également révélé que la rapidité n'était pas leur seule préoccupation. D'autres problèmes incluaient le besoin d'accéder à des avis fiables, de vérifier les horaires d'ouverture et de trouver une navigation fluide et sans frustration sur la plateforme.
Détails études
Questions de recherche
1 - Quels sont les principaux obstacles ou frustrations
que rencontrent les utilisateurs lors de recherche des
magasins ?
2 - Comment les utilisateurs perçoivent-ils les fonctionnalités actuelles de localisation de magasin ?
3 - Quelles améliorations potentielles pourraient simplifier le parcours de trouver le magasin et le rendre plus intuitif ?
2 - Comment les utilisateurs perçoivent-ils les fonctionnalités actuelles de localisation de magasin ?
3 - Quelles améliorations potentielles pourraient simplifier le parcours de trouver le magasin et le rendre plus intuitif ?
Participants
5 participants
Participants âgés de 18 à 60 ans qui résident dans les zones métropolitaines et les banlieues. Les participants cherchent des magasins au moins une fois par semaine.
Participants âgés de 18 à 60 ans qui résident dans les zones métropolitaines et les banlieues. Les participants 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 de magasin sur un prototype basse fidélité.
France, à distance
Étude d’utilisabilité non modérée
Les utilisateurs ont été invités trouver de magasin sur un prototype basse fidélité.
Cartes d'empathie
Carte d’empathie : Marie, 34 ans, mère de famille
Carte d’empathie : Antoine, 27 ans, passionné de
technologie
Personas | 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.
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.
Personas | 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 de perdre du temps en déplacement inutile pour un produit non disponible.
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 de perdre du temps en déplacement inutile pour un produit non disponible.
Carte du parcours utilisateur
Persona : Marie Durand (Maman avec enfants)
Objectif : Trouver un magasin ouvert à proximité qui vend
des fournitures scolaires pour ses enfants, 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.
L'objectif
Les concepts de design initiaux, esquisses ou wireframes
Les concepts de design initiaux marquent le point de départ du
processus créatif, où les idées commencent à prendre forme à
travers des esquisses, des maquettes et des réflexions
stratégiques basées sur les recherches utilisateur.
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 ici était de prendre des décisions stratégiques sur l'architecture des informations qui amélioreraient la navigation globale sur le site Web. La structure que j'ai choisie a été conçue pour rendre les choses simples et faciles.
Mon objectif ici était de prendre des décisions stratégiques sur l'architecture des informations qui amélioreraient la navigation globale sur le site Web. La structure que j'ai choisie a été conçue pour rendre les choses simples et faciles.
Wireframes
Au fur et à mesure que la phase de conception initiale se
poursuivait, 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 que j'ai connecté
consistait à trouver des magasins, de sorte que le prototype
puisse être utilisé dans une étude d'utilisabilité.
L'objectif
Les résultats des tests utilisateur dans les études d'utilisabilités
J'ai mené deux séries d'études d'utilisabilité.
Les conclusions de la première étude ont aidé à orienter les
conceptions des maquettes fonctionnelles aux maquettes. La
deuxième étude a utilisé un prototype haute-fidélité et a révélé
quels aspects des maquettes devaient être affinés.
Conclusions du Tour 1
1 - Les utilisateurs veulent trouver un magasin
rapidement
2 - Les utilisateurs veulent plus d'options sur les filtres des recherches
3 - Les utilisateurs veulent des détails de chaque magasin trouver, avec des prix pour les produits phares
2 - Les utilisateurs veulent plus d'options sur les filtres des recherches
3 - Les utilisateurs veulent des détails de chaque magasin trouver, avec des prix pour les produits phares
Conclusions du Tour 2
1 - Les utilisateurs veulent aussi des méthodes de paiement
directement, ils veulent faire leur shopping sans se
déplacer
2 - La fonctionnalité « Vu par le plan » n’est pas claire
2 - La fonctionnalité « Vu par le plan » n’est pas claire
L'objectif
Les mockups ou prototypes haute-fidélité des designs finals et peaufinés
Les maquettes ou prototypes haute-fidélité illustrent les
designs finaux aboutis, reflétant une interface soignée et
fonctionnelle prête à répondre aux besoins des utilisateurs.
Maquettes : différentes tailles d'écran
J'ai inclus des options pour des tailles d'écran
supplémentaires dans mes maquettes, sur la base de mes
précédentes maquettes fonctionnelles. Étant donné que les
utilisateurs achètent en utilisant différents appareils,
j'ai pensé qu'il était important d'optimiser
l'expérience de navigation pour une gamme de tailles
d'appareils, telles que les mobiles et les tablettes,
afin que les utilisateurs aient 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 du magasin. Il a également répondu aux besoins
utilisateur pour une option de choisir sa place ainsi
qu'une plus grande personnalisation.
L'objectif
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.»
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.
L'objectif
Prochaines étapes
1 - Menez une autre série d'études d'utilisabilité
pour valider si les points de douleur par les utilisateurs
rencontrés ont été efficacement traités.
2 - Effectuez davantage de recherche utilisateur pour
déterminer tout nouveau domaine de besoin.
3 - Lancement d'une application mobile dédiée :
Développer une application mobile native pour Android et iOS, offrant une expérience utilisateur encore plus fluide et pratique avec des fonctionnalités exclusives comme les notifications en temps réel sur les promotions locales ou la sauvegarde des itinéraires pour atteindre un magasin facilement.
Développer une application mobile native pour Android et iOS, offrant une expérience utilisateur encore plus fluide et pratique avec des fonctionnalités exclusives comme les notifications en temps réel sur les promotions locales ou la sauvegarde des itinéraires pour atteindre un magasin facilement.