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 User Flow
Un diagramme de flux utilisateur (également connu sous le nom de diagramme de flux d'interaction ou de tâches) 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 parcours qu'un utilisateur choisit. Le flux peut également révéler combien d'étapes ils choisissent pour accomplir une tâche et quels chemins ils décident de prendre lors de l'interaction avec votre produit ou service pour résoudre une difficulté.
Tandis que les diagrammes de flux utilisateur se concentrent sur la manière dont un utilisateur se déplace à 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 lors de l'interaction avec un système. En tant qu'outil visuel, le diagramme de flux utilisateur montre la relation entre les fonctionnalités 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 principaux éléments d'un flux utilisateur sont :
Un point de départ ou de fin : il indique clairement où le flux commence ou se termine
Un processus ou une action : montre les étapes que l'utilisateur entreprend, comme « se connecter » ou « acheter »
Les points de décision : indiquent quand un utilisateur doit faire un choix
Des 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 existante peut conduire à de meilleurs taux de conversion client.
Le processus peut vous aider à garder votre utilisateur à l'esprit et à identifier l'objectif commercial, tel qu'un achat, une inscription à la newsletter, ou l'option d'un essai gratuit.
Quand utiliser un modèle de flux d'utilisateur
Les diagrammes de flux d'utilisateur peuvent vous aider :
Construire des interfaces intuitives : votre flux est-il facile à parcourir, efficace à utiliser et intuitif pour l'utilisateur ?
Décider si votre interface actuelle est adaptée : qu'est-ce qui fonctionne, ne fonctionne pas ou a besoin d'être amélioré ? Le flux semble-t-il homogène et logique ?
Présenter le flux de votre produit aux équipes internes ou aux clients : votre équipe de conception peut-elle voir ce que votre client dit ou fait pendant le processus d'achat, d'inscription ou de connexion ? Les clients peuvent-ils obtenir un aperçu étape par étape pour s’aligner sur votre vision ?
Lors de la création – ou recréation – d'un flux d'utilisateur, posez-vous et à votre équipe les questions suivantes :
Que cherche à faire l’utilisateur ?
Qu’est-ce qui est important pour l’utilisateur et lui donnera la confiance de 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 ?
Un schéma de flux utilisateur peut aider les designers (et leurs équipes ou clients) à rester centrés sur l’utilisateur, même en cartographiant des processus complexes.
En tant que designer, vous pouvez utiliser des diagrammes de flux utilisateur pour décider comment concevoir les pages, écrans ou interfaces de votre site web ou application et réorganiser les contenus et tâches de navigation à inclure.
Créez votre propre diagramme de flux utilisateur
Cartographier votre flux utilisateur est facile. Le canevas visuel de Miro est le parfait espace pour créer et partager votre diagramme. Commencez par sélectionner le modèle de flux utilisateur, puis suivez les étapes suivantes pour en créer un vous-même :
Décidez de vos objectifs commerciaux et de ceux de vos utilisateurs.
Déterminez où vous souhaitez que vos utilisateurs finissent par arriver. Si vous n’en avez pas déjà un (ou si vous devez le mettre à jour), utilisez une carte du parcours client pour créer une vision partagée de votre expérience client. Chaque membre de l'équipe peut bénéficier d'une compréhension commune des sentiments de vos clients à chaque potentiel point de contact 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.
Est-ce qu'ils découvrent votre produit ou service via un trafic direct, une recherche organique, de la publicité payante, les médias sociaux, des liens référents ou des e-mails? Ces points constitueront le point de départ de votre diagramme de flux utilisateur, en fonction de vos découvertes.
Déterminez 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 comment il se sent. L'engagement – par exemple, une interaction avec un chatbot – est toujours un indicateur de succès potentiel – il ne s'agit pas seulement de mener à un achat final.
Cartographiez votre flux utilisateur.
Vous pouvez modifier les formes et les flèches existantes de notre modèle de flux utilisateur pour tenir compte des recherches utilisateur que vous avez effectuées aux étapes précédentes. Après que votre client a découvert votre premier point de contact, que fait-il ensuite ? Combien d'étapes sont nécessaires pour accomplir une tâche ? Utilisez le flux utilisateur de base sur le modèle pour commencer à dessiner le vôtre. Modifiez les points de contact, les abandons et la direction des flèches de connexion pour mieux s'adapter à votre diagramme de flux utilisateur.
Obtenez des retours de votre équipe.
Invitez votre équipe, vos clients ou vos parties prenantes transversales à consulter votre tableau Miro. Vous pouvez choisir de laisser des retours de façon asynchrone avec des pense-bêtes ou des @mentions pour un examen par les pairs. Vous pouvez également participer à une visioconférence dans 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 retours de votre équipe, ajustez en conséquence.
Partagez avec d'autres parties prenantes ou clients et continuez à itérer au besoin.
Votre flux utilisateur évoluera avec le temps à mesure que les attitudes et les 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 de billets.
Vous pouvez commencer par suivre le parcours 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 l'inscription jusqu'à la page de paiement.
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.
Organigramme de site Internet
Idéal pour:
Diagrammes de flux, Cartographie, Expérience utilisateur
Un diagramme de flux de site web, également connu sous le nom de sitemap, cartographie 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 connaissance pour un contenu futur. Lorsque vous construisez un site web, vous voulez vous assurer que chaque contenu fournit 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 de contenu peuvent utiliser des diagrammes de flux ou sitemaps pour comprendre tout ce que contient un site web, et planifier l'ajout ou la restructuration du contenu pour 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.