Modèle Flux d'Ecran
Validez les composants d'écrans visuels dans un flux utilisateur et obtenez des informations sur les interactions de vos utilisateurs. Créez une meilleure expérience sur chaque plateforme.
À propos du modèle Flux d'Ecran
Les flux d'écran (également appelés « wireflows ») sont une combinaison de wireframes et de diagrammes de flux. Le flux de bout en bout cartographie ce que les utilisateurs voient sur chaque écran et comment cela affecte leur processus décisionnel dans votre produit ou service. Muni de ces informations, vous pouvez mieux expliquer les décisions que vous avez prises concernant votre conception des interactions.
Utilisez le modèle Flux d'écran pour trouver de nouvelles opportunités pour fluidifier l'expérience utilisateur et éliminer la frustration du début à la fin.
Si vous souhaitez développer davantage votre travail et entrer dans le domaine de la conception d'expériences utilisateur, où vous pouvez présenter le parcours utilisateur sous forme d'organigrammes avec du texte et des symboles plutôt que des écrans, le modèle Flux utilisateur pourrait vous intéresser.
Continuez à lire pour en savoir plus sur les flux d'écran.
Qu'est-ce qu'un flux d'écran ?
Un flux d'écran (ou wireflow) rassemble une disposition de plusieurs écrans, connectés comme un organigramme pour cartographier les points de décision et les mouvements d'un client du début à la fin.
Les wireframes eux-mêmes ne donnent aucun contexte sur l'expérience interactive page par page du flux utilisateur. Les flux UX eux-mêmes sont plus abstraits et ne montrent pas ce que votre client regarde réellement.
Les wireflows, ou les flux d'écran, combinent les points forts des deux méthodes et vous aident à démontrer comment ce que voit l'utilisateur affecte son expérience de votre produit ou service.
Quand utiliser les flux d'écran
La création de wireframes aide les équipes UX et produit à considérer le parcours client comme un flux complet au lieu d'un ensemble d'écrans. Le wireflow ou le flux d'écran se concentre sur les écrans eux-mêmes et sur l'interaction du client avec votre service ou produit.
Un concepteur peut cartographier un flux d'écran lorsqu'il doit…
Veiller à ce qu'aucun scénario ne manque : avec un parcours tracé de bout en bout, vous pouvez considérer tous les cas d'utilisation potentiels qui s'appliquent aux besoins du client.
Améliorer les interactions des utilisateurs : apprenez à connaître votre client à chaque étape du flux, par exemple lors des inscriptions, des confirmations ou l'ouverture de pop-ups.
Créer une meilleure communication transversale : rassemblez les concepteurs et les développeurs, en les encourageant à considérer l'ensemble de l'expérience plutôt que des écrans séparés.
S'engager dans l'éducation des parties prenantes : si les clients ou les équipes n'ont jamais pris en compte ce que les client voient lorsqu'ils parcourent votre produit ou votre expérience, il peut s'avérer utile de suivre un flux pour ressentir de l'empathie pour les difficultés qu'ils rencontrent.
Créer votre propre flux d'écran
Il est facile de créer votre propre flux d'écran. L'outil de tableau blanc de Miro est le canvas pour le créer et le partager. Commencez par sélectionner le modèle de flux d'écran, puis suivez les étapes ci-dessous pour créer le vôtre.
Définissez l'histoire de votre utilisateur
Avant de commencer à tracer une séquence visuelle, décrivez les besoins de vos utilisateurs et les problèmes à résoudre. Il s'agit d'une base pour établir un point de départ pour votre flux d'écran.
Décidez ce que montreront vos écrans clés
Réfléchissez à vos points de départ et d'arrivée dans le parcours. Avez-vous besoin d'une landing page ? D'un écran de formulaire d'inscription ? D'une page de confirmation ? Identifiez les changements ou les étapes supplémentaires du processus, comme les pages qui doivent être divisées ou les écrans qui doivent être ajoutés. La bibliothèque de wireframes de Miro comprend plus de 15 composants d'interface utilisateur que vous pouvez facilement ajouter à votre flux d'écran si vous avez besoin d'inspiration.
Connectez les écrans :Ajoutez et déplacez des flèches entre chaque écran pour faire avancer l'utilisateur dans la tâche, en utilisant l'outil de ligne de connexion de Miro. Vous pouvez également inclure des points de décision et montrer ce qui se passe dans chaque instance disponible à l'utilisateur.
Partagez votre flux d'écran avec votre équipe ou vos parties prenantes pour obtenir des retours Vous pouvez utiliser la fonction Mention de Miro pour taguer votre équipe ou des personnes individuelles pour obtenir rapidement des retours, des critiques sur la conception ou des évaluations avant des séances d'atelier en direct avec les clients. Vous pouvez également partager votre tableau Miro avec n'importe qui (même s'il n'est pas encore inscrit !) en cliquant sur le bouton Inviter des membres.
Afin de compléter votre projet, vous pouvez également consulter nos modèles de wireframe de site web et de wireframe d'application.
Qu'est-ce qu'un flux d'écran UX ?
Un flux d'écran vous aide à analyser les interactions de vos utilisateurs, en se concentrant principalement sur les écrans de vos produits. Il combine le meilleur du wireframing et des diagrammes de flux, vous donnant un aperçu plus détaillé du flux de vos clients et, par conséquent, plus de données pour construire une meilleure expérience utilisateur.
Commencer avec ce modèle maintenant.
Modèle de Prototype Basse Fidélité (Low-fi)
Idéal pour:
Design, Desk Research, Wireframes
Les prototypes basse fidélité - également appelé prototype lo-fi ou low-fi - servent de premières visions pratiques de votre produit ou service. Ces prototypes simples ne partagent que quelques caractéristiques avec le produit final. Ils sont idéaux pour tester des concepts généraux et valider des idées. Les prototypes basse fidélité aident les équipes produit et UX à étudier des fonctionnalités produit ou de service en se concentrant sur une itération rapide et des tests utilisateurs pour éclairer les conceptions futures. L'accent mis sur l'esquisse et la cartographie du contenu, des menus et du flux d'utilisateurs permet aux concepteurs et aux non-concepteurs de participer au processus de conception et d'idéation. Au lieu de créer des écrans interactifs liés, les prototypes basse fidélité se concentrent sur les besoins des utilisateurs, la vision du concepteur et l'alignement des objectifs des différentes parties prenantes.
Modèle de Prototype
Idéal pour:
UX Design, Design Thinking
Un prototype est une maquette interactive de votre produit, qui définit sa structure, son flux d'utilisateurs et ses détails de navigation (tels que les boutons et les menus) sans s'engager sur les détails finaux comme sa conception visuelle. Le prototypage vous permet de simuler l'expérience d'un utilisateur avec votre produit ou service, de définir les contextes et les flux de tâches des utilisateurs, de créer des scénarios pour comprendre les personas et de recueillir des retours sur votre produit. L'utilisation d'un prototype vous permet d'économiser de l'argent en localisant les obstacles au début du processus. Les prototypes peuvent varier, mais ils contiennent généralement une série d'écrans ou de plans de travail reliés par des flèches ou des liens.
Modèle Voix du Client
Idéal pour:
Marketing, Desk Research, Expérience client
L'identification de la voix du client est un élément crucial de toute stratégie d'expérience client. Votre voix du client est simplement un cadre pour comprendre les besoins, les désirs, les préférences et les attentes de vos clients lorsqu'ils interagissent avec votre marque. L'évaluation de votre voix du client vous permet de vous plonger dans ce que vos clients pensent, ressentent et disent à propos de vos produits et services, afin de créer un meilleur parcours client. Utilisez le modèle Voix du Client pour enregistrer les réponses aux questions clés concernant votre client, notamment : que dit-il à propos de notre produit ? De quoi a-t-il besoin ? Comment pouvons-nous répondre à ce besoin ? Et qui est ce profil ?
Modèle Flux de Production
Idéal pour:
Workflows Agile, Méthodologie Agile, Gestion de projet
Que vous produisiez un podcast, une campagne marketing, une émission télévisée ou un élément de contenu, l'établissement d'un flux de production est crucial. Un flux de production crée un guide visuel des différentes étapes d'un processus. Il peut être utilisé pour former de nouveaux membres d'équipe ou donner une vue d'ensemble de haut niveau aux parties prenantes. Bien que les flux de production varient selon l'équipe et l'entreprise, ils contiennent généralement des informations sur les parties prenantes, la manière dont vous réfléchissez aux idées, à quoi ressemble votre calendrier et les ressources dont vous avez besoin pour réussir.
Modèle Structure de Répartition du Travail (SRT)
Idéal pour:
Workflows, Cartographie, Gestion de projet
Une structure de répartition du travail (SRT) est un outil de gestion de projet qui décrit tout ce que vous devez accomplir pour mener à bien un projet. Elle organise ces tâches en plusieurs niveaux et affiche chaque élément graphiquement. La création d'une répartition du travail est une approche basée sur les objectifs à atteindre, ce qui signifie que vous vous retrouverez avec un plan de projet détaillé des objectifs que vous devez créer pour terminer le travail. Créez une structure de répartition du travail lorsque vous devez déconstruire le travail de votre équipe en éléments plus petits et bien définis pour le rendre plus gérable.
Modèle Workflow
Idéal pour:
Gestion de projet, Workflows
Le monde numérique nécessite une collaboration et une meilleure collaboration conduit à de meilleurs résultats. Un workflow (flux de travail) est un outil de gestion de projet qui vous permet d'esquisser les différentes étapes, ressources, calendrier et rôles nécessaires à la réalisation d'un projet. Il peut être utilisé sur n'importe quel projet en plusieurs étapes, qu'il s'agisse d'un processus commercial ou autre, et est idéal pour tracer les actions tangibles que vous devrez entreprendre pour atteindre un objectif et l'ordre dans lequel vous devez effectuer ces actions.