En bref
Pour ce projet étudiant, nous avons été chargés de concevoir un prototype d'application qui aiderait les utilisateurs à trouver des places de stationnement disponibles, que ce soit proposé par les gouvernements locaux ou des propriétaires individuels, n'importe où dans leur région. Notre persona principal était Lucie, une designer UX/UI non binaire de 30 ans vivant en périphérie de Paris qui conduit dans la ville pour le loisir et déteste le stress de trouver une place de stationnement dans un temps imparti. Travaillant en tant qu'équipe francophone internationale de quatre personnes, nous avons traversé l'ensemble du processus de conception en une seule semaine de travail. Cela comprenait des interviews avec des camarades de classe, la création de maquettes basse fidélité et des tests d'ergonomie, ainsi qu'un dernier tour de tests d'ergonomie haute fidélité - le tout culminant dans un prototype Figma peaufiné.
Ce qu'on a choisi et pourquoi
Pour notre recherche de persona, nous avons interviewé de jeunes conducteurs urbains pour comprendre leurs besoins et leurs points de douleur concernant le stationnement. Après plusieurs tours d'entretiens, nous avons synthétisé nos découvertes dans un persona qui a capturé les motivations clés, les frustrations et les comportements de notre utilisateur cible.
À partir de là, nous avons esquissé nos flux UX fondamentaux à travers des wireframes basse fidélité et réalisé des tests d'utilisabilité pour valider nos décisions avant de progresser. Un principe de design clé tout au long du processus était de s'appuyer sur la familiarité existante des utilisateurs avec des applications comme Uber, en maintenant l'interface intuitive et en réduisant la courbe d'apprentissage dès la première interaction.
Une fois les flux confirmés, nous avons construit un kit UI pour établir notre système visuel et garantir la cohérence à travers le design. Les maquettes haute fidélité ont été produites dans Figma, et le prototype final démontre l'expérience complète : le flux de recherche de stationnement, l'interface de carte interactive et la gestion de profil utilisateur. Le tout a été livré en une seule semaine de travail.
Résultats
En seulement une semaine, nous avons établi une marque cohérente avec une palette de couleurs et une ambiance constantes sur tous les écrans. Le flux utilisateur a été conçu pour se sentir immédiatement familier. Notre écran de connexion, par exemple, offre trois méthodes d'authentification : Google, Apple et numéro de téléphone, des modèles que les utilisateurs reconnaissent instantanément. Nous avons créé une interface cartographique contenant tous les composants nécessaires pour ce type d'application : des épingles pour les places de stationnement disponibles, une barre de navigation en bas persistante et des écrans dédiés aux informations des utilisateurs. La hiérarchie de l'information est claire tout au long. Notre écran de recherche et de filtre regroupe un sélecteur de date et d'heure pour l'arrivée et le départ, un curseur de plage de prix avec un indicateur de prix en direct, et un bouton de filtre, le tout au même endroit, reflétant directement le besoin fondamental des utilisateurs de trouver la bonne place de stationnement au bon prix et au bon moment.
Conseils à moi-même
En regardant en arrière, le prototype présente des domaines clairs pour la croissance. La cohérence visuelle nécessite de l'attention. L'écran de connexion, en particulier, ne s'aligne pas entièrement avec la marque globale, ce qui compromet la première impression. La visibilité des prix est une autre priorité. Bien que l'écran de recherche et de filtrage aborde clairement le prix, les utilisateurs devraient être rassurés sur les prix plus tôt dans le parcours, idéalement directement sur la carte avant même de commencer à filtrer. Commencer de manière transparente renforce la confiance plus rapidement. Enfin, une fonctionnalité que nous n'avons pas pu mettre en œuvre en raison de contraintes de temps était la capacité pour les utilisateurs de lister et de louer leur propre place de parking. Cette fonction aurait complété la vision de marché à deux côtés de l'application et aurait considérablement renforcé sa proposition de valeur.
