User flow (flux utilisateur)

Le user flow est une vue de dessus, il montre comment les écrans s'enchaînent et quelles décisions guident la navigation. Le wireframe est une vue de face, il montre ce que contient un écran donné. Les flux se conçoivent avant les wireframes, pour vérifier la logique de navigation avant d'entrer dans le détail des écrans.

Le user flow décrit un parcours à l'échelle du produit, avec ses embranchements et ses chemins alternatifs. Le task flow suit une tâche unique, linéaire, sans décision à prendre. Le wire flow remplace les cases du diagramme par les wireframes correspondants, ce qui donne à voir les écrans en même temps que leur enchaînement.

Avant le maquettage. Le user flow travaille la logique de navigation, pas l'interface, et il sert précisément à repérer les chemins manquants avant d'investir dans la conception détaillée des écrans. Il permet aussi d'aligner l'équipe technique sur la structure du produit et de s'assurer que les cas limites sont anticipés, erreur, état vide, utilisateur non connecté.

Le premier test porte sur l'alignement des équipes. Un flux qui ne correspond pas à la réalité du produit ne mérite pas qu'on aille plus loin. Le second se fait avec des utilisateurs, à qui l'on présente le diagramme en leur demandant comment ils accompliraient une tâche donnée. Ce qui compte alors, c'est le découpage en étapes, l'ordre de l'enchaînement et la clarté des informations proposées à chaque écran.

Les outils de conception collaborative et les tableaux blancs en ligne conviennent, la plupart proposant des formes de diagramme prêtes à l'emploi. Le choix compte moins que la lisibilité du résultat et que la possibilité de le partager avec l'équipe technique. Un flux dessiné à la main sur un tableau remplit sa fonction s'il est ensuite mis au propre.