Modèle User Flow
Cartographiez comment vos clients se déplacent sur un produit afin d'améliorer l'expérience utilisateur.
À propos du modèle User Flow
Un flux utilisateur (également appelé flux d'interaction, flux d'activité, flux d'interface utilisateur, flux de navigation ou diagramme de flux de tâches) est un processus de cartographie visuelle étape par étape.
Les flux d'utilisateurs vous aident à comprendre ce qu'un utilisateur fait pour terminer une tâche ou atteindre un objectif via votre produit ou votre expérience.
Un flux de bout en bout peut aider à interpréter la qualité ou l'expérience du chemin qu'un utilisateur choisit. Le flux peut également révéler le nombre d'étapes qu'ils ont choisi pour accomplir une tâche et les voies qu'ils décident de suivre lorsqu'ils choisissent votre produit ou service pour résoudre un problème.
Vous voulez un modèle qui peut présenter des conceptions de mise en page de style filaire sous forme d'organigramme ? Cela semble être un modèle User Flow.
Continuez à lire pour en savoir plus sur les user flows.
Qu'est-ce qu'un User Flow ?
Les user flows (flux utilisateurs) sont des diagrammes qui aident les équipes UX et produit à tracer le chemin logique qu'un utilisateur doit suivre lorsqu'il interagit avec un système. En tant qu'outil visuel, le 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 user flow sont complémentaires des user stories. La différence entre un user flow et une "user story" réside dans leur nature et leur objectif. Un user flow est une représentation visuelle séquentielle des étapes que l'utilisateur suit pour accomplir une tâche ou atteindre un objectif spécifique dans une application ou un système. En revanche, une "user story" est une brève description d'une fonctionnalité du point de vue de l'utilisateur, souvent exprimée sous la forme "en tant que [utilisateur], je veux [fonctionnalité] afin de [objectif]". La méthode de user story mapping se concentre sur les besoins et les objectifs des utilisateurs, tandis que les "user flows" décrivent le parcours ou le flux d'interaction à travers une application ou un système.
Les principaux éléments d'un flux utilisateur sont...
Un point de départ ou d'arrivée : cela indique clairement où le flux commence ou se termine
Processus ou action : indique les étapes suivies par l'utilisateur, telles que « connexion » ou « achat »
Points de décision : Cela indique quand un utilisateur doit faire un choix
Flèches : elles indiquent où se dirige l'utilisateur en fonction des décisions prises
Si votre équipe essaie d'évaluer ou d'améliorer la façon dont l'expérience utilisateur existante peut conduire à de meilleurs taux de conversion des clients, essayez un flux utilisateur.
Le processus peut vous aider à garder votre utilisateur à l'esprit et à identifier l'objectif commercial (tel qu'un achat, une inscription à une newsletter ou l'inscription à un essai gratuit).
Quand utiliser un modèle User Flow
Les diagrammes de flux utilisateur peuvent vous aider à…
Créer des interfaces intuitives : votre flux est-il facile à parcourir, efficace à utiliser et intuitif pour l'utilisateur ?
Décider si votre interface existante est adaptée à vos besoins : qu'est-ce qui fonctionne, ne fonctionne pas ou doit être amélioré ? Le flux est-il fluide et logique ?
Présenter votre flux de produits 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 leur permettant de s'aligner sur votre vision ?
Lors de la création - ou de la reproduction - d'un flux d'utilisateurs, demandez-vous et demandez à votre équipe :
Qu'est-ce que l'utilisateur essaie de faire ?
Qu'est-ce qui est important pour l'utilisateur et lui donnera la confiance nécessaire pour continuer ?
De quelles informations supplémentaires l'utilisateur aura-t-il besoin pour réussir ?
Quelles sont les hésitations ou les barrières de l'utilisateur à l'accomplissement de la tâche ?
Une carte de flux utilisateur peut aider les concepteurs (et leurs équipes ou clients) à rester centrés sur l'utilisateur, même lors de la cartographie de processus complexes.
En tant que designer, vous pouvez utiliser des cartes de flux utilisateur pour décider comment vous allez concevoir des pages, des écrans ou des surfaces sur votre site Web ou votre application, et réorganiser le contenu et les tâches de navigation à inclure.
Créez votre User Flow utilisateur
Créer votre propre User Flow est facile. L'outil de tableau blanc de Miro est le canevas parfait pour les créer et les partager. Commencez par sélectionner le modèle User Flow, puis suivez les étapes suivantes pour créer le vôtre.
Décidez de vos objectifs commerciaux et des objectifs de vos utilisateurs. Déterminez où vous voudriez que vos utilisateurs finissent. 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 partagée de votre expérience client. Chaque membre de l'équipe peut bénéficier d'une compréhension commune de ce que ressentent vos clients à chaque point de contact potentiel avec votre produit ou service. Créer l'empathie des utilisateurs renseignera chaque étape de votre processus de flux d'utilisateurs.
Découvrez comment les visiteurs trouvent votre site Web. Trouvent-ils votre produit ou service par le biais de visites directes, de recherches organiques, de publicités payantes, de médias sociaux, de liens de parrainage ou d'e-mails ? Ces points seront le début de votre flux d'utilisateurs, en fonction de ce que vous découvrirez.
Découvrez de quelles informations vos utilisateurs ont besoin et quand ils en ont besoin. Les utilisateurs se convertissent lorsqu'ils reçoivent la bonne information 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 - est toujours une mesure de succès potentiel - il ne s'agit pas uniquement de mener à un achat final.
Cartographiez votre user flow. Vous pouvez modifier les formes et les flèches existantes pour les adapter à la recherche d'utilisateurs que vous avez découverte au cours des étapes précédentes. Une fois que votre client a découvert votre premier point de contact, que fait-il ensuite ? Combien d'étapes jusqu'à ce qu'il termine une tâche ?
Recueillez les retours de votre équipe. Invitez votre équipe, vos clients ou vos parties prenantes transversales à voir votre tableau Miro. Vous pouvez choisir de laisser des commentaires de manière asynchrone avec des pense-bêtes ou des @mentions pour un examen ultérieur par vos parties prenantes. Vous pouvez également participer à un appel vidéo dans votre tableau Miro et désigner un membre de votre équipe pour jouer le rôle de preneur de notes. Une fois que vous avez suffisamment de retours de l'équipe, faites les ajustements nécessaires.
Partagez avec d'autres parties prenantes ou clients et continuez à réitérer au besoin. Votre user flow changera au fil du temps à mesure que les attitudes et les motivations de vos clients évoluent. Adaptez-vous en conséquence, restez centré sur l'utilisateur.
Qu'est-ce qu'un bon exemple de user flow ?
Imaginez que vous développiez un site web pour un événement. Si vous voulez améliorer l'expérience de l'utilisateur, vous devez définir toutes les étapes nécessaires à l'inscription à l'événement et à l'achat des billets. Vous pouvez commencer par suivre le cheminement de vos clients et savoir où ils commencent leur parcours pour acheter les billets de votre événement. Le diagramme de flux d'utilisateurs vous aide à visualiser d'un coup d'œil la manière dont le client effectue son achat (l'objectif ultime de votre site web), depuis l'inscription jusqu'à la page de paiement.
Commencer avec ce modèle maintenant.
Modèle de priorisation RICE
Idéal pour:
Gestion de projet, Planification Stratégique, Prioritisation
Lors de l'élaboration d'une feuille de route de produit, il peut être facile de se perdre dans les détails. Le modèle RICE, qui est l'acronyme pour Reach (Portée), Impact (Impact), Confidence (Confiance) et Effort (Effort), vous aide à évaluer et à hiérarchiser des idées. Réfléchir à de nouvelles façons de ravir vos clients peut être gratifiant, mais cela peut aussi être accablant. Vous et votre équipe pourriez être tentés de vous plonger d'abord dans les idées les plus excitantes, sans tenir compte de leur faisabilité. Le cadre RICE permet à votre équipe d'examiner attentivement chaque projet potentiel et d'évaluer leur faisabilité.
Modèle de Wireframe de site Web
Idéal pour:
Wireframes, Expérience client
Le wireframing est une méthode de conception d'un site Web au niveau structurel. Un wireframe est une mise en page stylisée d'une page Web présentant les éléments d'interface sur chaque page. Utilisez ce modèle de wireframe pour parcourir des pages Web rapidement et à moindre coût. Vous pouvez partager le wireframe avec des clients ou des collaborateurs et collaborer avec vos parties prenantes. Les wireframes permettent aux équipes d'obtenir l'adhésion des parties prenantes sans investir trop de temps ou de ressources. Ils contribuent à garantir que la structure et le flux de votre site Web répondront aux besoins et aux attentes des utilisateurs.
Modèle Flux d'Ecran
Idéal pour:
UX Design, Gestion de produit, Wireframes
Un flux d'écran (ou wireflow) rassemble une disposition multi-écrans qui combine des wireframes avec des organigrammes. Le résultat est un flux de bout en bout qui cartographie ce que les utilisateurs voient sur chaque écran et comment cela affecte leur processus décisionnel dans votre produit ou service. En visualisant mentalement ce que vos clients regardent, vous pouvez communiquer avec les équipes internes, les parties prenantes et les clients sur les décisions que vous avez prises. Vous pouvez également utiliser un flux d'écran pour trouver de nouvelles possibilités permettant de rendre l'expérience utilisateur fluide et sans frustration du début à la fin.
Modèle de Diagramme de Flux
Idéal pour:
Diagrammes de flux, Cartographie, Diagrammes
Vous essayez d'expliquer un processus ou un flux de travail à votre équipe, ou vous essayez simplement de le comprendre vous-même ? Parfois, il vous suffit de le voir visuellement. C'est à ce moment-là que la création d'un diagramme de flux entre en jeu. À l'aide de formes (en général, uniquement des ovales, des rectangles, des losanges et des flèches), un organigramme vous montre la direction d'un processus ou d'un flux de travail et l'ordre des étapes. En plus de vous donner une compréhension claire, vous serez également en mesure de voir les défauts et les goulots d'étranglement potentiels, ce qui vous aidera à affiner et à améliorer votre processus et à créer un meilleur produit plus efficacement.
Modèle Product Canvas
Idéal pour:
Desk Research, UX Design
Les Product Canvas sont un outil concis mais riche en contenu qui indique ce qu'est votre produit et comment il est stratégiquement positionné. En combinant la méthode Agile à l'UX, un Product Canvas complète les user stories avec des personas, des storyboards, des scénarios, des croquis de conception et d'autres artéfacts UX. Les Product Canvas sont utiles car ils aident les chefs de produits à définir un prototype. La création d'un Product Canvas est une première étape importante pour décider qui peuvent être les utilisateurs potentiels, le problème à résoudre, les fonctionnalités de base du produit, les fonctionnalités avancées à explorer, l'avantage concurrentiel et le gain potentiel des clients grâce au produit.
Modèle de diagramme UML
Idéal pour:
Diagrams, Software Development
Initialement utilisé comme langage de modélisation en génie logiciel, UML est devenu une approche populaire des structures d'application et de la documentation des logiciels. UML est l'acronyme pour Unified Modeling Language (Modélisation Unifié) et peut être utilisé pour modéliser les processus commerciaux et les flux de travail. Comme les organigrammes, les diagrammes UML peuvent fournir à votre organisation une méthode normalisée pour cartographier les processus étape par étape. Ils permettent à votre équipe de visualiser facilement les relations entre des systèmes et des tâches. Les diagrammes UML sont un outil efficace qui peut vous aider à former de nouveaux employés, à créer de la documentation, à organiser votre lieu de travail et votre équipe et à rationaliser vos projets.