• 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 !

Mis à jour le 24/04/2018

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 !

Mettez en scène l'expérience utilisateur

Il est très important de comprendre l'expérience utilisateur que vous permettez avec votre produit. Vous devez donc être capables de la résumer, mais aussi de la dessiner, la mettre en scène, en situation.

C'est ce que l'on peut faire via un storyboard !

Un storyboard sert à montrer le scénario UX (= la façon dont / la situation dans laquelle un utilisateur va avoir besoin d'utiliser votre produit, puis comment il va l'utiliser pour accomplir ce qu'il souhaite).

  1. Un storyboard part d'une situation de départ (= un besoin, un désir, un problème)…

  2. …met en scène une action qui permet d'accomplir une tâche…

  3. …pour arriver à une situation de résolution, de satisfaction :

Faites une bande dessinée de 5 à 8 planches

Un storyboard prend la forme d'une BD très courte (5 planches minimum) et ne dépasse pas la dizaine de planches.

Vous pouvez tout à fait faire 2 ou 3 storyboards différents pour illustrer l'expérience utilisateur de façon variée. 

Oubliez les éléments d'interface utilisateur

Un storyboard met en scène des petits bonshommes simples dans un environnement, avec un besoin et une situation en particulier.

Un storyboard ne montre pas un smartphone sur lequel on verrait l'application détaillée par exemple.

Il faut qu'il soit très imagé : on y voit souvent un personnage tenir un téléphone, mais ce qu'il y a dessus (sur le téléphone) ne sert qu'à indiquer de quoi il s'agit, pas de montrer un mock-up. 

Dessinez à la main et avec un feutre

N'ayez pas peur de mal dessiner, ce n'est pas un concours ! 

C'est impératif de dessiner à la main ! Et de préférence, de ne pas utiliser un crayon à papier mais un feutre (noir).

Pourquoi un feutre ?

Parce que la pointe d'un feutre est plus épaisse que celle d'un crayon ou d'un stylo fin. Cela vous oblige donc à dessiner dans les grandes lignes et vous évite de tomber dans la tentation de dessiner tous les petits détails (des touches sur un téléphone par exemple).

Le but d'un storyboard n'est pas de présenter un produit détaillé, mais de montrer l'expérience, raconter une histoire.

Je comprends que cela soit déroutant au début et que l'on puisse se sentir limité dans le dessin.

Parfois on me dit :

  • "Mais mon storyboard va être trop abstrait"

  • "Personne ne comprendra mon storyboard"

  • "Je ne sais pas dessiner"

Ne vous en faites pas pour ça, il y a des solutions pour rendre lisible et compréhensible votre storyboard :

  1. Annoter, légender les vignettes : "Dans le métro", "Au bureau"…

  2. Donner des indices temporels : Dessiner une horloge dont les aiguilles ont tourné pour montrer le temps qui passe, ou encore écrivez les jours, "Le lendemain"…

  3. Nommer les personnages : Ecrire la première lettre du prénom d'un persona sur le buste d'un de vos personnages pour que l'on comprenne de qui on parle.

Partagez le storyboard avec vos collaborateurs

Votre storyboard va vous servir de fil rouge pendant tout votre processus de conception : il résume en quelques images le coeur du projet. C'est une excellente pratique que de montrer ce storyboard aux parties prenantes afin que tout le monde - les développeurs, les designers, le client, …, - ait la même vision et compréhension du projet.

Storyboard - Zombie Party
Storyboard - Zombie Party

Au bout de plusieurs semaines que l'on travaille, il arrive de s'éloigner progressivement de la mission de base identifiée au début du projet. C'est naturel, on a tendance a oublier ou à se focaliser sur une composante du projet. Mais c'est justement à cela que sert le storyboard : vous remettre sur les rails.

Chaque fois que vous aurez besoin de vous ré-imprégner de l'expérience visée (que doit permettre le produit), regardez votre storyboard.

C'est la fin de la première partie… Profitez-en pour faire une pause et on se retrouve après le quiz ! 

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