Les storyboards sont-ils le chaînon manquant dans votre processus de conception d'expérience utilisateur ?

Les story-boards… c'est ce que les scénaristes utilisent pour créer des films et des émissions de télévision, n'est-ce pas ? Oui, c'est vrai, mais les storyboards ne se limitent pas au monde du divertissement fictif. Ils peuvent également jouer un rôle important dans le processus de conception de votre expérience utilisateur.

Dans cet article, je vais entrer dans tous les storyboards. Je vais commencer par une définition simple et expliquer comment vous pouvez utiliser des storyboards pour créer les parcours de vos utilisateurs sur votre projet et, par conséquent, concevoir une meilleure expérience utilisateur.

Que sont les story-boards ?

Les storyboards sont un concept assez simple. Fondamentalement, ce sont des illustrations simples qui se déplacent à travers une histoire de manière séquentielle. Comme je l'ai mentionné, ils sont surtout connus pour leur utilisation en tant qu'outil pour développer les intrigues de films et de pièces de théâtre.

Pour une visualisation amusante du fonctionnement des storyboards lorsqu'ils sont appliqués aux films, Flavorwire a rassemblé une liste de storyboards de certains films célèbres. Vous vous souvenez de cette célèbre scène de rideau de douche de Psycho ? Voici à quoi cela ressemblait sous forme de storyboard :

Mais les storyboards ne sont pas seulement utiles pour présenter des intrigues fictives. Ils sont également devenus une méthode populaire pour visualiser comment un véritable être humain expérimente un site Web ou une application.

En ce qui concerne votre site Web ou votre application, un storyboard suit essentiellement le parcours complet d'un personnage d'utilisateur spécifique, en commençant par celui-ci aux prises avec un problème et en terminant par son interaction avec votre création et sa résolution positive.

L'important est que votre storyboard représente une vraie personne avec un vrai problème dans un environnement réel . Les storyboards doivent toujours se sentir authentiques et ancrés dans la réalité.

Alors, à quoi cela pourrait-il ressembler en réalité ? Voici un exemple de Chelsea Hostetter au Austin Center for Design :

Remarquez comment le storyboard de Chelsea décrit une histoire complète du début à la fin ? Il ne se concentre pas uniquement sur l'utilisation de l'application Heartline par Susan. Cela commence par une situation réelle, culmine lorsque Susan utilise l'application pour se connecter avec Tom et se termine par la résolution réelle du problème.

Comment les storyboards aident-ils à améliorer la conception de l'expérience utilisateur ?

De nos jours, l'accent est mis sur le big data. Et bien que les données dures froides soient certainement précieuses, elles éliminent complètement l' humain du processus de conception. Le storyboard peut aider à ramener cet élément humain dans la conception.

Avec le storyboard, vous avez de vrais humains qui effectuent des actions réelles, plutôt que des descriptions de fonctionnalités abstraites ou des données analytiques.

Au-delà de l'élément humain, le storyboard vous permet également de réviser et d'itérer rapidement vos idées. Parce que tout ce que vous faites est d'esquisser le processus, vous devez investir beaucoup moins de temps que vous n'en auriez besoin pour créer un prototype fonctionnel de la même fonctionnalité.

Cela signifie que vous pouvez déployer des changements plus rapidement qu'avec un prototype.

Conseils pour vous aider à créer votre premier storyboard

Vous n'avez pas besoin d'être un illustrateur professionnel pour créer un storyboard, mais vous devez suivre certaines stratégies pour créer des storyboards qui sont réellement utiles à votre processus de conception.

N'oubliez pas que votre objectif est de créer quelque chose d'authentique et de convaincant. Si vous en avez besoin, revenez en arrière et regardez à nouveau l'exemple Heartline. Remarquez comment l'histoire :

• Est plein d'émotions humaines
• Se concentre sur l'ensemble du scénario, pas seulement sur la partie où les personnages utilisent votre produit
• A une résolution claire

Bien que le produit final de Chelsea soit un bon exemple, ne vous sentez pas obligé de passer directement d'une page blanche à un storyboard entièrement étoffé.

Au lieu de cela, cela aide à construire lentement jusqu'à ce produit final.

Tout d'abord, n'oubliez pas que votre objectif est d'avoir :

• Personnages authentiques
• Un vrai problème de la vie
• Un moyen logique et authentique de résoudre ce problème via votre produit
• Une vraie résolution à la fin du storyboard

Pour vous assurer de toucher tous ces éléments, il est plus facile de commencer par des descriptions en texte brut qui esquissent les bases de l'histoire. Connectez-les ensemble dans un arc narratif, mais ne vous inquiétez pas pour l'instant d'aller trop en profondeur.

Ensuite, revenez en arrière et réécrivez votre histoire en apportant des émotions plus détaillées. Que ressentent vos personnages à chaque étape du voyage ? Sont-ils heureux? Triste? Indifférent?

Une fois que vous avez esquissé le récit et les émotions en texte brut, vous êtes prêt à le traduire en un véritable storyboard. Pour ce faire, divisez chaque action de l'histoire dans un cadre individuel et esquissez-la à l'aide de vraies illustrations.

Si vous avez les compétences artistiques, essayez d'apporter de l'émotion dans vos illustrations lorsque vous dessinez votre storyboard.

Outils pour vous aider à créer des storyboards

Avant d'aller trop loin dans certains outils pour vous aider à créer des storyboards d'expérience utilisateur, je devrais commencer par le fait que vous avez probablement déjà suffisamment d'outils dans un placard quelque part.

C'est-à-dire que vous n'avez pas nécessairement besoin de quelque chose d'extraordinaire pour créer un storyboard. Aller lo-fi avec un stylo et du papier est tout à fait bien si vous allez être le seul à regarder votre storyboard. Ou, vous pouvez toujours opter pour une approche numérique en utilisant quelque chose comme PowerPoint pour l'assembler dans une histoire cohérente.

Mais si vous envisagez de collaborer avec d'autres membres de l'équipe, vous souhaiterez peut-être créer des storyboards qui semblent un peu plus soignés et professionnels que ne le permettent le stylo et le papier ou PowerPoint. Dans ces situations, les outils suivants peuvent vous aider…

Storyboard ça

Plutôt que de dessiner à la main, Storyboard That vous permet de créer des storyboards image par image à l'aide d'éléments de glisser-déposer prédéfinis. Une fois que vous avez esquissé votre histoire avec du texte brut, vous pouvez utiliser ces éléments pour créer un produit final plus soigné.

L'outil est assez simple à utiliser. Tout ce que vous devez vraiment faire, c'est :

• Choisissez un arrière-plan pour votre scène
• Ajouter des personnages
• Apportez du texte ou des éléments

Par exemple, j'ai pu créer ce storyboard de base en quelques minutes seulement :

Bien que je doute de gagner un concours de storyboard, c'est beaucoup plus rapide que de dessiner à la main (du moins pour moi). Le seul inconvénient est que vous perdez la capacité d'exprimer des émotions avec les expressions faciales de vos personnages.

L'outil Storyboard That de base est gratuit, bien qu'ils aient également des plans premium qui offrent plus de fonctionnalités.

Quartiers

Boords est un outil plus astucieux et de haute technologie qui vous aide à créer des storyboards à partir d'illustrations existantes.

Bien que cela ne vous aide pas à créer ces illustrations, cela vous aide à les organiser, à ajouter des notes et à partager vos storyboards sur Internet ou au format PDF :

Donc, si vous envisagez de collaborer avec d'autres sur votre storyboard, Boords facilite grandement l'ajustement à la volée.

Il existe un plan gratuit de base qui vous permet d'avoir jusqu'à deux storyboards gratuitement. Mais après cela, vous devrez payer pour Pro.

Emballer

Les storyboards ne sont pas seulement pour les films et les pièces de théâtre. Ils vous aident à itérer plus rapidement, à mieux comprendre vos utilisateurs et à donner un visage humain à l'ensemble de votre processus de conception.

N'oubliez pas que vos storyboards doivent être authentiques et convaincants. Esquisser une situation farfelue où votre produit sauve le monde peut être agréable, mais ce n'est pas le but du storyboard. Restez réaliste et concentrez-vous sur la narration complète du début à la fin.

À vous maintenant : utilisez-vous des storyboards dans votre processus de conception ? Si oui, pensez-vous qu'ils valent le temps qu'ils prennent à faire ?

Image miniature de l'article par CharacterFamily / shutterstock.com