Le rôle des storyboards dans le design UX

Le rôle des storyboards dans le design UX
Rick Davis

En tant que concepteur UX, vous devrez souvent faire appel à votre imagination pour donner vie à de nouvelles idées. Un outil qui peut vous aider dans ce processus est le storyboard. Cet outil est emprunté à un domaine complètement différent (le cinéma), mais il a déjà fait sa marque dans le monde de l'UX. Les storyboards sont parfaits pour aider les concepteurs à imaginer comment les utilisateurs se serviront des produits qu'ils conçoivent.

Qu'est-ce qu'un storyboard ?

Un storyboard est une forme visuelle pour représenter un scénario qui contient une séquence de quelques événements. Les studios Walt Disney ont été les premiers à en avoir l'idée dans les années 1930. De nombreux autres domaines, y compris la conception UX, ont adopté le storyboard comme moyen de représenter visuellement des scénarios.

À ce stade, vous vous demandez probablement "Pourquoi devrais-je utiliser des story-boards ?

La réponse courte est qu'il vous aidera à concevoir plus rapidement et avec plus de confiance.

Voici les principales raisons pour lesquelles c'est le cas :

  1. Une image vaut mille mots - Notre cerveau traite les images beaucoup plus rapidement que le texte. En représentant un scénario de manière visuelle, vous accélérez le processus d'idéation pour toutes les personnes impliquées.
  2. Les histoires sont mémorables - Depuis des siècles, les hommes utilisent des histoires pour transmettre des traditions orales aux jeunes générations, car elles sont beaucoup plus faciles à mémoriser que les faits. L'utilisation d'une histoire comme première étape de l'idéation peut créer la bonne ambiance pour le projet dès le départ.
  3. Le fossé de la curiosité - Les histoires, en particulier celles qui contiennent des lacunes, peuvent très naturellement susciter la curiosité et activer notre cerveau pour essayer de combler les détails manquants. Ce type de "puissance cérébrale" est exactement ce que vous recherchez lors de vos séances d'idéation.
  4. Faire preuve d'empathie à l'égard d'un "utilisateur réel" - Tout comme nous utilisons les personas pour créer de l'empathie avec un utilisateur qui a un visage et un nom, le fait de placer cet utilisateur dans un scénario créera des niveaux encore plus élevés d'empathie envers les utilisateurs parmi les membres de l'équipe de conception.

Utiliser des storyboards dans la conception UX

Tout comme les scénaristes et les réalisateurs de films utilisent des story-boards pour planifier les intrigues des films et des séries télévisées, les concepteurs UX peuvent utiliser des story-boards pour imaginer et planifier les parcours utilisateurs des produits. La technique du story-board vous permet de choisir un ou deux personnages et de comprendre non seulement ce qu'ils font à chaque étape du parcours utilisateur, mais aussi pourquoi ils entreprennent une action et ce qu'ils en ressentent.

Au début du processus de conception de l'interface utilisateur, vous devrez réfléchir à quelques éléments de l'histoire que vous souhaitez définir, au moins au niveau conceptuel, avant de commencer à dessiner quoi que ce soit.

La première étape du story-board consiste à déterminer qui sera votre interlocuteur. personnage principal et s'il y a d'autres personnages que vous aimeriez inclure dans votre storyboard.

Pour créer un personnage bien équilibré, vous devez tenir compte des éléments suivants :

  1. Les description de base de votre personnage qui peut inclure des éléments tels que le nom, la profession, l'âge, le sexe et tout autre élément pertinent.
  2. Ce qu'il faut faire motive ce personnage à utiliser votre produit ou service ?
  3. En quoi contexte votre personnage utilise-t-il le produit ?

La deuxième étape du storyboard consiste à définir le parcours de l'utilisateur lui-même et ses différentes parties. Il est bon de se familiariser avec les parties d'un parcours d'utilisateur typique pour les produits, car cela vous aidera à réfléchir à ce que vous voulez inclure dans votre storyboard. Cela comprendra des détails tels que.. :

  1. Sensibilisation - Comment les utilisateurs prendront-ils connaissance de votre produit ou service ?
  2. Considération - les décisions qu'ils devront prendre avant de décider d'acheter le produit et de l'utiliser ?
  3. Acheter - comment vos utilisateurs achèteront-ils le produit ?
  4. Première expérience - à quoi ressemblera leur première expérience avec votre produit ?
  5. Habitudes d'utilisation - quel sera leur mode d'utilisation régulier ?
  6. Principaux avantages - que gagneront vos utilisateurs en utilisant votre produit ?

S'il est trop difficile de décider de tous ces éléments dès le départ, vous pouvez commencer par décrire uniquement les étapes initiales du parcours de l'utilisateur et n'inclure que ces parties dans votre storyboard. Il s'agit de la sensibilisation, de la considération, de l'achat et de la première expérience avec votre produit. Une fois que vous aurez étoffé ces détails, il sera plus facile pour vous et pour votre équipe d'étendre le storyboard et d'inclure les éléments suivants dans votre storyboardinclure des détails sur l'utilisation à long terme de votre produit.

Débuter avec le story-board

Pour commencer le story-board, vous devez également réfléchir à différents aspects. Voici quelques lignes directrices utiles :

  1. L'utilisation de la la structure d'un récit Le scénario doit avoir un début, un milieu et une fin ; concentrez-vous sur l'objectif que votre personnage doit atteindre. Ne sautez pas directement aux solutions dans votre scénarimage.
  2. Pensez à la outils Vous pouvez utiliser un crayon et du papier pour dessiner un storyboard ou un logiciel de conception graphique, selon votre préférence.
  3. Pensez à la niveau de détail En fonction de l'état d'avancement de votre processus de développement, vous pourrez créer des histoires plus ou moins détaillées, mais n'oubliez pas de laisser une certaine place à l'imagination.

Pour vous aider à élaborer un bon story-board UX, examinons un exemple de story-board UX. exemple concret .

Voir également: Vectornator Rewind : 2019

Supposons que vous souhaitiez aider les personnes qui aiment boire du vin, mais qui se sentent dépassées dans les magasins de vin lorsqu'elles essaient de faire un choix sur ce qu'elles vont acheter.

Supposons que vous souhaitiez cibler les personnes âgées de 25 à 45 ans qui font leurs premiers pas vers une meilleure compréhension du vin. Vous décidez de créer une application pour les aider, appelée "Wine Time".

L'étape suivante consiste à imaginer comment les utilisateurs utiliseront votre application. Vous décidez donc de créer un storyboard.

Passons en revue le processus.

Notre histoire commence avec la personnages principaux Jason et Nathalie, un jeune couple d'une trentaine d'années qui vit dans la banlieue de Toronto, au Canada. Ils aiment boire du vin et se rendent une fois toutes les trois semaines chez leur caviste local pour acheter 2 ou 3 bouteilles de vin. Ils achètent généralement les vins dont le magasin fait la promotion et, à l'occasion, ils se font recommander des vins par un ami.explorent plus de vins, et ils veulent être moins submergés par la vaste sélection de leur magasin. Jusqu'à présent, ils achetaient pratiquement toujours les mêmes vins. C'est ce qu'ils ont fait en achetant les mêmes vins. motive de chercher une solution pour en savoir plus sur le vin.

Jason a commencé à lire des articles sur le vin pendant son temps libre, mais il ne les trouve toujours pas très utiles. La plupart des vins décrits dans ces articles proviennent d'Europe et il vit au Canada. Il n'est pas certain que les vins locaux qu'il trouve dans le magasin voisin soient comparables en quoi que ce soit.

Un jour, Alison, l'amie de Nathalie, leur suggère d'essayer une nouvelle application appelée "Wine Time". Cette application vous aide à vous familiariser avec le vin et à trouver des vins qui vous plairont. À ce stade de l'histoire, Jason et Nathalie deviennent conscient du produit.

Ils téléchargent l'application et suivent immédiatement un rapide tutoriel "Introduction au vin". Ce tutoriel leur apprend quels types de vins peuvent être appréciés en fonction de différentes caractéristiques. Cela correspondrait à leur première expérience avec l'application et leur moment "Aha" (très probablement). Nous pouvons considérer cette partie comme le début du processus d'apprentissage. le milieu de notre histoire .

À la fin du tutoriel, Jonathan et Nathalie restent sur l'application. "Wine Time" leur suggère des vins et vérifie s'ils sont disponibles dans les magasins à proximité. Une fois qu'ils ont trouvé quelques bouteilles qui leur plaisent, ils les commandent en ligne et les reçoivent dans les deux jours. Cette partie de l'histoire correspondrait à la section acheter une étape du parcours de l'utilisateur Elle pourrait également être liée à la utilisation future de l'application s'ils décident de continuer à commander du vin à partir de l'application pour gagner du temps.

C'est ici que notre histoire fins Les personnages comprennent comment utiliser l'application "Wine Time" pour atteindre leurs objectifs. objectif d'explorer d'autres vins.

Ensuite, parlons un peu de outils pour créer votre storyboard.

Comme vous pouvez le voir dans l'image ci-dessous, vous pouvez créer un storyboard simple comme je l'ai fait avec Vectornator. Vous pouvez utiliser leurs icônes, ainsi que du texte pour visualiser l'intrigue de votre histoire. J'ai décidé de présenter le parcours de l'utilisateur en quatre étapes pour laisser une certaine place à la discussion sur les détails qui ne font pas partie du storyboard.

Le fait de conserver le niveau de détail actuel du story-board pourrait susciter des questions intéressantes lors de la phase d'idéation :

  1. Quels sont les tutoriels inclus dans l'application ?
  2. Où l'application sera-t-elle disponible dans le monde ?
  3. À quel type de magasins de vin en ligne devrions-nous le connecter ?
  4. À quoi ressemblera l'utilisation à long terme ?

Jetez un coup d'œil au storyboard que j'ai créé pour l'application "Wine Time".

Le parcours de l'utilisateur de "Wine Time" Image de l'auteur.

En bref Le storyboard est un excellent outil que vous pouvez utiliser en tant que designer UX pour donner vie à des idées conceptuelles avant de commencer l'idéation avec votre équipe. La visualisation de scénarios peut rendre le processus beaucoup plus interactif et amusant pour tout le monde. Pour représenter de nombreux scénarios, vous pourriez avoir besoin de plus d'un storyboard, mais ce besoin deviendra plus clair avec le temps. Les choses les plus importantes à retenir sont les suivantes : soyez créatif.et s'amuser.

Voir également: Comment utiliser Procreate et Vectornator ensemble



Rick Davis
Rick Davis
Rick Davis est un graphiste et artiste visuel chevronné avec plus de 10 ans d'expérience dans l'industrie. Il a travaillé avec une variété de clients, des petites startups aux grandes entreprises, les aidant à atteindre leurs objectifs de conception et à élever leur marque grâce à des visuels efficaces et percutants.Diplômé de la School of Visual Arts de New York, Rick est passionné par l'exploration des nouvelles tendances et technologies du design, et repousse constamment les limites de ce qui est possible dans le domaine. Il possède une expertise approfondie des logiciels de conception graphique et est toujours désireux de partager ses connaissances et ses idées avec les autres.En plus de son travail de designer, Rick est également un blogueur engagé et se consacre à couvrir les dernières tendances et développements dans le monde des logiciels de conception graphique. Il pense que le partage d'informations et d'idées est essentiel pour favoriser une communauté de design forte et dynamique, et est toujours désireux de se connecter avec d'autres designers et créatifs en ligne.Qu'il conçoive un nouveau logo pour un client, qu'il expérimente les derniers outils et techniques dans son studio ou qu'il rédige des articles de blog informatifs et engageants, Rick s'engage toujours à fournir le meilleur travail possible et à aider les autres à atteindre leurs objectifs de conception.