Le moodboard, ou planche de tendances / tableau d'inspiration en français, est un panorama d'éléments d’inspiration. Les éléments qui sont sélectionnés sont en lien avec une thématique particulière à votre projet, marque ou entreprise. Il peut s'agir de page de magazines, de captures d'écran de site, d'images, de dessins, de mots, des schémas, etc. Son but est d'exposer et montrer une sélection d'idées créatives et des concepts, afin de définir un choix artistique pour la suite de la conception de votre projet. Le moodboard correspond à un benchmark UI.
Le processus de catalogage permet de lister des idées créatives, trouver des sources d'inspirations, mais aussi d'avoir une base commune sur laquelle discuter et itérer avec les clients. Ici, avant de parler pixel ou technique, on veut faire ressortir l’émotion, le ressenti. Cette phase n'est pas à prendre à la légère : elle vous fera gagner en temps et en efficacité lors de la phase de la direction artistique et plus tard de production des maquettes graphiques lors des sprints UI.
01
Moodboard et recherche graphique
Pour que le moodboard soit suffisamment riche, une étape d'exploration est indispensable. Avant de commencer vos recherches, lister une série de mots-clés correspondants au projet, aux envies et objectifs de votre client. Ces derniers vous serviront de base pour lancer vos recherches sur certains sites. De nombreux sites tels que Pinterest, Awwwards, Dribbble, Instagram ou encore Behance constituent une base de recherches de premier niveau intéressante. Bien évidemment, il est tout à fait possible de prendre en photos des éléments extérieurs (bâtiments, nature, art, etc) ou de trouver son inspiration dans des brochures, des livres; etc. Toutes les sources d'inspirations peuvent être intéressantes. Lors de cette phase, il est important de ne pas se restreindre et de mettre toutes vos idées : le tri de vos éléments se fera dans un second temps.
02
Regrouper et trier ses inspirations
Une fois toutes les inspirations rassemblées, il faut les catégoriser par thématique/style graphique afin d'avoir plusieurs pistes différentes à proposer. Cette étape sert également à supprimer les éléments de votre moodboard qui sont en dehors du périmètre du projet. C'est pourquoi il est nécessaire de relire régulièrement votre liste de mots-clés afin de s'assurer que vous ne déviez pas trop du sujet principal. Là encore, plusieurs outils peuvent être utiles : Miro, Milanote, tableaux Pinterest.
03
Présenter et sélectionner des pistes
Lors de la présentation aux clients, mettez en place un système de votes (par pastilles, gommettes, ...) et animez les échanges. Cette phase va vous aider à mieux comprendre les attentes concernant l'image du futur produit, mais également de connaitre le périmètre graphique pour la phase de direction artistique. Vous pouvez prioriser les choix et préférences de vos collaborateurs. Exemple : pastille rouge : éléments hors scope ou qui ne plaisent pas; pastille verte : éléments à conserver; pastille orange : éléments potentiellement intéressants mais à retravailler. Durant cette troisième étape, gardez un esprit ouvert. En effet, vos collaborateurs peuvent avoir un avis divergeant au vôtre, c'est pourquoi il est important de prendre en compte leurs avis et les récolter. L'appropriation est à travaillée dès cette phase de mise en commun.
04
Finalisation du moodboard
Une fois votre itération terminée, dupliquez votre espace de travail (il est important de toujours garder une ancienne version de son travail, au cas où vos collaborateurs/clients souhaitent retourner sur un point précis). Afin de consolider votre travail, supprimer les éléments qui n'ont pas suscité d'intérêt. Essayer de regrouper les éléments qui ont noté favorables afin de mettre en place deux à trois styles différents. Donner un titre et une description pour décrire votre concept. Exemple : Proposition n°1 : Floral. Éléments naturels, avec des branches, des feuilles et éléments fleuris. Nature, simplicité, sobriété.
Une fois votre moodboard consolidé, pensez à le faire valider auprès de vos collaborateurs/clients, afin de vous assurer que les pistes retenues sont claires et validées. Vous avez à présent un moodboard correctement enrichi et complet, qui vous permettra de démarrer votre phase de direction artistique plus sereinement.
Un moodboard est un collage d'images, de couleurs, de typographies et de textures qui capture l'ambiance, le style et les émotions qu'on cherche à produire pour un projet. Il sert à aligner les parties prenantes sur une direction créative avant de commencer la conception. Ce n'est pas un prototype ni une maquette : c'est un outil de communication sur l'intention esthétique et émotionnelle d'un projet.
Il permet de valider la direction créative très en amont, avant d'investir dans la production de maquettes. Il aligne le client ou les parties prenantes sur l'ambiance visuelle souhaitée et réduit les risques de désaccord lors de la présentation des premières maquettes. Il sert aussi de référence interne pour l'équipe design pendant la production : quand on hésite entre deux solutions visuelles, on revient au moodboard pour vérifier laquelle est la plus cohérente avec l'intention initiale.
On part des mots-clés qui définissent l'identité ou l'ambiance recherchée, puis on collecte des images, des typographies, des palettes de couleurs et des exemples d'interfaces qui évoquent ces mots-clés. On l'organise de façon cohérente : un moodboard lisible a un fil directeur visuel, pas juste une accumulation d'images. Des outils comme Pinterest, Are.na ou simplement Figma permettent de collecter et de composer. On en présente généralement 2 à 3 directions différentes pour permettre aux parties prenantes de choisir ou de combiner.
Le moodboard est une étape amont de la charte graphique. Il explore des directions créatives en mode « inspirationnel » avant que les choix ne soient formalisés. La charte graphique formalise les décisions prises : couleurs précises (codes hexadécimaux), typographies retenues (familles, tailles, graisses), règles d'usage du logo. Un moodboard peut exister sans donner lieu à une charte (pour un projet ponctuel) ; une charte est toujours construite à partir d'une direction créative, formalisée ou non sous forme de moodboard.
Les deux, selon le contexte. Pour un client, c'est un livrable intermédiaire qui sert à valider une direction avant d'aller plus loin. Pour l'équipe, c'est un outil de travail et de référence continue pendant la production. Il est utile de le garder accessible (épinglé dans l'espace de travail Figma, par exemple) pour que chaque décision visuelle puisse être évaluée à l'aune de l'intention initiale.
Un benchmark consiste en l’exploration des tendances actuelles en matière d’usage, de fonctionnalités et de design : les bonnes et mauvaises idées.
En savoir plus sur BenchmarkLa charte graphique rassemble les règles visuelles d'une marque : couleurs, typographies, logo, et les usages autorisés ou proscrits pour chacun.
En savoir plus sur Charte graphiqueTout 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.
