Menu

Comment permettre une meilleure gestion des trajets liés à des "grands événements" ?
(concerts, festivals, matchs, salons, …)

BlaBlaCar
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

Éric

49 ans
N'a jamais utilisé Blablacar

Margot

25 ans
A déjà utilisé Blablacar

BlaBlaCar

Coralie

26 ans
Utilise souvent Blablacar

Hugo

31 ans
A utilisé occasionnellement Blablacar

Téo

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

3/5

Ne comprennent pas l'icône AR, et ne sollicitent pas cette fonctionnalité.

J'ai pas tout de suite compris à quoi cela pouvait servir, je suis resté sur la vue carte.
Hugo

5/5

Ont jugé très utile pour l'orientation la navigation AR

Je suis pas très grande, et quand il y a de la foule pour sortir d'un concert, je ne suis pas sûr où je vais. Avec l'AR, cela serait plus facile.
Margot

5/5

Ont compris facilement la navigation par carte pour se rendre au lieu de rendez-vous.

C'est simple comme sur Google Map
Coralie

0/5

Ont vu que l'on pouvait cliquer sur l'icône voiture du point d'arrivée

Pour moi, c'est juste l'icone qui indique le point d'arrivée
Téo

3/5

Ont eu des difficultés à trouver leur trajet depuis l'écran d'accueil

J'ai mis du temps à cliquer sur le bouton trajets, parce que je cherchais quelque chose pour aller directement au trajet du jour
Téo

3/5

Ont compris l'usage de la messagerie chat

Le chat de groupe, c'est ++ par rapport à BlaBlaCar actuel. Vraiment utile pour communiquer avec les autres passagers et le conducteur
Margot

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)

C'est bien d'avoir connaissance de la distance et du temps pour retrouver le chauffeur. La plaque d'immatriculation avec la photo peut être très utile sur un grand parking.
Eric

2/5

N'ont pas compris tout le contenu de la bottom sheet

Les photos, je pensais que c'était celle de google et j'ai pas vu que l'on pouvait cliquer sur la carte.
Coralie

3/5

Ont ouvert la bottom sheet et ont trouvé pratique d'avoir accès aux informations annexes

Ça résume bien les informations concernant mon prochain départ.
Hugo

Itération

Consultation du trajet imminant

Avant
Après

Les itérations

UX Design

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.
Avant
Après

Les itérations

UX Design

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

Avant
Après

Les itérations

UX Writting UI Design

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
Après

Les itérations

UI Design

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

Avant
Après

Les itérations

UI Design

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.

Avant
Après

Les itérations

UX Writting UI Design

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)

Après

Les itérations

UI Design

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.

Avant
Après

Les itérations

UI Design

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 Semestre
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 ?