Modèle de flux d'écran

À propos du modèle de flux d'écran

Les flux d'écrans (également connus sous le nom de « wireflows ») sont une combinaison de schémas et de création de diagrammes de flux. Le flux de bout en bout cartographie ce que les utilisateurs voient sur chaque écran et comment cela impacte leur processus de prise de décision à travers votre produit ou service. Avec ces informations en main, vous pouvez mieux expliquer les décisions que vous avez prises concernant votre conception d'interaction.

Utilisez le modèle de flux d'écrans pour identifier de nouvelles opportunités afin de rendre l'expérience utilisateur fluide et sans frustration du début à la fin.

Si vous êtes intéressé à approfondir votre travail et à vous aventurer dans le domaine de la conception UX, où vous pouvez présenter le parcours utilisateur sous forme de diagramme de flux avec des textes et des symboles plutôt que des écrans, vous pourriez être intéressé par le modèle de flux utilisateur.

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) assemble une mise en page multi-écrans, connectée comme un diagramme de flux pour cartographier les points de décision et les mouvements d'un client du début à la fin.

Les wireframes seuls manquent de contexte pour montrer à quoi pourrait ressembler un flux utilisateur interactif, page par page. Les flux UX seuls sont plus abstraits et ne peuvent pas montrer ce que votre client voit réellement.

Les wireflows, ou flux d'écran, combinent les forces des deux méthodes et vous aident à démontrer comment ce que l'utilisateur voit a un impact majeur sur la manière dont il expérimente votre produit ou service.

Quand utiliser les flux d'écran

Les wireframes aident les équipes UX et produit à considérer le parcours client comme un flux complet plutôt que comme un ensemble d'écrans. Le wireflow ou flux d'écran se concentre sur les écrans eux-mêmes et l'interaction du client avec votre service ou produit.

Un designer peut élaborer un flux d'écran lorsqu'il a besoin de...

• Assurez-vous qu’il n’y a pas de scénarios manquants : avec un parcours d’un bout à l’autre bien défini, vous pouvez envisager tous les cas d’utilisation potentiels qui répondent aux besoins du client.

• Améliorez les interactions utilisateur : apprenez à connaître vos clients à travers chaque opportunité dans le flux, tels que les inscriptions, les confirmations ou les popups.

• Créez une meilleure communication interfonctionnelle : rassemblez les concepteurs et les développeurs, en les encourageant à réfléchir à l’ensemble de l’expérience plutôt qu’à des écrans séparés.

• Participer à l’éducation des parties prenantes : si les clients ou les équipes n’ont jamais envisagé ce que voit le client en parcourant votre produit ou expérience, suivre un flux aide à renforcer l’empathie pour les points sensibles du client.

Créez votre propre flux d’écran

Créer votre flux d’écran est simple. La plateforme de collaboration virtuelle de Miro offre le canevas idéal pour les créer et les partager. Commencez par sélectionner le modèle de flux d’écran, puis suivez les étapes suivantes pour en créer un vous-même.

1. Définissez votre user story

Avant de commencer à cartographier une séquence visuelle, décrivez les besoins des utilisateurs et les problèmes à résoudre. Cela constitue la base pour établir un point de départ pour votre flux d’écran.

2. Décidez ce que montreront vos écrans clés

Pensez à vos points de départ et d'arrivée dans le parcours. Avez-vous besoin d'une page d'accueil ? D'un écran de formulaire d'inscription ? D'une page de confirmation ? Identifiez les changements ou les étapes supplémentaires du processus, telles que les pages qui doivent être scindées ou les écrans à ajouter. Miro est le parfait créateur de wireframes avec une bibliothèque de wireframes qui propose plus de 15 composants d'interface utilisateur à ajouter facilement à votre flux d'écran.

3. Connectez les écrans

Ajoutez et déplacez des flèches entre chaque écran pour faire avancer l'utilisateur dans sa tâche, en utilisant l'outil Ligne de connexion de Miro. Vous pouvez également inclure des points de décision et montrer ce qui se passe dans chaque instance disponible pour l'utilisateur.

4. Partagez votre flux d'écran avec votre équipe ou les parties prenantes pour des retours

Vous pouvez utiliser la fonctionnalité de Mention de Miro pour étiqueter votre équipe ou des personnes individuelles pour des sessions rapides de retours, des critiques de conception ou des relectures avant les ateliers en direct avec les clients. Vous pouvez également partager votre tableau Miro avec n'importe qui (même s'ils ne sont pas encore enregistrés !) en cliquant sur le bouton Inviter des membres.

Découvrez plus d'exemples de flux utilisateur pour vous aider à construire votre prochain grand projet.

FAQ concernant le modèle de flux d'écrans

Qu'est-ce qu'un flux d'écran en UX ?

Un flux d'écran vous aide à analyser les interactions de vos utilisateurs, en se concentrant principalement sur les écrans de votre produit. Il combine le meilleur du wireframing et des diagrammes de flux, vous offrant une vue d'ensemble plus détaillée du parcours client et, par conséquent, plus de données pour construire une meilleure expérience utilisateur.