Storyboard

Livrable design

Le storyboard pour présenter les étapes clés des scénarios d'usage

Le storyboard, tout comme au cinéma ou en animation, est un outil utilisé par les UX designer pour les aider à cartographier l'expérience utilisateur d'un produit ou d'un service. Il permet aux concepteurs d'avoir une vue d'ensemble et d'identifier les problèmes potentiels ou les points à améliorer. Le storyboard peut également être utilisé pour communiquer la conception aux parties prenantes et obtenir leurs commentaires. La création d'un storyboard est une étape cruciale du processus de conception UX, car elle permet aux concepteurs de réfléchir à l'expérience utilisateur du début à la fin et d'identifier tout problème potentiel. Il aide également les concepteurs à communiquer leurs idées aux parties prenantes et à obtenir un retour sur la conception. Si vous travaillez sur un projet UX, la création d'un scénarimage est un élément essentiel du processus de conception UX.

À quoi sert un storyboard ?

  • Cartographier l'expérience utilisateur d'un produit ou d'un service,
  • Avoir une vue d'ensemble
  • Identifier les problèmes potentiels ou les points à améliorer
  • Communiquer la conception aux parties prenantes et avoir leurs retours
  • Permet de réfléchir à l'expérience utilisateur du début à la fin et d'identifier tous les points bloquants
  • Séquencer des étapes aux moments clés de l'expérience

Pourquoi faire un storyboard ?

  • Evaluer des scénarios d'usage avec l'équipe ou les utilisateurs cibles d'un projet
  • Explorer des solutions à des points bloquants dans les parcours utilisateurs
  • Spécifier l'enchainement des étapes dans un parcours d'interaction
  • Communiquer des solutions aux intervenants d’un projet.

Comment faire un storyboard ?

01

Le scénario

Pour commencer, il faut définir le scénario principal du storyboard. Cela permet ensuite de se concentrer sur la narration et les idées que l'on souhaite illustrer. Penser au texte avant de commencer à dessiner incite à se focaliser sur les concepts importants plûtot que sur la représentation graphique.

02

Les étapes du parcours et les interactions

Ensuite, il faut intégrer les interactions et leur séquencement, tout en prenant en compte le ressenti de l'utilisateur. Le storyboard met en avant la situation dans laquelle se trouve l'utilisateur, ce qu'il ressent à chaque étape, le problème auquel il fait face, et la réponse apportée par le produit ou le service.

03

Les cases (ou les bulles pour les plus bédéphiles)

C'est seulement après cette préparation que l'on transforme chaque étape en case illustrée. On peut laisser un commentaire en dessous de chaque case pour donner plus de contexte ou montrer la pensée du personnage avec des bulles. Il suffira ensuite de passer à la partie plus "design" en ajoutant des détails, des couleurs, des textures etc... afin de rendre le storyboard le plus immersif possible.

Questions fréquentes

Quelques exemples de réalisations

Atelier de co-conception

Atelier de co-conception : basé sur l'intelligence collective. Des ateliers permettent de faire émerger des solutions avec l'équipe projet et/ou les utilisateurs finaux

En savoir plus sur Atelier de co-conception

Arborescence

L’arborescence d’un site ou d’une application représente l’organisation hiérarchique et logique de ses pages et fonctionnalités. Proposer une arborescence optimale, c’est définir une catégorisation qui corresponde au mieux à la représentation mentale des utilisateurs.

En savoir plus sur Arborescence

User flow

Le flux utilisateur ou le User flow est une représentation graphique qui modélise les chemins possibles lorsqu'il consulte un site ou une application.

En savoir plus sur User flow

Vous souhaitez en savoir plus sur nous ?

Tout le monde parle experience utilisateur, design de service, ergonomie...
C'est pas très clair, mais vous aimeriez bien découvrir tout ca ou progresser.

Parlons-en