• 6 heures
  • Facile

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 12/06/2020

Résumez l'UX du projet en créant un storyboard

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

La réalisation du storyboard 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 storyboard 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 storyboard du projet à votre client. 😇

Mettez en scène l'expérience utilisateur

Le storyboard 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 storyboard complet.

Oubliez les éléments d'interface utilisateur

Dessinez votre storyboard avec des éléments symboliques, les plus universels possibles. 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 storyboard ! 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 storyboards trop abstraits ? Comment traduire visuellement des idées très complexes ? Comment apprendre à bien dessiner ?

Vous pouvez toujours réaliser votre storyboard à 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 storyboard avec vos collaborateurs

Affichez vos storyboards à 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.

Storyboard - Zombie Party
Storyboard - Zombie Party

En gestion de projet agile, votre 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 storyboards de l'UX design assurent une bonne communication de vos user stories sur toute la durée du projet. 

Les livrables du projet

Le storyboard 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é.

  1. Le storyboard 📔
    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.
     

  2. Le Wireframe 📰
    La maquette ou 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 couleur, des polices ou des images.
     

  3. Les prototypes 💡
    Les modèles de travail (papiers 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 storyboards qui serviront de références 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 storyboards sur vos murs !

  • Vous réalisez des storyboards 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.

Exemple de certificat de réussite
Exemple de certificat de réussite