Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
João Ribeiro

Min Read

24 novembre 2023

Moodboard : la pause rémunérée du designer

Lors de mon entretien à Imaginary Cloud pour une offre d'emploi de concepteur de produits numériques, on m'a demandé : dur labeur ou inspiration ? Je me suis attardée un peu et j'ai répondu : « Inspiration ».

J'ai obtenu le poste.

L'inspiration c'est le processus qui consiste à être stimulé mentalement à faire ou à ressentir quelque chose, en particulier quelque chose de créatif. Ce n'est pas le contraire de « dur labeur », mais plutôt son état antérieur.

Dans le design numérique, l'heure de l'inspiration s'appelle le mood board.

blue arrow to the left
Imaginary Cloud logo

Qu'est-ce qu'un mood board ?

Un moodboard définit l'apparence d'un produit avant de passer aux outils de conception UI/UX et de concevoir tous les écrans d'interface finaux. Personnellement, je trouve que c'est l'étape la plus intéressante du processus de conception. Que vous l'appeliez « mood board industriel », « mood board de design graphique », « mood board de design de produit » ou toute autre variante, les étapes pour en créer un sont simples, engageantes et libératrices, quel que soit le support.

Dans la pratique, un moodboard est composé d'images individuelles, de gifs ou même de vidéos et d'autres éléments (s'ils ajoutent de la valeur à ce que vous souhaitez communiquer) collectés et sélectionnés à partir d'une recherche antérieure plus large.

Ces recherches peuvent être effectuées par le biais de galeries et d'archives en ligne, mais si vous avez le temps, essayez de vous déconnecter et de visiter les musées, les bibliothèques et les archives municipales. Sinon, vous pouvez simplement sortir et vous inspirer, comme Gaudi le faisait avant de construire la Sagrada Familia.

 Nature as source of inspiration (sagradafamilia.org/geometria)

Les références visuelles du mood board doivent avoir quelque chose en commun et correspondre à un certain style, à un ton, à une voix et à des sentiments spécifiques. Habituellement, les œuvres d'art et de design existantes sont utilisées pour le mood board, mais vous pouvez également utiliser des pièces originales. C'est à vous de décider ce que vous voulez explorer dans chaque cas.

Le éléments graphiques les plus courants dans les moodboards pour les produits numériques sont des couleurs, des polices, des polices de caractères, des photographies, des illustrations, des formes géométriques, des mises en page et des grilles, présentées sur des surfaces telles que des écrans d'interface utilisateur, des packages, des dépliants, des affiches et des journaux.

Mais tu peux sortir des sentiers battus.

Le exemple de moodboard le plus cool Je sais que c'est celui présenté ci-dessous. C'est du designer Tobias Van Schneider pour une chaussure fabriquée à la main !

 Mood board for custom Airmax 1, Tobias Van Schneider

Si vous présentez des éléments visuels extérieurs à votre secteur d'activité, il est plus facile de faire porter la conversation sur l'apparence du produit et non sur des détails spécifiques concernant les écrans de l'interface utilisateur.

À un niveau élevé, un mood board est essentiellement une carte ou un système relationnel, ce qui constitue un exercice créatif très utile pour communiquer un message.

Systèmes relationnels

Chaque mise en page d'un mood board doit exposer les relations de complémentarité entre différents objets afin de construire une idée ou un concept solide.

« En réunissant des projets complètement différents, ils peuvent retrouver un sens qu'ils n'avaient pas seuls. En fin de compte, le plan ne signifie rien en soi, puisque le sens ne se stabilisera que dans la relation/l'association avec d'autres images. Le film ne reproduit pas la réalité, il en crée la réalité. »
— Lev Kuleshov (à propos de l'effet Kuleshov)

Il existe différents modèles de représentation, tels que des atlas, des diagrammes, des cartes visuelles, des storyboards, etc. Il peut également être basé sur différentes valeurs de comparaison, de complémentarité, d'opposition/collision, de dérive et sur des principes essayistes, fictionnels, documentaires et historiques.

Dans le domaine des arts visuels, l'Atlas Mnemosyne, réalisé par Par Warburg entre 1924 et 1929, est une référence incroyable de ce que peut être un système relationnel. Il a changé la façon dont nous comprenons les images, l'art et, en particulier, la mémoire inconsciente.

View of the exhibition "Aby Warburg. Mnemosyne Bilderatlas", ZKM | Center for Art and Media Karlsruhe, 2016 © ZKM | Center for Art and Media Karlsruhe, Photo: Tobias Wootton

Mnemosyne Atlas board example

« Lorsque nous plaçons différentes images ou différents objets (des cartes à jouer, par exemple) sur une table, nous sommes libres de modifier constamment leur configuration. Nous pouvons faire des piles ou des constellations. Nous pouvons découvrir de nouvelles analogies, de nouvelles trajectoires de pensée. En modifiant l'ordre, nous pouvons arranger les choses pour que les images prennent position. Un tableau n'est pas fait pour classer définitivement, pour faire un inventaire exhaustif ou pour cataloguer une fois pour toutes — comme dans un dictionnaire, une archive ou une encyclopédie — mais plutôt pour rassembler des segments, ou morceler le monde, tout en respectant sa multiplicité et son hétérogénéité — et pour donner de la lisibilité aux relations sous-jacentes. »
— Georges Didi-Huberman (2011), « Atlas — Comment porter le monde sur son dos »

André Malraux in the process of selecting images for the book Le musée imaginaire de la sculpture mondiale

Les systèmes relationnels sont également une pratique courante dans le domaine de l'investigation et de l'espionnage. L'industrie du cinéma et des émissions de télévision nous l'a si bien montré, comme en témoignent les exemples ci-dessous, pour n'en citer que quelques-uns :

Everything is Illuminated (2005)

True Detective (2014)

Ce n'est pas que cela, le temps consacré au mood board vous aide à devenir un meilleur designer et à avoir une vie professionnelle plus équilibrée.

Dans les agences ou les studios, où les gens travaillent sur différents projets en même temps et avec des délais constants, vous pouvez facilement vous inquiéter ou vous ennuyer. Surtout si vous êtes bloqué devant un écran vide.

Le mood board est la pause rémunérée dont nous avons tous besoin.

Cela vous donne le temps de vous vider l'esprit, de ralentir votre rythme effréné, de vous mettre à jour et de profiter de la découverte de nouvelles œuvres d'art et de design.

Sinon, vous ne feriez que reproduire des cadres et recycler les mêmes approches stylistiques d'un projet à l'autre, car c'est plus rapide, moins cher et plus sûr.

Mais tout n'est pas rose. Parfois, lorsque le mood board fait appel à une interprétation plus abstraite, il est difficile pour certains clients d'en parler et de reconnaître son utilité. Ils ne comprennent pas pourquoi ils voient une sculpture de Michel-Ange lorsque vous parlez de produits numériques. Et c'est juste, car personne ne fera la même interprétation de cette image.

En tant que concepteurs UI/UX, il est de notre rôle de présenter le livrable de manière à ce que le client puisse le comprendre. Demandez-leur de commenter le moodboard et observez leurs réactions pour avoir des idées et des commentaires sur l'apparence du produit qu'ils proposent.

Partagez vos références visuelles, votre culture, vos histoires, mais soyez également ouvert à l'apprentissage et à l'écoute. En fin de compte, c'est le partage d'expérience qui compte vraiment.

Une fois le mood board approuvé, vous disposez déjà d'une feuille de route créative pour vous aider à prendre de meilleures décisions en matière de conception lors de la phase d'interface utilisateur graphique (GUI).

Ne travaillez pas dur. Embauchez des expérimentés Professionnels de la conception UI/UX qui peut raccourcir vos délais de mise sur le marché et améliorer l'adoption par les utilisateurs dès le premier jour. Parlez avec nous!

Ready for a UX Audit? Book a free call

Vous avez trouvé cet article utile ? Ceux-ci vous plairont peut-être aussi !

blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
blue arrow to the left
Imaginary Cloud logo
João Ribeiro
João Ribeiro

Je m'inspire des références culturelles pour les canaliser à travers le design. C'est aussi un cliché, mais c'est le but des biographies.

Read more posts by this author

People who read this post, also found these interesting:

arrow left
arrow to the right
Dropdown caret icon