Mis à jour le vendredi 5 janvier 2018
  • 6 heures
  • Facile

Ce cours est visible gratuitement en ligne.

Ce cours est en vidéo.

Vous pouvez obtenir un certificat de réussite à l'issue de ce cours.

J'ai tout compris !

Réalisez 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 pour faciliter votre gestion de projet agile.

Les besoins du projet

Traditionnellement, le storyboard est un document utilisé au cinéma afin de planifier les besoins de tous les plans 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 livrer 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 devez en réaliser plusieurs pour 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 en gestion de projet agile. 🚀

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 agile. C'est le document auquel vous devez vous référer pour éviter les égarements. Il peut être complété par deux autres livrables qui ont la même fonction lorsque votre développement du projet est 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.
     

Les chapitres de cette partie ont bien insisté sur les apports de l'UX design pour votre gestion de projet agile. Dans la partie suivante, vous allez apprendre à contrôler en continu le travail de votre équipe.

En résumé

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