3/5
Étude de cas
Comment permettre une meilleure gestion des trajets liés à des "grands événements" ?
(concerts, festivals, matchs, salons, …)
- Projet
- Académique / The Design Crew
- Durée
- Une semaine
- Équipe
- 3 Product Designers :
Cécile, Antoine et moi
- Scope
- Idéation
- Prototypage
- Tests Utilisateurs
- Outils
- Figma
- Stitch
- Google Meet
- NotebookLM & Claude
Contexte
BlaBlaCar est le leader mondial du covoiturage. Lancée en France en 2006, elle opère aujourd'hui dans plus de 25 pays et annonce plus de 100M d'utilisateurs.
Aujourd'hui, rien n'est fait dans l'application pour répondre au cas d'usage "grands événements" (matchs, concerts, festivals...) La planification et l'organisation de ces trajets pourraient bénéficier de quelques améliorations dans le produit.
18%
de ces trajets sont publiés sur la plateforme.
8%
Tickets au service client pour ces trajets
Recherche
Rappel de la problématique
Comment permettre une meilleure gestion des trajets liés à des "grands événements"
(concerts, festivals, matchs, salons...) ?
Critères de succès
Soulager le support
Une diminution des tickets au service client concernant ce type de trajets.
Annulations
Moins d'annulations de personnes qui n'arrivent pas à se retrouver ou pour qui les détails du trajet n'étaient pas clairs (point de rendez-vous ou autre).
Idéation
Benchmark
Nous avons réalisé un benchmark afin d'explorer des pistes concrètes pour répondre à nos besoins :
Transformation des idées en concepts
Pour avancer dans cette démarche créative, nous avons d'abord dégagé des thèmes centraux, puis imaginé des solutions variées avant de valider ensemble le parcours utilisateur idéal.
MindMap
Crazy 8
Storyboard
Prototype v0
Avec notre idéation et les informations collectées, nous avons imaginé un scénario pour faciliter la gestion des trajets liés à des grands événements. Les grands événements posent des défis spécifiques en matière de mobilité : bruit, foule, et repérage difficile. Nous avons conçu un scénario et un prototype pour tester comment l’application pourrait mieux accompagner les utilisateurs dans ces situations, dès la fin d’un évènement.
Le scénario
Nous sommes en fin de journée à la Foire de Paris. Il est 18h00.
Tu viens de passer plusieurs heures dans le Hall 1 (Porte de Versailles), il y a énormément de monde et de bruit.
Tu as réservé un BlaBlaCar pour rentrer chez toi à Melun (1 rue du Château). Ton chauffeur Thomas doit te récupérer à 18h10, soit dans seulement 10 minutes devant l'hôpital Vaugirard au niveau du 10 rue Vaugelas 75015 Paris. Ta tâches est d’ouvrir l'application Blablacar et utiliser les informations à ta disposition pour rejoindre ton point de rendez-vous.
Consultation du trajet imminant
Consultation du trajet imminant
1
Affichage du trajet à venir
L'utilisateur ouvre l'application et voit le trajet imminent qu'il a réservé.
2
Détails du trajet
Informations sur le point de départ, l'heure de départ et le chauffeur.
3
Point de rendez-vous
Visualisation du point de rendez-vous sur la carte avec l'itinéraire à pied pour s'y rendre.
Informations point de rendez-vous + trajet
Informations point de rendez-vous + trajet
1
Ecran de la vue plan
Cet écran donne accès à différentes informations
2
Informations sur le point de rendez-vous
L'utilisateur constate le temps de trajet à pied, la distance et l'heure de départ. En cliquant sur l'élément on a un zoom sur la photo de la voiture et la plaque d'immatriculation.
3
Fiche trajet
En cliquant sur le point d'arrivée, l'utilisateur peut avoir accès à la fiche trajet.
4
Informations complémentaires bottom up
Fermé on a l'information de l'adresse du rdvs, une information complémentaire du chauffeur, les passagers et l'accès à un chat.
Ouvert, on peut voir le détail du rendez vous, l'information sur le véhicule, l'accès à la fiche trajet. Tout en bas, on a la possibilité de partager la localisation du rendez vous et le bouton pour accéder au support Blablacar.
5
Ouverture fermeture de la bottom up
L'ouverture de la bottom up se fait par la petite barre ou en cliquant en dehors de la modale.
Navigation en vue plan
Navigation en vue plan
1
Départ de la navigation
L'utilisateur lance la navigation vers le point de rendez-vous en mode plan.
2
Suivi de l'itinéraire
La carte affiche le parcours à suivre avec les indications de direction.
3
Arrivée au point de rendez-vous
L'utilisateur arrive à destination et peut identifier le véhicule du chauffeur.
Navigation en réalité augmentée (AR)
Navigation en réalité augmentée (AR)
1
Départ pour le point de rendez-vous
Autre façon de suivre la navigation, le mode AR que l'utilisateur choisit pour son trajet.
2
Navigation en mode AR
L'utilisateur suit les indicateurs en AR pour trouver son chemin. On trouve des flèches d'orientation et une bulle qui confirme la direction vers l'emplacement de la voiture.
3
Passage en mode plan
Le passager peut revenir quand il veut à la vue plan pour consulter d'une autre manière d'avoir de l'information.
4
Arrivée au point de rendez-vous
L'utilisateur bascule de nouveau en AR jusqu'au point de rendez-vous.
Tests utilisateurs
Panel utilisateurs
Traditionnel
49 ans
N'a jamais utilisé Blablacar
25 ans
A déjà utilisé Blablacar
BlaBlaCar
26 ans
Utilise souvent Blablacar
31 ans
A utilisé occasionnellement Blablacar
24 ans
A déjà utilisé Blablacar
Les objectifs de test
Flow
Vérifier la simplicité et la pertinence du flow dans son entièreté
Guidage AR
Vérifier l'appétence pour la fonctionnalité AR et vérifier si le guidage par flèches bleues est intuitif
Retrouver son trajet du jour
Vérifier si l'utilisateur retrouve facilement son trajet parmi la liste
Clarté et confiance
Vérifier la compréhension du Meeting Point et des informations annexes
Communication
Vérifier l'efficacité d'échange de messages avec le conducteur via le chat intégré
Informations complémentaires
Vérifier l'utilité de la bottom up pour donner d'autres informations au passager
Les enseignements
5/5
Ont jugé très utile pour l'orientation la navigation AR
5/5
Ont compris facilement la navigation par carte pour se rendre au lieu de rendez-vous.
0/5
Ont vu que l'on pouvait cliquer sur l'icône voiture du point d'arrivée
3/5
Ont eu des difficultés à trouver leur trajet depuis l'écran d'accueil
3/5
Ont compris l'usage de la messagerie chat
5/5
Ont trouvé le point de rendez-vous. Ils apprécient les infos comme : la photo du véhicule ; distance/temps et les repères visuels (ex. l'hôpital)
2/5
N'ont pas compris tout le contenu de la bottom sheet
3/5
Ont ouvert la bottom sheet et ont trouvé pratique d'avoir accès aux informations annexes
Itération
Consultation du trajet imminant
Les itérations
Pour simplifier l'accès au trajet de l'évènement, un bouton "Trajet prévu aujourd'hui" a été ajouté à l'écran d'accueil.
- Icône de véhicule pour se démarquer du reste de l'interface.
- Un texte signalant le rendez-vous à venir.
- Lieu de départ et destination.
- L'heure du départ.
Les itérations
Une remarque judicieuse a été faite par l'un de nos testeurs : " C'est le 10 mai de quelle année ? "
Effectivement, il manquait dans notre V0 un repère dans le temps par rapport aux trajets.
Nous avons donc ajouté des séparations pour encadrer les trajets dans une temporalité.
- Aujourd'hui
- A venir
- Passé
Informations point de rendez-vous + trajet
Les itérations
Photos attribuées à Google Map
Personnalisation de la section avec :
- photos du chauffeur
- texte sur l'origine de l'information
Carte non cliqué
Ajout d'une icone zoom pour indiquer l'interaction sur la carte.
A notre initiative :
- Superposition des avatars
- En bas, le texte du bouton "Partager la localisation" devient "Partager le trajet", une erreur de notre part
Les itérations
Au cours des tests, 2/5 n'ont pas cliqué sur la messagerie. Au cours d'échanges avec l'un des utilisateurs, nous nous sommes aperçus qu'il était impossible de savoir s'il y a de nouveaux messages.
Nous avons donc ajouté un petit point rouge comme signalétique de messages non lus.
Navigation en vue plan
Les itérations
Au cours des tests, 2/5 n'ont pas cliqué sur la messagerie. Au cours d'échanges avec l'un des utilisateurs, nous nous sommes aperçus qu'il était impossible de savoir s'il y a de nouveaux messages.
Nous avons donc ajouté un petit point rouge comme signalétique de messages non lus.
Les itérations
Nous nous sommes aperçus que la distinction des personnes par des messages de différentes couleurs était plus perturbante qu'autres choses. Cela a été remonté dans nos échanges pas à pas.
Navigation en réalité augmentée (AR)
Les itérations
Au cours des tests, 2/5 n'ont pas compris l'icône AR et ne l'ont pas sollicitée. Nous avons donc amélioré la visibilité du bouton AR avec une icône plus claire et un libellé explicite.
Les itérations
Nous nous sommes aperçus que la distinction des personnes par des messages de différentes couleurs était plus perturbante qu'autres choses. Cela a été remonté dans nos échanges pas à pas.
Conclusion et perspectives
L'équipe The Design Crew a bien apprécié notre travail.
Les membres ont notamment apprécié l'intégration de sa nouvelle charte graphique avec nos solutions. Ils ont reconnu la valeur de notre démarche UX, et les choix de conception ont été approuvé.
Pour aller plus loin
1
Tester la dernière itération auprès des utilisateurs.
Pour obtenir :
- De nouveaux retours d'expériences
- Une optimisation de la solution avant la mise en production finale
Pour vérifie que :
- La solution à un accès direct au trajet le jour J fonctionne bien
- la navigation est mieux comprise en AR et en vue Plan
- le choix par le nouveau bouton AR soit dans la moyen du choix des utilisateurs.
- l'on a meilleur compréhension du contenu de la bottom sheet avec les modifications ajoutés
2
Indicateurs de succès
Taux d'adoption de l'AR
% utilisateurs activant la fonction AR lors d'un événement.
Méthode : Analytics
Fréquence : Mensuelle
Seuil : > 20% utilisateurs événements
Score CSAT
Niveau de satisfaction après l'utilisation du flux spécifique "Grand Événement".
Méthode : Micro-enquête depuis l'app
Fréquence : Post-trajet
Seuil : 3/5
Taux de rétention
Capacité de l'utilisateur à revenir utiliser la fonction lors d'un second événement.
Méthode : Cohortes d'utilisateurs
Seuil : > 30%
Taux de succès de navigation
% d'utilisateurs arrivant à destination sans erreur de parcours ou détour majeur.
Méthode : Analyse des logs trajet GPS
Fréquence : Hebdomadaire
Seuil : 80%
3
Improvements à venir
Simplifier l'envoie de message
Face à la difficulté d'utiliser la messagerie classique lors d'événements animés, proposer des boutons de réponses intelligentes et contextuelles (ex.: "J'arrive dans 5 minutes")
Frais annexes partagés
Lorsque chauffeur et voyageurs participent au même événement et font l'aller-retour ensemble. Comment gérer la répartition des frais annexes (ex: parking) dans l'_application ?
Palier aux imprévus
Comment replanifier un départ d'événement en situation anxiogène, suite à une annulation du chauffeur ou de perturbations de circulation ?
Matching de grands évènements
Comment aider chauffeurs/passagers partageant le même événement à se mettre en relation sur la plateforme ?
Localisation et détails du véhicule
Rendre les infos du véhicule du chauffeur accessibles à l'utilisateur le jour J.