Parcours utilisateur
Qu'est-ce qu'un parcours utilisateur (user flow) ?
Un parcours utilisateur, ou user flow, est un schéma qui montre le chemin suivi par une personne pour accomplir un objectif précis sur un site web ou une application : créer un compte, réserver un appel, acheter un produit. Il part d'un point d'entrée (résultat de recherche, publicité, lien), liste chaque écran ou action, montre les décisions en route et se termine par un succès ou un abandon. Les designers l'utilisent pour repérer les frictions avant de construire quoi que ce soit.
Un parcours utilisateur décrit un persona et une tâche. Il répond à une question simple : que doit faire cette personne, dans quel ordre, pour atteindre son objectif ?
Les symboles standards d'un parcours utilisateur
La plupart des équipes utilisent un petit vocabulaire de diagramme :
- Forme arrondie : point de départ ou d'arrivée.
- Rectangle : une page, un écran ou une action.
- Losange : une décision (oui ou non, connecté ou non).
- Flèche : le sens de déplacement entre les étapes.
Un court exemple pour un parcours de contact, écrit en étapes simples :
Résultat GooglepuisLanding pageLanding pagepuisDécision : prêt à nous contacter ?OuipuisFormulaire de contactpuisPage de confirmationNonpuisÉtudes de caspuis retour à la décision
Comment construire un parcours utilisateur
Définissez le persona et l'objectif, puis listez les points d'entrée. Cartographiez le chemin le plus court vers l'objectif, ajoutez les chemins alternatifs et les états d'erreur, et supprimez chaque étape inutile. Validez le schéma avec des données analytiques ou des enregistrements de session, puis testez-le avec de vrais utilisateurs dès qu'un prototype existe. Mettez-le à jour dès que le produit évolue.
Parcours utilisateur, task flow et wireflow
Trois schémas sont fréquemment confondus :
| Schéma | Focus | Niveau de détail |
|---|---|---|
| Parcours utilisateur | Un persona qui avance dans le produit vers un objectif | Pages, actions et décisions |
| Task flow | Une tâche, les mêmes étapes pour tous | Actions seulement, sans points d'entrée |
| Wireflow | Parcours combiné aux wireframes des écrans | Maquettes d'écrans et transitions |
Bonnes pratiques et erreurs courantes
- Un seul objectif par schéma, sinon il devient illisible.
- Inclure les états d'erreur et les impasses, pas seulement le chemin idéal.
- Compter les étapes : chaque écran en plus coûte généralement des conversions.
- S'appuyer sur des données réelles plutôt que sur des hypothèses.
- Partager le schéma tôt avec les développeurs et les parties prenantes.
Parcours utilisateur, UX et conversion
Les parcours utilisateur alimentent directement l'UX design et l'optimisation du taux de conversion. Comparer le chemin conçu aux données analytiques montre où les visiteurs décrochent dans le tunnel de conversion. Ils nourrissent aussi l'architecture de l'information, car un parcours clair suppose des pages faciles à trouver et nommées en langage simple.
Le parcours utilisateur chez BeBranded
Chez BeBranded, nous dessinons les parcours clés (contact, réservation, achat) avant de passer aux wireframes, afin que chaque écran ait une raison d'être et que chaque étape soit justifiée. Ce travail fait partie de notre service design et garde l'interface finale concentrée sur vos objectifs business.