La réalisation du story-board est la dernière compétence que vous devez acquérir en UX design afin de faciliter votre gestion empirique de projet.
Les besoins du projet
Traditionnellement, le story-board est un document utilisé au cinéma afin de planifier les besoins de toutes les séquences qui constitueront un film. Sa mise en page ressemble à celle d'une bande dessinée, où chaque vignette représente un plan. En UX design, vous pouvez aussi réaliser un story-board du projet à votre client. 😇
Mettez en scène l'expérience utilisateur
Le story-board vous permet de synthétiser l'expérience utilisateur avant le développement du projet. C'est aussi un document de référence qui améliore la circulation des informations entre les membres de votre équipe. Vous pouvez même en livrer plusieurs lors d'un même projet.
Dans quelles circonstances l'utilisateur peut-il avoir besoin du produit ou du service de votre client ? Est-il à son domicile ? Est-il en déplacement ? La mise en scène de vos personas rendra plus concrètes les solutions que vous proposerez avec votre équipe. 💪
Faites une bande dessinée
La bande dessinée est un medium très efficace pour partager une idée. Vous réalisez une succession de 5 à 9 images pour décrire les interactions de vos utilisateurs avec le produit ou le service. Commencez par une situation de départ, mettez en scène votre solution et finissez par la résolution du besoin.
Je vous conseille d'abord d'aligner toutes vos cases sur une seule bande horizontale. 👉 J'utilise un canevas de 9 cases maximum (3 bandes de 3 cases) pour réaliser un story-board complet.
Oubliez les éléments d'interface utilisateur
Dessinez votre story-board avec des éléments symboliques, les plus universels possible. Ne rentrez pas dans les détails du produit ou du service. Vous allez surtout représenter des formes très simples, comme un ovale pour une tête, par exemple.
Nul besoin d'être dessinateur ou graphiste confirmé pour réaliser un story-board ! Votre capacité à traduire une idée en images va vraiment vous faire gagner du temps pendant votre gestion de projet. 🚀
Dessinez à la main et avec un feutre
Pour vous entraîner, rien de mieux qu'un grand tableau blanc avec des feutres effaçables de différentes couleurs. Dessinez des séries de cases bien identiques et lancez-vous ! Une fois que vous êtes satisfait du résultat, présentez-le à votre équipe, puis photographiez-le pour obtenir une version numérique. 📸
Comment éviter les story-boards trop abstraits ? Comment traduire visuellement des idées très complexes ? Comment apprendre à bien dessiner ?
Vous pouvez toujours réaliser votre story-board à partir d'une banque d'images. Je vous invite par exemple à utiliser la collection d'icônes de Prezi ou de Piktochart, initialement destinée à la création d'infographies. Un autre outil très pratique peut également vous assister : AutoDraw !
Partagez le story-board avec vos collaborateurs
Affichez vos story-boards à coté des personas pour les garder toujours visibles dans votre espace de travail. 👀 Encouragez chaque membre de votre équipe à les consulter régulièrement pour respecter les objectifs, tester une solution ou mettre fin à des conflits.
En gestion de projet agile, vous devez impérativement construire une vision commune avec votre équipe et votre client. Vous avez désormais la compétence de réaliser une synthèse visuelle pour mettre tout le monde d'accord. Les story-boards de l'UX design assurent une bonne communication de vos User Stories sur toute la durée du projet.
Les livrables du projet
Le story-board est comme un fil rouge dans votre gestion de projet. C'est un document auquel vous pouvez vous référer afin d'éviter les égarements. Je vous invite ensuite à produire deux autres livrables qui ont la même fonction, lorsque votre développement sera plus avancé.
Le story-board 📔
Le récit découpé en vignettes doit mettre en contexte les différentes interactions entre vos utilisateurs et le produit ou le service de votre client.Le Wireframe 📰
La maquette ou le croquis amène votre équipe à se concentrer sur la structure, l'organisation et les interactions. C'est un livrable très pertinent avant d'investir du temps et de l'attention au choix des couleurs, des polices ou des images.Les prototypes 💡
Les modèles de travail (papier ou informatiques) ont pour objectif d'analyser l'engagement de votre client et de vos utilisateurs, en montrant à quoi le produit ou le service ressemblera (du mockup à la première version, par exemple).
En résumé
Mettez vos personas en scène dans des story-boards qui serviront de référence aux membres de votre équipe agile.
Décrivez les interactions entre les utilisateurs et le produit ou le service en agençant des cases, en dessinant des situations concrètes et en ajoutant quelques dialogues.
En qualité de coach agile, vous êtes capable de faire preuve de bon sens pour représenter symboliquement des personnages, des mouvements, des objets, des interfaces, etc.
Vous pouvez utiliser une banque d'images en ligne, mais je vous conseille surtout un grand tableau blanc et différents feutres effaçables.
Vous devez partager et afficher vos story-boards sur vos murs !
Vous réalisez des story-boards pour illustrer chaque User Story du projet.
Les chapitres de cette partie ont bien insisté sur l'importance de l'UX design avant de passer au développement agile. Dans la partie suivante, vous pourrez apprendre à contrôler en continu le travail de votre équipe.
