user-flow-web

Modèle de flux utilisateur

Aidez les équipes UX et produits à améliorer l’expérience utilisateur en encourageant les conceptions aux solutions créatives.

À propos du modèle de flux utilisateur

Un diagramme de flux utilisateur (également connu sous le nom de diagramme de flux d’interaction ou de tâche) est un processus de cartographie visuelle étape par étape, décrivant ce qu’un utilisateur fait pour terminer une tâche ou atteindre un objectif à travers votre produit ou expérience. 

Diagrammer le flux utilisateur peut aider à interpréter la qualité ou l’expérience du chemin qu’un utilisateur choisit. Le flux peut également révéler combien d’étapes ils choisissent pour accomplir une tâche et quels parcours ils décident de prendre lorsqu’ils interagissent avec votre produit ou service pour résoudre un problème. 

Alors que les diagrammes de flux utilisateur se concentrent sur la manière dont un utilisateur navigue à travers un produit particulier, un modèle de flux d’écran présente une mise en page de type filaire sous forme de diagramme de flux. 

Qu’est-ce qu’un diagramme de flux utilisateur ?

Les diagrammes de flux utilisateur aident les équipes UX et produit à cartographier le chemin logique qu’un utilisateur devrait suivre lorsqu’il interagit avec un système. En tant qu’outil visuel, le diagramme de flux utilisateur montre la relation entre la fonctionnalité d’un site web ou d’une application, les actions potentielles qu’un utilisateur pourrait entreprendre, et le résultat de ce que l’utilisateur décide de faire. 

Les éléments principaux d’un flux utilisateur sont :

  • Un point de départ ou un point final : cela indique clairement où le flux commence ou se termine

  • Processus ou action : montre quelles étapes l'utilisateur entreprend, comme « se connecter » ou « acheter »

  • Points de décision : indique quand un utilisateur doit faire un choix

  • Flèches : elles montrent où l'utilisateur se dirige en fonction des décisions prises

Essayez un flux utilisateur si votre équipe cherche à évaluer ou à améliorer comment l'expérience utilisateur actuelle peut mener à de meilleurs taux de conversion des clients. 

Le processus peut vous aider à garder votre utilisateur à l'esprit et à identifier l'objectif commercial, tel qu'un achat, une inscription à la newsletter, ou le choix d'un essai gratuit.

Quand utiliser un modèle de flux utilisateur

Les diagrammes de flux utilisateur peuvent vous aider :  

  • Construire des interfaces intuitives : votre flux est-il facile à naviguer, efficace à utiliser et intuitif pour l'utilisateur ?

  • Déterminez si votre interface existante est adaptée à l'objectif : qu'est-ce qui fonctionne, ne fonctionne pas, ou nécessite une amélioration ? Le flux semble-t-il fluide et logique ?

  • Présentez le flux de votre produit aux équipes internes ou aux clients : votre équipe de conception peut-elle voir ce que dit ou fait votre client lors du processus d'achat, d'inscription ou de connexion ? Les clients peuvent-ils obtenir une vue d'ensemble étape par étape pour s'aligner avec votre vision ?

Lorsque vous créez ou recréez un flux utilisateur, posez-vous ces questions à vous-même et à votre équipe :

  • Qu'essaie de faire l'utilisateur ?

  • Qu'est-ce qui est important pour l'utilisateur et lui donnera la confiance nécessaire pour continuer ?

  • Quelles informations supplémentaires l'utilisateur aura-t-il besoin pour réussir ?

  • Quelles sont les hésitations ou les obstacles de l'utilisateur pour accomplir la tâche ?

Une carte de flux utilisateur peut aider les concepteurs (ainsi que leurs équipes ou clients) à rester centrés sur l'utilisateur, même lorsqu'ils cartographient des processus complexes. 

En tant que concepteur, vous pouvez utiliser des diagrammes de flux utilisateur pour décider comment vous allez concevoir les pages, écrans ou surfaces de votre site web ou application, et réorganiser le contenu et les tâches de navigation à inclure.

Créez votre propre diagramme de flux utilisateur

Cartographier votre propre flux utilisateur est facile. Le canevas visuel de Miro est l'outil idéal pour créer et partager votre diagramme. Commencez par sélectionner le modèle de flux utilisateur, puis suivez les étapes ci-dessous pour créer le vôtre :

Déterminez vos objectifs commerciaux et ceux de vos utilisateurs

Déterminez où vous souhaitez que vos utilisateurs aboutissent. Si vous n’en avez pas déjà une (ou si vous devez la mettre à jour), utilisez une carte de parcours client pour créer une vision commune de l'expérience client. Chaque membre de l'équipe peut bénéficier d'une compréhension commune des ressentis de vos clients à chaque point de contact potentiel avec votre produit ou service. Développer l'empathie utilisateur informera chaque étape de votre processus de flux utilisateur. 

Découvrez comment les visiteurs trouvent votre site web. 

Le trouvent-ils via le trafic direct, la recherche organique, la publicité payante, les réseaux sociaux, les liens de référence ou les e-mails ? Ces points seront le début de votre diagramme de flux utilisateur, selon ce que vous découvrez. 

Découvrez quelles informations vos utilisateurs ont besoin et quand ils en ont besoin

Les utilisateurs convertissent lorsqu'ils reçoivent les bonnes informations au bon moment, alors réfléchissez à ce que votre client attend de votre point de contact numérique et à ce qu'il peut ressentir. L'engagement, par exemple, une interaction avec un chatbot, reste un indicateur de succès potentiel – il ne s'agit pas uniquement de mener à un achat final.

Modéliser votre flux utilisateur

Vous pouvez modifier les formes et flèches existantes de notre modèle de flux utilisateur afin de répondre aux résultats de la recherche utilisateur que vous avez découverts lors des étapes précédentes. Après que votre client a découvert votre premier point de contact, que fait-il ensuite ? Combien d'étapes jusqu'à ce qu'ils terminent une tâche ? Utilisez le flux utilisateur basique du modèle pour commencer à dessiner le vôtre. Modifiez les points de contact, les points de chute et les directions des flèches des lignes de connexion pour mieux adapter votre diagramme de flux utilisateur.

Obtenez des retours de votre équipe.

Invitez votre équipe, vos clients ou vos parties prenantes transverses à consulter votre tableau Miro. Vous pouvez choisir de laisser des retours de manière asynchrone avec des pense-bêtes ou des @mentions pour une révision par vos pairs. Vous pouvez également organiser une visioconférence sur votre tableau Miro et désigner quelqu'un de votre équipe pour jouer le rôle de preneur de notes. Une fois que vous avez suffisamment de contributions de l'équipe, effectuez les ajustements en conséquence.

Partagez avec d’autres parties prenantes ou clients et continuez à itérer selon les besoins. 

Votre flux utilisateur évoluera avec le temps à mesure que les attitudes et motivations de vos clients changent. Adaptez-vous en conséquence, restez centré sur l'utilisateur.

FAQ sur le modèle de Flux Utilisateur

Qu'est-ce qu'un exemple de flux utilisateur ?

Imaginez que vous développez un site pour un événement. Si vous souhaitez améliorer l'expérience utilisateur, vous devez cartographier toutes les étapes nécessaires à l'inscription à l'événement et à l'achat des billets. Vous pouvez commencer par suivre le flux de vos clients et déterminer où ils commencent leur parcours d'achat de billets pour votre événement. Le diagramme de flux utilisateur vous aide à visualiser en un coup d'œil comment le client va finaliser son achat (l'objectif ultime de votre site Web), depuis son inscription jusqu'à la page de paiement.

Modèle de flux utilisateur

Commencer avec ce modèle maintenant.

Modèles associés
low-fidelity-wireframes-thumb-web
Aperçu
Modèle de wireframes basse fidélité
website-flowchart-thumb-web
Aperçu
Modèle de diagramme de flux pour site web
Prototype Thumbnail
Aperçu
Modèle de prototype
App Wireframing Thumbnail
Aperçu
Modèle de Wireframe d’application