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.
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.
Commencer avec ce modèle maintenant.
Modèle de wireframes basse fidélité
Idéal pour:
Recherche documentaire, Gestion de produit, Wireframes
Lorsque vous concevez un site ou développez une application, les étapes initiales doivent être GRANDES — avoir une vision d'ensemble et communiquer la grande idée. Les wireframes basse fidélité vous permettent de le voir et de le faire. Ces maquettes approximatives (pensez à elles comme la version numérique d’un croquis sur une serviette) aident vos équipes et les parties prenantes du projet à déterminer rapidement si une réunion de design répond aux besoins de vos utilisateurs. Notre modèle vous permet d'utiliser facilement des wireframes lors des réunions ou ateliers, des présentations et des sessions de critique.
Modèle de diagramme de flux pour site web
Idéal pour:
Diagrammes de flux, Cartographie, Expérience utilisateur
Un diagramme de flux de site Internet, également connu sous le nom de sitemap, représente la structure et la complexité de tout site web actuel ou futur. Le diagramme de flux peut également aider votre équipe à identifier les lacunes en matière de connaissances pour les futurs contenus. Lorsque vous créez un site web, vous voulez vous assurer que chaque contenu donne aux utilisateurs des résultats de recherche précis basés sur les mots-clés associés à votre contenu web. Les équipes produit, UX et contenu peuvent utiliser des diagrammes de flux ou des sitemaps pour comprendre tout ce qu'un site web contient, et planifier l'ajout ou la restructuration de contenu afin d'améliorer l'expérience utilisateur du site.
Modèle de prototype
Idéal pour:
UX Design, Design thinking
Un prototype est une maquette interactive de votre produit qui en définit la structure, le flux utilisateur et les détails de navigation (tels que les boutons et les menus) sans s'engager sur des détails finaux comme le design visuel. Le prototypage vous permet de simuler comment un utilisateur pourrait vivre votre produit ou service, de cartographier les contextes des utilisateurs et les flux des tâches, de créer des scénarios pour comprendre les personas, et de recueillir des retours sur votre produit. Utiliser un prototype vous aide à économiser de l'argent en identifiant les obstacles dès le début du processus. Les prototypes peuvent varier, mais contiennent généralement une série d'écrans ou de planches d’art reliés par des flèches ou des liens.
Modèle de Wireframe d’application
Idéal pour:
UX Design, Wireframes
Prêt à commencer à créer une application ? Ne vous contentez pas d'imaginer son fonctionnement et la manière dont les utilisateurs interagiront avec elle — laissez un wireframe vous le montrer. Le wireframing est une technique pour créer une esquisse de base de chaque écran. Lorsque vous réalisez un wireframe, idéalement tôt dans le processus, vous comprendrez ce que chaque écran accomplira et obtiendrez l'adhésion des parties prenantes importantes, tout cela avant d'ajouter le design et le contenu, ce qui vous fera gagner du temps et de l'argent. Et en pensant les choses en termes de parcours utilisateur, vous offrirez une expérience plus captivante et réussie.