Comment faire un diagramme de flux utilisateur

Les diagrammes de flux d’utilisateurs sont indispensables pour maîtriser l’expérience utilisateur. Ils vous permettent de comprendre comment les utilisateurs interagissent avec votre application ou votre site web, les étapes qu’ils franchissent pour accomplir une tâche ou atteindre un objectif sur votre site web. Cela vous aidera à créer une expérience utilisateur supérieure pour l’utilisateur et à répondre à ses besoins plus efficacement.

Dans ce guide, nous allons examiner le rôle important que jouent les diagrammes de flux d’utilisateurs dans la conception UX, comment réaliser un diagramme de flux d’utilisateurs, et les meilleures pratiques que vous devez garder à l’esprit. Nous vous proposons également des modèles pratiques que vous pouvez utiliser tout au long du processus de conception de votre flux d’utilisateurs.

Qu’est-ce qu’un diagramme de flux d’utilisateurs ?

Un flux d’utilisateurs peut être interprété de plusieurs façons. Il peut être considéré comme une vue d’ensemble qui décrit les endroits où les utilisateurs peuvent naviguer dans votre produit. Il peut également s’agir de la qualité et de l’expérience réelles du chemin que les utilisateurs empruntent pour accomplir une tâche.

Il peut aussi s’agir de la séquence réelle des étapes que l’utilisateur suit pour accomplir une tâche. Lesorganigrammes peuvent être utiles pour visualiser les chemins que les utilisateurs empruntent lorsqu’ils utilisent votre solution (c’est-à-dire un site web ou une application).

Ces outils qui aident à tracer visuellement les étapes de l’interaction entre les actions de l’utilisateur et les interfaces de programme sont appelés utilisateur diagrammes de flux ou cartes de flux d’utilisateurs.

Ils permettent de déterminer le chemin logique qu’un utilisateur doit emprunter lorsqu’il interagit avec le système, et ils décrivent les relations entre la fonctionnalité du système, les actions potentielles de l’utilisateur et les conséquences associées.

Les diagrammes de flux d’utilisateurs peuvent avoir différents aspects en fonction de l’étape du processus de conception dans laquelle vous vous trouvez. Si vous avez déjà réalisé les maquettes de votre application ou de votre site Web, vous pouvez les utiliser pour créer votre organigramme. De tels organigrammes filaires sont appelés Wireflows.

Les diagrammes de flux d’utilisateurs sont également appelés diagrammes de flux d’interactions, d’activités, d’interfaces utilisateurs, de navigation ou de tâches.

Les symboles du diagramme de flux de l’utilisateur sont les suivants

Symboles du diagramme de flux de l'utilisateur
Symboles du diagramme de flux de l’utilisateur

Consultez cette ressource pour comprendre d’autres symboles d’organigramme qui pourraient être utiles lors de la création de diagrammes de flux d’utilisateurs.

Importance d’un diagramme de flux d’utilisateurs

  • Les diagrammes de flux d’utilisateurs sont très utiles lorsque vous souhaitez comprendre vos conceptions en fonction des objectifs de vos utilisateurs.
  • Ils peuvent être utilisés pour communiquer le flux attendu des utilisateurs lorsqu’ils naviguent sur les pages de votre site web ou effectuent des actions dans votre application
  • Les ingénieurs, les concepteurs et les architectes peuvent les utiliser pour comprendre les complexités, la portée et les chemins de la conception d’un système, ainsi que pour identifier les lacunes, les dépendances et les déficiences de celui-ci.

Comment réaliser un diagramme de flux d’utilisateurs

Sans plus attendre, voyons comment réaliser un diagramme de flux d’utilisateurs.

Étape 1 : Comprendre le parcours du client

Un flux d’utilisateurs est basé sur ce que fait l’utilisateur. Il est donc essentiel de comprendre qui il est, ses motivations, ses besoins et son comportement pour réaliser un diagramme de flux d’utilisateurs efficace.

Cela peut sembler une étape supplémentaire, mais le fait de mener des recherches appropriées sur les utilisateurs et de concevoir des personas d’utilisateurs vous aidera à créer des flux d’utilisateurs plus fluides.

Nous avons déjà expliqué comment créer des personas d’utilisateurs dans un article précédent. Consultez-le pour apprendre comment créer un buyer persona en quelques étapes simples. Ou si vous êtes déjà familiarisé avec le processus, voici un modèle pour commencer.

Modèle de Persona utilisateur
Modèle de Persona utilisateur (Cliquez sur le modèle pour le modifier en ligne)

Une fois que vous avez créé le profil du client, vous avez fait un pas de plus vers la compréhension du parcours de l’utilisateur.

Vous pouvez utiliser une carte du parcours client pour analyser correctement ce que vos clients font, ressentent et attendent lorsqu’ils interagissent avec votre entreprise (c’est-à-dire lorsqu’ils visitent votre site web), les différents points de contact et les points de douleur.

Nous avons également abordé le processus de création d’une carte du parcours client en 6 étapes simples. Allez-y.

Le reste de l’étape de création d’un flux d’utilisateurs sera plus facile une fois que vous connaîtrez le parcours de votre utilisateur.

Identifiez vos objectifs et ceux de votre utilisateur

L’étape suivante consiste à se faire une idée des objectifs de votre entreprise et de ceux de vos utilisateurs.

Vous connaissez peut-être déjà les objectifs de votre entreprise, par exemple augmenter la conversion sur votre site web, stimuler la vente de votre produit, etc. Il s’agit généralement du résultat final des actions que vous voulez que vos utilisateurs entreprennent.

D’autre part, les objectifs de vos utilisateurs comprennent les désirs et les besoins qu’ils veulent satisfaire. Et les différents utilisateurs peuvent également avoir des objectifs différents à l’esprit. C’est là que les personas d’utilisateur et les cartes du parcours du client que vous avez créés précédemment vous aideront à déterminer ce qu’ils sont.

Identifiez la provenance de vos utilisateurs

Si vous concevez un site Web, vous voudrez peut-être savoir d’où viennent vos clients ou, en d’autres termes, quels sont les points d’entrée. Il s’agit généralement de ,

  • Trafic direct
  • Recherche organique
  • Médias sociaux
  • Publicité payante
  • Courriel
  • Sites de référence
  • Articles de presse ou d’actualité

Vous pouvez utiliser Google Analytics pour obtenir les pourcentages pour ces points d’entrée. Ils peuvent également indiquer des comportements différents de la part des utilisateurs.

Par exemple, un visiteur direct cherchera le nom de votre marque, tandis qu’un visiteur effectuant une recherche organique cherchera d’abord le produit qu’il souhaite avant de découvrir que vous êtes un vendeur approprié.

Et il est important de cartographier ces différents flux d’utilisateurs en fonction des différents points d’entrée. C’est la clé pour développer une meilleure expérience pour les utilisateurs.

Identifier les informations dont le visiteur a besoin

Afin de concevoir le meilleur flux d’utilisateurs possible, vous devez vous mettre dans la peau de vos clients.

Cela signifie qu’il faut comprendre par cœur quels sont leurs besoins et leurs motivations. Vous devez donc connaître les problèmes qu’ils rencontrent, leurs doutes, leurs hésitations, les questions qu’ils se posent sur le produit et les réponses qu’ils recherchent.

Puisque vous avez déjà créé vos buyer personas et la feuille de route, cette étape est plus facile à réaliser.

Visualisez vos flux d’utilisateurs

À présent, vous connaissez les utilisateurs pour lesquels vous créez le flux d’utilisateurs, leurs objectifs et leur provenance. L’étape suivante consiste à créer le flux d’utilisateurs.

Pensez à ce que vos utilisateurs font avant et après avoir visité une page particulière de votre site Web. Ce qu’ils voient, les actions qu’ils entreprennent pour atteindre leur objectif. Cela vous aidera à identifier les pages que vous devez créer, les informations ou le contenu que vous devez fournir et la manière dont elles doivent être reliées entre elles.

Faites attention au début et à la fin de chaque tâche. Cela peut changer en fonction de l’objectif des différents utilisateurs.

Une fois que vous avez filtré les informations nécessaires, visualisez-les à l’aide d’un diagramme de flux d’utilisateurs.

Diagramme de flux des utilisateurs
Diagramme de flux des utilisateurs (Cliquez sur le modèle pour le modifier en ligne)

Prototypez votre flux

Vous pouvez utiliser des prototypes de faible fidélité(maquettes de fils ou d’interface utilisateur) pour tester le flux d’utilisateurs décrit à l’étape précédente. Le prototype permet d’ajouter plus de détails au flux et vous aide à comprendre le flux entre les actions de l’utilisateur et le contenu.

Il vous aidera également à valider que votre produit est conçu en fonction de vos objectifs et de ceux de vos utilisateurs.

Revoir, affiner et tester

Vous pouvez partager vos diagrammes de flux d’utilisateurs avec les parties prenantes et discuter des ajustements à apporter.

Et une fois qu’un prototype haute-fidélité est prêt, vous pouvez également le tester auprès d’utilisateurs réels.

De cette façon, vous pouvez collecter des données sur chaque étape du flux d’utilisateurs et comprendre comment vos utilisateurs naviguent dans votre produit. Vous pouvez alors identifier les domaines à améliorer et appliquer des solutions avant la sortie du produit final.

Meilleures pratiques à garder à l’esprit

Respectez les meilleures pratiques ci-dessous pour vous assurer que les diagrammes de flux d’utilisateurs que vous créez sont réellement efficaces et vous aident.

  • Donnez toujours à votre diagramme de flux d’utilisateurs un nom qui décrit son objectif. Cela aidera toute personne qui s’y réfère à comprendre son fondement.
  • Tenez-vous-en à une seule direction lorsque vous dessinez l’organigramme. Étant donné que le tableau décrit une histoire, il est plus facile de le lire et de le comprendre lorsque la carte va dans une seule direction.
  • Limitez le nombre de points de décision pour éviter le désordre et la complexité.
  • Assurez-vous que la portée du diagramme de flux d’utilisateurs couvre une seule tâche ou un seul objectif de votre utilisateur. Si le flux d’utilisateurs ne couvre que la moitié de la tâche ou si les étapes sont conçues pour couvrir plus d’un objectif de l’utilisateur, il ne servira pas son objectif.
  • Veillez à n’ajouter que les informations nécessaires et évitez tout autre détail qui ne vous aide pas à décrire le flux et les actions de l’utilisateur.
  • Utilisez un outil d’organigramme numérique comme Creately, pour accélérer le processus. De plus, il vous permettra d’obtenir la contribution d’autres personnes et de conserver votre travail en un seul endroit et dans le nuage, ce qui vous permettra de vous y référer et d’y travailler de n’importe où. De plus, il vous permettra de gagner de l’espace grâce à sa surface de toile infinie ; autrement, il pourrait occuper plusieurs murs de votre salle de conférence !

Modèles de diagramme de flux des utilisateurs

Diagramme de flux d'enregistrement des utilisateurs
Schéma d’enregistrement des utilisateurs (Cliquez sur le modèle pour le modifier en ligne)
Exemple de diagramme de flux
Exemple de diagramme de flux (Cliquez sur le modèle pour le modifier en ligne)
Flux d'utilisateurs Flux de fils
Modèle de fil conducteur (Cliquez sur le modèle pour le modifier en ligne)

Prêt à créer votre propre diagramme de flux d’utilisateurs ?

Les flux d’utilisateurs sont un outil puissant dans la boîte à outils d’un concepteur. Ils permettent aux concepteurs d’avoir une vue d’ensemble, de savoir quelles pages ils doivent créer et comment elles doivent être reliées. Nous avons couvert à peu près tout ce que vous devez savoir pour réaliser un diagramme de flux d’utilisateurs, y compris les modèles que vous pouvez utiliser pour commencer tout de suite.

Nous aimerions maintenant connaître votre opinion sur les diagrammes de flux d’utilisateurs ? Tapez dans la section des commentaires ci-dessous.

Leave a comment

*
*

18 − 17 =

Back to top