Le moodboard en UX-Design: Enflammez la passion chez vos utilisateurs

Theo Gosselin

Le moodboard en UX Design

Vous connaissez ce sentiment, celui qui glisse sur vous comme la pluie en été, vous faisant frémir d’émotion. Il survient lorsque vous êtes aveuglés par quelque chose de puissant,
peut-être quelque chose de votre passé. C’est complètement hors de votre contrôle. 

Il peut arriver partout :

Un bébé dans les bras de sa jeune mère peut vous rappeler votre premier enfant;
Ecouter une chanson peut faire resurgir le souvenir de la première fois où vous l’avez entendue lorsque vous étiez jeune et amoureux; éventuellement, un documentaire évoquera en vous la vision sombre du futur de la Terre.

L’UX design

Il s’agit d’une représentation web de ces images et sentiments.
En tant que designer, vous avez le pouvoir d’atteindre les utilisateurs au-delà de l’utilisabilité et de l’accessibilité. Parlons d’émotion. Une façon de générer de l’émotion est de créer (et d’utiliser) un moodboard pour vos designs. Creusons !

Qu’est-ce qu’un Moodboard ?

Voici une définition que vous pourriez trouver dans un dictionnaire d’UX :
“Un ensemble d’éléments destinés à communiquer le style, la voix, la direction et le langage d’une conception particulière, d’une marque ou d’un projet.” 

 
Theo Gosselin

Éléments standard d’un moodboard

Mais il y a plus que cela, les moodboards peuvent être utilisés pour communiquer sur le principe le plus important du design : l’émotion. Qu’est-ce que vos utilisateurs vont ressentirent lorsqu’ils vont utiliser votre produit?

Utilisez les moodboards pour enflammer la passion

Utilisez vos moodboards pour cibler une réponse émotionnelle.

  • Un bon moodboard, se penchera sur les indices stylistiques qui définissent une expérience produit. Un excellent moodboard définit une expérience émotionnelle – tout le reste est simplement là pour soutenir cette expérience.
  • Déterminez ce que vous souhaitez que vos utilisateurs ressentent, et planifiez en conséquence. Vous pouvez associer les images, les couleurs, le langage, et les indices stylistiques d’une manière telle que vous suscitez la réponse émotionnelle précise que vous souhaitez.
  • Au delà de l’émotion, Kevin Suttle parle des “formules mathématiques pour la beauté », et comment elles favorisent la facilité d’utilisation en influençant le degré auquel les utilisateurs veulent interagir avec quelque chose.

Appliquez ces principes lorsque vous créez vos moodboards.

Theo Gosselin
Une séléction d’un moodboard

L’image ci-dessus illustre comment obtenir la réponse émotionnelle souhaitée.
Au moment où le moodboard est créé, la recherche UX a identifié le besoin de parler à l’utilisateur à un niveau personnel, pour les attirer dans la politique discutée sur le site.

Vous pouvez remarquer le côté personnel de la bio de l’auteur, avec la photo, la police sans-serif – une police beaucoup moins formelle que les traditionnelles polices serif utilisées dans les autres blogs politiques. Le call to action proposé à la fin invite le lecteur à « rejoindre la cause » dans le but de créer un lien.

Comment savoir si vous le faites correctement?
Vous avez ciblé une réponse émotionnelle. Vous avez associé des images, le style de police, le style de paragraphe, les couleurs, et maintenant?
Comment savoir si vous avez répondu à vos objectifs de manière appropriée?
Vous pouvez (ou plutôt vous devriez) montrer votre moodboard aux parties prenantes afin de récolter des opinions. Mais en quoi ces retours vont vous permettre de connaître votre capacité à faire ressurgir la bonne émotion? Il pourrait être difficile pour les parties prenantes de visualiser le produit fini uniquement à partir du moodboard.

 

Theo Gosselin

Une maquette d’un article de blog pour un moodboard

 

Afin de veiller à ce que votre moodboard véhicule la bonne réponse émotionnelle. Il peut être intéressant qu’un graphiste désigne une page en utilisant les éléments que vous avez ajouté à votre moodboard.
Ainsi, vous aurez un exemple sur lequel vous appuyer pour étudier la réponse émotionnelle des parties prenantes, de vos collègues et des utilisateurs potentiels.
Ensuite, il vous suffira d’effectuer des changements pour compenser les écarts de réponse.
Et voilà ! Vous pouvez maintenant avoir confiance dans votre moodboard qui vous permettra de développer l’émotion recherchée.

 

Conclusion : Design pour Emotion

 

La prochaine fois que vous travaillez sur un moodboard, demandez-vous : Suis-je en train de désigner pour des émotions? La différence entre un bon design et un superbe design à couper le souffle, est souvent une question d’émotion.
De même, la différence entre un bon UX designer, et un très très bon UX designer ne se définit pas uniquement dans sa capacité à simplifier et à optimiser l’expérience utilisateur mais aussi dans la capacité à évoquer une profonde émotion chez l’utilisateur.
Appliquez ce conseil partout où vous pouvez. Ce sera payant !

Traduction de l’article Mood Boards In UX Design: Ignite Passion In Your Users
 
Edna Malka, UX-Evangelist –  Fondation UXLab @UX-Republic