01
- 1 Accueil
- 2 Itinéraire
- 3 Voyageurs
- 4 Résultats
- 5 Tarif
- 6 Placement
- 7 Bagages
- 8 Coordonnées
- 9 Panier et paiement
Auditer
J'ai refait tout le parcours d'achat de l'app réelle, en notant chaque écran et chaque décision demandée.
Étude de cas, concept
SNCF Connect
Product designer, seul sur le projet
2025
Figma, Figma Make
Refonte conceptuelle, non affiliée à la SNCF.
Acheter un billet de train ne devrait pas ressembler à une déclaration d'impôts. Dans l'app, il faut passer par neuf écrans.
Ce que j'ai fait
02
Flexibilité et efficacitéDesign minimalisteContrôle et liberté
Classer
Les problèmes rangés avec les heuristiques de Nielsen.
03
« Cet écran demande-t-il une décision, ou montre-t-il ce que le voyageur sait déjà ? »
Regrouper
Une seule question pour chaque écran, et ce qui ne demande aucune décision fusionne avec un autre.
04
Prototyper
Les quatre écrans et le prototype dans Figma, avec Figma Make pour générer vite les premières versions.
9 écrans deviennent 4
L'app actuelle
La refonte
9 →4−56 %
Les décisions
01
La classe en surcouche
Un tap sur un train ouvre le choix de la classe par-dessus les résultats. L'écran « Choisir un tarif » disparaît.
02
Les choix par défaut déjà cochés
Placement automatique, pas de bagage en plus, pas d'assurance. On personnalise si on veut, sinon on descend et on paie.
03
« Presque terminé »
Placement, bagages, assurance et coordonnées sur un seul écran. Le titre dit au voyageur que c'est la dernière étape.
04
Plus d'écran panier
Le panier ne faisait que relire la commande. Le récapitulatif passe en haut du paiement, dépliable.
Le prototype
Le parcours complet, de la recherche au paiement, sans perdre une seule option.
Ce que j'en retiens
Le plus gros gain ne vient pas d'un nouvel écran, mais des écrans qu'on peut retirer. Ici, pas d'entretiens utilisateurs : un audit honnête de l'app réelle. La suite serait de tester le parcours avec de vrais voyageurs.
Projet suivant · 04
Dustycloud