Comment créer un diagramme de flux utilisateur

Les diagrammes de flux utilisateur sont indispensables à la maîtrise de l'expérience utilisateur. Ils vous permettent de comprendre comment les utilisateurs interagissent avec votre application ou votre site Web, les étapes qu'ils suivent 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 plus efficacement à ses besoins.

Dans ce guide, nous examinerons le rôle important que jouent les diagrammes de flux utilisateur dans la conception UX, comment créer un diagramme de flux utilisateur et les meilleures pratiques à 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 utilisateur

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 où les utilisateurs peuvent naviguer dans votre produit. Cela peut également signifier la qualité et l'expérience réelles du chemin emprunté par les utilisateurs pour accomplir une tâche.

Ou cela peut signifier la séquence réelle d'étapes que l'utilisateur prend pour accomplir une tâche. Les organigrammes peuvent être utiles pour visualiser ces itinéraires empruntés par les utilisateurs lorsqu'ils utilisent votre solution (c'est-à-dire un site Web ou une application).

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

Ils aident à déterminer le chemin logique qu'un utilisateur doit suivre 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 utilisateur peuvent avoir des apparences différentes en fonction de l'étape du processus de conception dans laquelle vous vous trouvez. Si vous avez déjà créé les structures filaires de votre application ou de votre site Web, vous pouvez les utiliser pour créer votre diagramme de flux. Ces organigrammes filaires sont appelés Wireflows.

Les diagrammes de flux utilisateur sont également appelés flux d' interaction, flux d'activité, flux d'interface utilisateur, flux de navigation ou diagrammes de flux de tâches .

Les symboles du diagramme de flux utilisateur sont les suivants

Reportez-vous à cette ressource pour comprendre plus de symboles d'organigramme qui pourraient être utiles lors de la création de diagrammes de flux utilisateur.

Importance d'un diagramme de flux utilisateur

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

Comment créer un diagramme de flux utilisateur

Sans plus tarder, voyons comment créer un diagramme de flux utilisateur.

Étape 1 : Comprendre le parcours 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 créer un diagramme de flux d'utilisateurs efficace.

Cela peut sembler être une étape supplémentaire, mais mener une recherche d'utilisateurs appropriée et concevoir des personnages d'utilisateurs vous aidera à créer des flux d'utilisateurs plus fluides.

Nous avons déjà expliqué comment créer des personas d'utilisateur dans un article précédent, consultez-le pour savoir comment créer un persona d'acheteur en quelques étapes simples. Ou si vous connaissez déjà le processus, voici un modèle pour commencer.

Une fois que vous avez créé le profil client, vous faites un pas de plus vers la compréhension de votre parcours utilisateur.

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

Nous avons également couvert le processus de création d'une carte de parcours client en 6 étapes simples. Vérifiez-le.

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.

Étape 2 : Identifiez vos objectifs et ceux de vos utilisateurs

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

Vous connaissez peut-être déjà les objectifs de votre entreprise ; par exemple, pour augmenter la conversion sur votre site Web, pour augmenter la vente de votre produit, etc. C'est généralement le résultat final des actions que vous souhaitez que vos utilisateurs entreprennent.

D'autre part, les objectifs de vos utilisateurs incluent les désirs et les besoins qu'ils souhaitent satisfaire. Et différents utilisateurs peuvent également avoir des objectifs variés en tête. C'est là que les personas utilisateur et les cartes de parcours client que vous avez créées précédemment vous aideront à déterminer ce qu'elles sont.

Étape 3 : Identifiez d'où viennent 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. Ceux-ci comprennent généralement,

• Trafic direct
• Recherche Organique
• Des médias sociaux
• Publicité payante
• E-mail
• Sites de référence
• Articles de presse ou d'actualité

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

Par exemple, un visiteur direct rechercherait le nom de votre marque, tandis qu'un visiteur de recherche organique chercherait d'abord sur Google le produit qu'il souhaite avant de vous découvrir en tant que 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.

Étape 4 : Identifiez les informations dont le visiteur a besoin

Afin de concevoir le meilleur flux d'utilisateurs possible, vous devez vous mettre à la place de vos clients.

Cela signifie comprendre par cœur quels sont leurs besoins et leurs motivations. Vous devez donc savoir quels problèmes ils ont, leurs doutes, leurs hésitations, quelles questions ils ont sur le produit et quelles réponses ils recherchent.

Puisque vous avez déjà créé vos buyer personas et la carte du parcours, cette étape est plus facile à réaliser.

Étape 5 : Visualisez vos flux d'utilisateurs

Vous connaissez maintenant les utilisateurs pour lesquels vous créez le flux d'utilisateurs, quels sont leurs objectifs et d'où ils viennent. L'étape suivante consiste à créer le flux d'utilisateurs.

Pensez à ce que font vos utilisateurs avant et après avoir visité une page particulière de votre site Web. Que voient-ils, quelles mesures prennent-ils pour atteindre leur objectif. Cela vous aidera à identifier les pages que vous devez créer, les informations/contenus que vous devez fournir et comment ils doivent être connectés les uns aux autres.

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 avec un diagramme de flux utilisateur.

Étape 6 : prototypez votre flux

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

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

Étape 7 : Examiner, 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 avec des 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 ensuite 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 pour vous aider.

• Donnez toujours à votre diagramme de flux utilisateur un nom qui décrit son objectif. Cela aidera quiconque s'y réfère à comprendre sa base.
• Tenez-vous en à une seule direction lorsque vous dessinez l'organigramme. Étant donné que le graphique trace une histoire, il est utile de la lire et de mieux la comprendre lorsque la carte s'écoule dans une seule direction.
• Limitez le nombre de points de décision pour le rendre plus simple/moins compliqué.
• Assurez-vous que la portée du diagramme de flux utilisateur couvre une seule tâche ou un seul objectif de votre utilisateur. Si le flux utilisateur ne couvre que la moitié de la tâche ou trace les étapes pour couvrir plus d'un objectif utilisateur, il ne remplira pas son objectif.
• Assurez-vous de 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, cela vous permettra d'obtenir la contribution des autres et de conserver votre travail enregistré en un seul endroit et dans le cloud, ce qui vous permettra de vous y référer et de travailler dessus de n'importe où. De plus, il vous aidera à économiser de l'espace avec sa zone de toile infinie ; sinon, il risque d'occuper plusieurs murs de votre salle de conférence !

Modèles de diagramme de flux utilisateur

Prêt à créer votre propre diagramme de flux utilisateur ?

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

Maintenant, nous aimerions connaître votre opinion sur les diagrammes de flux d'utilisateurs ? Tapez dans la section des commentaires ci-dessous.