2. Déterminer comment les visiteurs trouvent votre site Web
Si vous essayez d’améliorer un site Web ou une application déjà en place, interrogez vos données. Google Analytics décompose les pourcentages de chacune des entrées suivantes :
- Trafic direct
- Recherche organique
- Publicité payante
- Réseaux sociaux
- Sites de référence
- E-mail
Réfléchissez à ce que vous enseignent ces différents points d’entrée sur vos utilisateurs et à la façon dont vous pouvez améliorer votre expérience pour répondre à leurs besoins. Ces critères seront le point de départ de votre diagramme de flux d’utilisateurs.
3. Identifier les informations dont vos utilisateurs ont besoin et le moment où ils en ont besoin
Maintenant que vous savez par où commencer, déterminez les informations dont vos utilisateurs ont besoin et les actions qu’ils doivent entreprendre. Pour les convertir en acheteurs, vous devez leur fournir les informations appropriées au moment le plus opportun.
Lors de la création de votre diagramme, mettez-vous dans la peau de votre client en vous posant diverses questions, par exemple : « Quelle action devrais-je entreprendre sur cette page si j’étais mon client ? » « Comment fonctionne le processus de validation de commande ? » et « Si j’étais ce client, que penserais-je de cette vidéo de témoignage ? ». Tenez compte de ce que le client attend d’une page particulière, de ce qu’il peut ressentir et de l’état d’esprit dans lequel il se trouve.
Si vous optimisez un site Web existant, observez les éléments qui fonctionnent actuellement. En d’autres termes, lorsque les utilisateurs achètent ou réalisent d’autres actions, quel parcours empruntent-ils sur votre site ? Ne prenez pas seulement en compte l’achat : il faut parfois plusieurs visites sur un site avant qu’un client ne valide une commande. Par exemple, si un visiteur s’inscrit à votre newsletter ou à vos communications SMS via une fenêtre pop-up, vous pouvez considérer que ces actions constituent une réussite.
4. Modéliser votre flux d’utilisateurs
Maintenant que vous connaissez votre public, ses motivations et les parcours typiques qu’il suit pour accomplir différentes actions, vous pouvez commencer à créer un diagramme de flux d’utilisateurs. Choisissez un espace de travail visuel où vous pouvez facilement faire glisser et déposer des formes pour illustrer votre parcours utilisateur et indiquer les moyens de satisfaire et d’informer votre client.
Commencez par représenter les points d’entrée (recherche, publicité, etc.) avec des formes. Vous pouvez également recourir à des wireframes basse fidélité plutôt qu’à de simples formes géométriques pour illustrer le design de votre site ou de votre application et la position de vos appels à l’action.
Ensuite, déterminez le contenu de la page de destination et les décisions que votre client devra prendre sur celle-ci. Ajoutez d’autres formes et points de décision jusqu’à ce que votre flux soit complet.
Votre diagramme de flux d’utilisateurs peut également changer au fil du temps, en fonction de l’évolution de votre public et de ses motivations lorsqu’il navigue sur votre site.
5. Recueillir des commentaires, finaliser le diagramme et le partager
Si vous créez un nouveau site ou une nouvelle application, partagez votre diagramme de flux d’utilisateurs avec les autres parties prenantes afin de recueillir leurs commentaires et de l’ajuster si nécessaire. Ce type de visuel est particulièrement efficace dans ce contexte, car les parties prenantes peuvent appréhender l’expérience que vous proposez d’un seul coup d’œil.
Une fois que vous avez finalisé votre diagramme de flux d’utilisateurs, partagez-le avec les designers UX, les développeurs Web, les ingénieurs logiciel et les autres membres de l’équipe pour leur communiquer le concept avant qu’ils ne se lancent dans la création de votre site Web ou application.
Exemples de diagrammes User Flow
Inspirez-vous de ces exemples de diagrammes de flux d’utilisateurs. Parmi ces exemples, citons les wireflows, qui combinent des formes de wireframe avec des formes de logigramme classiques pour vous permettre de visualiser à la fois le design de votre site Web ou de votre application et le parcours de vos utilisateurs.
Cliquez sur l’exemple de votre choix pour l’utiliser comme modèle dans Lucidchart.