Conseils pour une demande de subvention gagnante

Introduction

Pendant que nous nous installons, je vais présenter brièvement le Dr Matsushima avant d'entrer dans le vif du sujet. Nous sommes ravis que vous soyez si nombreux aujourd'hui. Si vous ne voyez pas le nombre de participants, sachez que plus de 2 000 personnes se sont inscrites à ce webinaire. Vous êtes donc en excellente compagnie, et beaucoup ressentent probablement les mêmes difficultés et le même stress que vous. Nous pouvons donc compatir et nous soutenir mutuellement dans ce processus parfois éprouvant qu'est la demande de subvention, tout en rendant la journée un peu plus agréable grâce à quelques conseils. 

Je suis Shiz, cofondatrice de BioRender, et je suis également illustratrice médicale. Une équipe fantastique m'accompagne pour gérer le chat Zoom. Si vous avez des questions, n'hésitez pas à les poser, et nous y répondrons en conséquence. Le Dr Danielle Matsushima nous rejoint depuis l'université Columbia. C'est une amie de longue date et une fidèle de BioRender, qui défend une communication scientifique claire et efficace, et qui partage toujours son expertise avec une grande générosité.

Elle est actuellement directrice de la recherche et des initiatives stratégiques à l'Institut médical de l'université Columbia, où elle facilite la recherche biomédicale de haut niveau auprès des professeurs, des étudiants et du personnel. Son travail aide aussi bien les chercheurs principaux expérimentés que ceux qui déposent une demande pour la première fois, qu'il s'agisse d'étudiants diplômés ou de personnes ayant une échéance proche. Même si vous cherchez simplement à améliorer votre communication scientifique, Danielle partagera de précieux conseils tout au long de ce webinaire. Je lui laisse donc la parole pour commencer, et je prendrai le relais dans la seconde moitié.

Section du Dr Danielle Matsushima

Merci Shiz pour cette merveilleuse introduction.

Je suis ravie de co-présenter avec vous aujourd'hui. J'espère que tout le monde voit mon écran. Parfait. Aujourd'hui, nous allons aborder les meilleurs conseils pour une proposition de subvention gagnante. Comme Shiz l'a dit, je suis Danielle Matsushima, directrice de la recherche et des initiatives stratégiques au bureau de la recherche de la faculté de médecine de Columbia.

Je tiens à préciser d'emblée que je ne suis pas illustratrice scientifique. Shiz apporte une grande expertise en design, mais je dirige une équipe de professionnels du développement de la recherche qui aide le corps professoral à élaborer des stratégies pour créer des propositions de subvention convaincantes. Depuis 2016, nous avons aidé nos chercheurs à obtenir plus de 280 millions de dollars de financements. J'ai donc lu des centaines de dossiers et j'espère partager avec vous les enseignements que j'en ai tirés. Nous aborderons aujourd'hui des conseils conceptuels : comprendre votre public, les meilleures pratiques pour présenter des données et les erreurs courantes dans les figures. Shiz approfondira ensuite l'aspect design : utiliser des visuels pour renforcer votre récit, privilégier la clarté à l'esthétique et utiliser la couleur comme un outil puissant. Pourquoi sommes-nous ici aujourd'hui ? Nous voulons comprendre comment rendre nos propositions plus convaincantes. L'objectif ultime d'une subvention est de convaincre les évaluateurs et le bailleur de fonds que votre projet est significatif, innovant, bien planifié et qu'il a le potentiel d'avoir un impact majeur sur le domaine. Les personnes que vous devez convaincre sont les évaluateurs. Ce sont des gens extrêmement occupés et parfois très distraits. Ce sont des scientifiques, mais aussi des cliniciens qui voient des patients. Ils dirigent peut-être leur propre startup en plus de leur laboratoire, rédigent leurs propres subventions et manuscrits. Ils sont parents, ont des loisirs, ils sont très, très occupés. Et pour couronner le tout, nous vivons à l'ère numérique où nous sommes tous inondés d'informations, que ce soit par le format numérique ou les médias. Nous sommes en période de surcharge informationnelle. Comme ils sont occupés et distraits, il est crucial que le message de nos subventions soit aussi clair et limpide que l'eau de cette montagne, n'est-ce pas ? Et nous voulons nous assurer que nos subventions et nos figures soient aussi agréables que cette vue sur la montagne. D'accord ?

L'un des moyens de favoriser l'obtention de subventions et de s'assurer que votre message est clair et percutant consiste à inclure des visuels pour aider le relecteur à mieux comprendre votre proposition.

Pourquoi utiliser des visuels dans vos demandes de subvention ? Ils permettent aux évaluateurs de visualiser concrètement ce que vous proposez. Ils facilitent la compréhension des concepts scientifiques ou des données, démontrent la faisabilité du projet, peuvent susciter un biais favorable, créent une bonne première impression et, espérons-le, convainquent le relecteur de financer vos travaux. 

Alors, quand faut-il utiliser une figure ?

Utilisez une figure si elle apporte une réelle valeur ajoutée et clarifie votre propos. C'est particulièrement utile si vous proposez un modèle conceptuel complexe : un schéma peut alors illustrer la manière dont les différentes parties de votre projet s'articulent. Inclure une figure pour présenter la logique de votre conception expérimentale ou votre approche peut également s'avérer très efficace. Utilisez une figure si elle permet de simplifier des descriptions textuelles ; par exemple, si vous avez une longue liste d'éléments, un tableau sera plus lisible et prendra moins de place. Utilisez une figure pour souligner le caractère novateur de votre projet ou pour démontrer sa faisabilité, comme avec des données préliminaires. Enfin, intégrez-en une si elle permet de mettre en évidence des objectifs clés ou d'illustrer des interactions complexes au sein de l'équipe ou la diversité des parties prenantes.

Maintenant que nous avons vu le « pourquoi » et le « quand », passons au « comment ». Il existe plusieurs façons de présenter des concepts et des données dans une demande de subvention, et beaucoup d'entre vous en ont certainement déjà utilisé. Les schémas conceptuels, qui combinent mots et visuels pour transmettre une idée globale, sont excellents pour donner une vue d'ensemble de votre projet, par exemple sur votre page d'objectifs spécifiques ou dans la section contexte ; ils permettent aussi de montrer comment les différents objectifs s'articulent autour du but final. Les organigrammes illustrent un processus ou une hiérarchie au sein d'une équipe. Les diagrammes d'interaction sont parfaits pour montrer les relations entre des variables. On trouve aussi couramment des diagrammes circulaires, des diagrammes de Venn, des réseaux de nœuds ou d'interactions. Les diagrammes géospatiaux sont utiles pour situer des données sur une carte. Les graphiques, que vous connaissez bien, sont idéaux pour présenter des données relationnelles sur des axes : histogrammes, diagrammes circulaires, courbes, nuages de points, etc. Un tableau permet d'organiser les données par catégories, et vous pouvez utiliser des nuances et une mise en forme spécifique pour mettre en évidence les aspects clés que vous souhaitez souligner. Les chronologies montrent la progression des tâches, et un diagramme de Gantt, en particulier, permet de visualiser ces activités dans le temps. Enfin, les images offrent une représentation concrète de ce que vous voulez démontrer. Il existe bien d'autres possibilités, mais voici quelques exemples que j'ai souvent rencontrés dans les dossiers sur lesquels j'ai travaillé. 

Pour conclure, tout comme dans la partie introductive de cet exposé, je souhaite présenter quelques principes de design que j'appliquerai tout au long de la suite. Le premier est la couleur. Nous sommes tous familiers avec elle, puisque nous apprenons à distinguer les couleurs dès notre plus jeune âge. La couleur est un outil puissant pour mettre en valeur certains aspects d'une figure : elle attire le regard, permet de regrouper des éléments, crée des liens entre des variables et définit l'ambiance. À l'inverse, des couleurs mal choisies peuvent détourner l'attention du message principal. Soyez donc très attentifs à vos choix. L'alignement désigne la disposition des éléments par rapport à une grille visible sur la page. Notre cerveau est programmé pour repérer les motifs ; vous remarquerez donc immédiatement si un élément n'est pas aligné, comme le troisième point ici. La proximité suggère que les éléments proches les uns des autres sont liés. Regardez le groupe de formes à gauche : même si le triangle, le pentagone, le carré et le cercle sont différents, leur proximité physique nous pousse à les percevoir comme un ensemble. Enfin, l'équilibre est cette notion de poids égal de part et d'autre d'un axe. Si nous tracions une ligne entre ces deux groupes, vous verriez que malgré la différence des formes, il existe un équilibre visuel.

Le contraste définit la différence visuelle entre les éléments. Il ne s'agit pas seulement de noir et blanc ; vous pouvez aussi jouer sur le contraste des couleurs en fonction de leur position sur le cercle chromatique. Le contraste est essentiel lorsque vous voulez montrer une différence marquée entre deux variables. Il aide également à créer une unité visuelle en attirant l'attention sur les éléments que vous souhaitez mettre en avant.

L'espace négatif, ou espace blanc, permet à l'œil de respirer. L'espace se divise en aspects positifs et négatifs. L'espace positif est l'espace occupé par les éléments, comme ce cercle. L'espace négatif est le vide qui l'entoure. Cet espace est crucial pour aérer votre composition et laisser les éléments respirer.

L'emphase est un élément de design obtenu en combinant d'autres principes, comme le contraste et la couleur. Elle sert à diriger naturellement le regard vers une zone spécifique du visuel.

Le flux correspond à l'ordre dans lequel l'information est assimilée ou traitée. La hiérarchie visuelle consiste à organiser les éléments pour indiquer leur importance. Elle guide la lecture du visuel. Par exemple, cette ligne épaisse en haut est immédiatement perçue comme plus importante que la ligne fine en bas. Maintenant que nous avons posé ces bases, je vais vous présenter six conseils pour intégrer ces principes de design dans vos visuels scientifiques. Le premier conseil : utilisez la couleur pour expliquer les relations.

Vous connaissez tous le cercle chromatique appris à l'école. Nous pouvons utiliser des couleurs situées à différents endroits pour expliquer les relations entre des variables. Par exemple, le bleu et l'orange, situés de part et d'autre de cette ligne, sont opposés sur le cercle chromatique. Nous pouvons utiliser ces couleurs pour suggérer une relation d'opposition entre deux variables. Voici un modèle BioRender d'un cycle de vie viral : le virus est en orange et la cellule hôte en bleu. En utilisant ces couleurs contrastées, on suggère immédiatement que la particule virale envahit la cellule hôte. Nous illustrons ainsi une relation d'opposition.

La couleur permet aussi de regrouper ou de séparer. Dans ce modèle, il y a trois voies de signalisation : PI3K, et JAK-STAT. Plutôt que d'utiliser deux couleurs opposées, nous pouvons utiliser une triade, c'est-à-dire trois couleurs équidistantes sur le cercle chromatique. Ici, ce sont des couleurs secondaires : violet, vert et orange. Cela permet de distinguer clairement les trois voies. D'autres principes de design entrent en jeu : au sein d'une même voie, par exemple la voie violette, toutes les protéines sont d'une nuance de violet similaire. Elles sont proches les unes des autres et alignées selon le flux des flèches. Grâce à ces éléments, on comprend immédiatement que ces protéines appartiennent à la même voie. Vous pouvez appliquer ce schéma de triade à vos propres données.

Dans cet histogramme, vous pourriez supposer que les trois barres n'ont aucun lien entre elles à cause du choix des couleurs, si nous utilisons trois couleurs opposées sur le cercle chromatique. Cela pourrait suggérer qu'elles sont totalement différentes ou qu'elles proviennent d'organismes modèles distincts. En revanche, si nous utilisons des nuances d'une même couleur, comme le bleu, vous supposerez instinctivement qu'il existe un lien entre ces trois barres. Il pourrait s'agir de différentes concentrations d'un médicament ajouté à une culture cellulaire, ou de sous-populations d'un organe que vous comptez.

Nous conseillons souvent d'utiliser la couleur de manière cohérente pour mettre l'accent sur certains points. Voici un article du laboratoire Minta à Columbia sur la régulation circadienne du découplage mitochondrial et la durée de vie. Dans ce panneau, elle présente un schéma des protéines de l'horloge et du cycle, et la manière dont elles régulent « timeless » et « period » dans une boucle de rétroaction négative. Elle a associé les protéines « clock » et « cycle » à des couleurs chaudes (orange et jaune) pour celles qui sont fortement exprimées pendant la journée, quand il fait plus chaud. Pour la nuit, elle utilise des couleurs froides (vert et bleu) pour indiquer les protéines régulées à la hausse ou exprimées à ce moment-là. Elle a conservé ce code couleur dans le reste de la figure, notamment pour les courbes de survie des mouches mutantes comparées au témoin. Grâce à cela, il est très facile de comprendre que la courbe jaune correspond à « cycle » par rapport au témoin.

Elle a également choisi de représenter la courbe de survie du témoin en noir, ce qui sert de point de référence neutre. Il est ainsi très facile de voir si la courbe du mutant s'est décalée vers la gauche ou vers la droite par rapport au témoin. Le message est clair et immédiatement compréhensible.

La couleur peut être un atout ou un obstacle. Beaucoup d'entre vous reconnaissent cette carte thermique (heatmap), où l'expression des gènes est représentée par l'intensité de la couleur : le rouge pour une régulation à la hausse et le vert pour une régulation à la baisse. Cependant, si vous êtes daltonien (rouge-vert), vous ne pouvez pas interpréter ces sections. L'information est perdue. Si nous changeons le code couleur pour un mélange de rouge, jaune ou bleu, et que nous supprimons les lignes grises uniformes entre les sous-panneaux pour créer plus d'espace négatif, l'œil peut se concentrer sur chaque sous-panneau, comprendre ce qui s'y passe, et saisir le message de l'auteur.

Troisième conseil : disposez les informations dans un ordre logique. Voici une figure issue d'une demande de subvention complexe, réalisée par Stephanie Makinson et Claudia Constantino de mon équipe pour le Dr Ani à Columbia. Ce projet comportait quatre pôles : administratif, biospecimens, analyse biologique et analyse de données. Nous voulions montrer le flux des échantillons et des données entre ces pôles. Dans le monde occidental, nous lisons de gauche à droite et de haut en bas, et nous sommes habitués au mouvement des aiguilles d'une montre. Ce sont des chemins de lecture naturels. Comme vous le voyez avec les flèches, nous avons utilisé ces habitudes pour représenter le flux d'informations. Ce type de figure est très apprécié des relecteurs. Nous avons d'ailleurs reçu ce commentaire : « La figure 1 est particulièrement utile pour mettre en évidence les interactions vitales entre les divers éléments de l'effort de recherche global, ainsi qu'avec le NIH et la communauté scientifique au sens large. » C'est un excellent retour : cela ne nous a pas pris beaucoup de temps à réaliser, et cela a clairement démontré ce que nous proposions dans cette demande.

Mon quatrième conseil est de désencombrer autant que possible. Combien d'entre vous ont déjà vu un paillasse de laboratoire comme celle-ci ? C'est surchargé, difficile de trouver ce dont on a besoin, il y a des flacons et des tubes inutiles. Si vous rangez tout cela, en éliminant ce qui ne sert pas, la paillasse est beaucoup plus propre et il est plus facile de trouver sa pipette ou ses outils. Il en va de même pour les figures : simplifiez au maximum pour réduire la charge cognitive et l'effort que vous demandez aux relecteurs pour comprendre votre visuel.

Dans cette figure, il y a trop d'éléments. Votre regard saute entre les couleurs contrastées rouge et bleu. Il y a des lignes inutiles, comme les contours des barres. Ces lignes noires n'apportent aucune information.

Elles ne nous apprennent rien, elles ne font qu'inonder nos yeux d'informations inutiles. La légende n'est pas placée là où vous regardez les données, et l'orientation de l'axe des abscisses est difficile à lire : elle est en diagonale au lieu d'être horizontale. Si nous nettoyons tout cela, en mettant la couleur témoin en noir pour bien la distinguer du groupe « knockout », en supprimant les contours, en changeant l'orientation du texte et en déplaçant la légende là où l'œil regarde naturellement les données, il devient beaucoup plus facile de comprendre la relation entre le témoin et le knockout conditionnel hypothétique dans ces conditions.

Mon cinquième conseil est d'optimiser les titres de vos figures. N'oubliez pas que vos relecteurs sont des personnes très occupées. Pour leur faciliter la tâche, assurez-vous d'énoncer la conclusion directement dans le titre de la figure. Voici la même figure que celle présentée précédemment, cette fois dans son intégralité. Voici un exemple de titre qui n'apporte aucune information réelle : il indique simplement qu'il s'agit d'un diagramme de la boucle de rétroaction transcriptionnelle de l'horloge circadienne et que les courbes de survie comparent un groupe témoin et un groupe à horloge conditionnelle. La conclusion n'y figure pas. En revanche, ce qui a été publié est : « La perte du bras répressif de l'horloge circadienne transcriptionnelle prolonge la durée de vie des mâles ». Le message clé est présent. Les relecteurs liront ce titre, examineront les données en se disant qu'ils doivent confirmer cette affirmation, et retiendront ainsi le message global.

Mon dernier conseil est que le choix de la police envoie un message. La police que vous choisissez compte. La police que vous choisissez compte. La police que vous choisissez compte. Voici un exemple clair montrant que l'utilisation du gras et des majuscules dans certaines zones affecte nettement la lisibilité, le ton et le niveau de professionnalisme. Cette diapositive est tirée d'un ouvrage sur la conception de présentations scientifiques et illustre ce qui est lisible en haut par rapport à ce qui est illisible en bas. Je voulais rapidement montrer que le gras en haut est utile pour mettre l'accent, tandis qu'un texte simple convient au corps du texte. Les majuscules en gras sont adaptées aux titres. Enfin, tout en bas à droite, les éléments illisibles sont à proscrire. Vous pouvez appliquer cette hiérarchie textuelle pour guider le lecteur et mettre l'accent sur les points importants.

Voici un exemple de mise en forme excessive où l'on ne sait pas sur quoi se concentrer. Voici une version épurée, débarrassée du superflu, où seul le message clé est en gras, ce qui attire automatiquement le regard. Vous pouvez également utiliser la hiérarchie textuelle pour la navigation et l'emphase. Sur la même figure que précédemment, pour les différents pôles (administratif, biospecimens), nous avons utilisé le gras pour les éléments moins importants, le texte normal pour les activités de chaque pôle, et l'italique pour indiquer une action en cours.

Pour conclure cette session, je souhaite vous laisser quelques conseils sur ce qu'il faut éviter et retenir. Concernant les données, veillez à ne pas en inclure trop. Les relecteurs se perdront et le message ne sera pas clair. Cependant, assurez-vous d'en inclure suffisamment, car dans le cas contraire, la faisabilité ne sera pas démontrée.

Assurez-vous que les données et la figure se trouvent là où vous les commentez dans le texte. Pour les figures et les légendes, la police est souvent trop petite ; nous recommandons une taille 9. Veillez à ce que vos figures soient en haute résolution et assurez-vous, lors de vos révisions, que la numérotation des figures est cohérente tout au long de la demande.

En matière de mise en forme, nous voyons souvent trop d'éléments. Utilisez le gras et l'italique uniquement lorsque c'est nécessaire et assurez-vous d'une utilisation cohérente. Tous les titres et sous-titres doivent être uniformes. Pour les messages clés, harmonisez les couleurs dans toute la proposition, allouez de l'espace aux figures, utilisez des espaces blancs, positionnez les informations dans un ordre logique, désencombrez les visuels et mettez en évidence la conclusion. Utilisez une mise en forme cohérente pour les titres des figures. En fin de compte, vos propositions sont votre image de marque. Vos choix, qu'il s'agisse d'inclure de la couleur, des visuels ou des espaces négatifs, ont un réel impact sur le message que vous tentez de communiquer. J'espère que ces choix vous aideront à convaincre les relecteurs de l'importance de votre projet et à défendre votre travail.

C'est formidable, car vous avez parfaitement introduit ma partie de l'exposé, et certains points approfondiront les théories que vous avez abordées ici. 

Section de Shiz Aoki

Je vais partager mon écran. Bien sûr, j'utiliserai BioRender, mais cela pourrait être n'importe quel outil : PowerPoint, Adobe Illustrator. Certains des conseils que je vais aborder sont indépendants de l'application. L'idée est que vous puissiez repartir avec des conseils de conception applicables non seulement aux subventions, mais aussi aux présentations, aux affiches, à votre thèse, à vos pitchs, etc.

Nous avons également un mode présentation, mais je pense que je vais procéder ainsi. Très bien, j'espère que vous voyez mon écran et que vous m'entendez bien.

Parfait. Oh, au fait, j'ai oublié de mentionner que nous organisons un petit concours. Vous n'êtes pas obligés de participer tout de suite, mais d'ici la fin de la journée, nous offrirons ces t-shirts très élégants. Si vous souhaitez tweeter ou publier sur LinkedIn votre conseil préféré appris aujourd'hui, nous tirerons au sort trois à cinq noms à la fin de la journée. Il existe d'autres moyens de gagner un t-shirt, dont je vous parlerai à la fin de ce webinaire. Restez à l'affût des conseils qui vous semblent utiles. 

Approfondissons les conseils de conception pour les figures de subventions. Encore une fois, c'est parfait car le Dr Matsushima a très bien préparé le terrain. Voici les cinq conseils que je vais aborder. Ils porteront sur la clarté par rapport à la « beauté », comme si ces deux notions étaient mutuellement exclusives. Pensez au manuel IKEA. Je vous expliquerai pourquoi. Le deuxième point concerne les mises en page simples et l'ordre de lecture, ce qui est très important. Le troisième point est de considérer la couleur comme un surligneur, comme le Dr Matsushima l'a si bien décrit. Le quatrième point concerne les flèches : utilisez-les avec parcimonie et de manière cohérente. Le cinquième point est le contexte : assurez-vous que votre contenu est adapté au contexte ou au public. Nous avons déjà abordé certains de ces conseils dans d'autres webinaires, mais ils restent cruciaux et constituent toujours l'une des erreurs de conception les plus fréquentes dans les figures de subventions et les publications. Nous en avons des retours directs de la part des éditeurs et des relecteurs. Nous sommes donc là pour vous aider à éviter ces erreurs. 

La clarté avant la beauté

Le premier conseil sur lequel je vais m'attarder est la clarté plutôt que la « beauté ». Bien que nous pensions qu'être clair est beau, pensez au manuel IKEA. Voici une image que j'ai créée il y a plusieurs années pour un manuel de chirurgie. J'en étais très fier. J'avais intégré toutes les textures et l'anatomie de la main. Je travaillais avec un chirurgien plasticien de l'Université du Maryland et je pensais que cette pièce était excellente, qu'elle serait publiée et informative. Avec le recul, à mes débuts en tant qu'illustratrice médicale, j'essayais de mettre en avant toutes mes compétences en design. Il s'est avéré qu'une description plus simple aurait été préférable. Mon ego en a pris un coup, mais parfois, une image plus simple est plus descriptive. C'était une bonne exploration des textures et du dessin à la plume, mais j'aurais peut-être dû commencer par montrer un avant/après. 

Les manuels IKEA montrent généralement le produit fini, puis les étapes 1, 2, 3. Pensez à cela. Mettons de côté notre ego et nos conceptions de la beauté pour privilégier la clarté sur l'aspect décoratif. Dans ce cas précis, il s'agissait simplement de transférer un tendon du doigt vers le pouce, car l'index possède deux tendons redondants.

Si votre pouce ne fonctionne pas, vous pouvez transférer le tendon. Je ne sais pas si c'était clair dans ma première image, mais ça l'est dans celle-ci. C'est le point que je veux souligner. Voici l'une des plus belles illustrations qui soit. Il est étrange de penser que les dessins IKEA sont beaux, mais dans le monde du design, c'est le summum de la description.

Cela touche à tout ce que le Dr Matsushima a dit sur la proximité, la hiérarchie, la couleur (ou son absence), l'utilisation parcimonieuse et l'ordre de lecture. Nous pouvons beaucoup apprendre d'un manuel IKEA. Cela semble idiot, c'est comme comparer des photos à un apprentissage via des visuels didactiques très clairs. Même le nombre de vis peut être considéré comme les légendes que vous utilisez. Si vous voulez décrire un type de cellule ou un liquide, suivez ces excellentes règles hiérarchiques de conception.

J'entrerai dans les détails dans les diapositives suivantes, mais gardez à l'esprit la clarté et la communication, à l'instar du concept du manuel IKEA, plutôt que la décoration excessive. 

Mise en page simple et ordre de lecture

Cela m'amène à mon point suivant sur la mise en page simple et l'ordre de lecture. Si l'on examine les différentes règles, les figures les plus réussies suivent généralement un ordre de lecture de gauche à droite, puis de haut en bas. Pour les subventions, nous observons souvent ces deux ordres de lecture, car ils présentent généralement une expérience menant à deux objectifs spécifiques. Ces deux formats sont très courants dans les images de subventions. Ce ne sont pas les seuls types de conception. Ces deux-là sont barrés car ils sont davantage destinés aux publications ou aux affiches. Les affiches ont cet ordre de lecture en forme de M. Voici un exemple d'image qui a été volontairement proposée. Nous l'avons déjà utilisée, mais je l'adore car c'est un magnifique diagramme réalisé dans BioRender. Il y avait des choses à améliorer, notamment l'ordre de lecture. Si l'on suit le flux d'informations, il serpente un peu et se divise même en bas, ne suivant pas les règles générales de gauche à droite et de haut en bas. Ce n'est pas assez simple, cela combine trop d'éléments. Nous l'avons donc modifié pour que les descriptions soient cohérentes, soit toutes au-dessus des images ou de l'iconographie, soit toutes en dessous. La cohérence est la clé que je souhaite que vous reteniez.

Voici le « avant » et le « après ». Si l'on suit l'ordre de lecture, c'est désormais clair et structuré, avec cette fameuse forme en Z. De nombreux processus complexes, comme la présentation d'un protocole, nécessitent plusieurs étapes ; la forme en Z est donc généralement idéale. Nous les avons numérotées, car on ne peut jamais trop insister sur l'importance de l'ordre de lecture. Pensez au manuel de montage IKEA : étape 1, 2, 3, 4, 5. Nous avons même réussi à intégrer l'une des étapes dans une autre, car il s'agissait davantage d'un complément que d'une bifurcation majeure. C'est un point important à retenir. 

Sujet suivant. Voici un autre excellent exemple d'ordre de lecture et de la manière dont nous aurions pu réduire le nombre de décorations et de types de flèches pour mieux communiquer le flux. Si vous suivez mon regard, vous commenceriez par le numéro un, car c'est là que l'œil se pose naturellement pour s'ancrer. Ensuite, on descend au deux, puis on remonte au trois. Ces flèches sont très insistantes, donc je vais les suivre au lieu de chercher le numéro suivant, ce qui me distrait et m'amène ici. Il y a aussi une autre flèche qui part dans cette direction. C'est un mélange de différents flux d'informations. Ce que nous avons fait — voici le « avant » — c'est aider cette personne en faisant pivoter l'ensemble de 90 degrés et en établissant un ordre de lecture plus propre. Ce n'était pas un travail colossal, même si cela en a l'air : nous avons supprimé toutes les flèches, toutes les couleurs, éliminé les fioritures et simplifié le message au maximum. J'espère que vous voyez mon curseur : nous partons du haut vers le bas, de gauche à droite, car c'est l'ordre de lecture habituel. Nous avons respecté cette règle : nous avons commencé par le un et placé le vaisseau sanguin en haut, car c'est là que l'histoire commence, et non en bas comme c'était le cas auparavant.

Ensuite, cela suit l'ordre 1, 2, 3, 4. Il y avait quelques histoires secondaires ici, mais les flèches sont plus petites, tout comme les lignes d'inhibition, pour les mettre en retrait. L'attraction visuelle principale se concentre sur le mouvement cyclique. C'est beaucoup plus facile à lire. 

Considérez la couleur comme un surligneur. 

C'est un point crucial, déjà mentionné dans la section du Dr Matsushima. Nous avons souvent tendance à vouloir tout colorier comme dans un livre de coloriage, mais la couleur doit être utilisée avec parcimonie. Soyez très avares. Si vous étiez comme moi, toujours à vouloir tout surligner, vous savez que si tout est mis en évidence, alors plus rien ne l'est. Gardez cela à l'esprit lors de la création de vos illustrations et figures : réservez les couleurs aux éléments les plus importants de votre récit. Voici une image créée par notre équipe artistique chez Nat Geo il y a plusieurs années. En ajoutant de la couleur de manière sélective, nous avons pu comparer des structures complexes, le cerveau d'un dauphin et celui d'un humain, pour montrer les différentes régions corticales et leur morphologie. Si nous avions mis de la couleur partout, le résultat aurait été distrayant. Nous avons donc mis l'accent sur certaines zones avec seulement trois couleurs : le corps calleux en violet, et cette zone supérieure chez le dauphin en rose, correspondant au lobe occipital chez l'humain. Un autre exemple avec cette figure de poulpe : en utilisant la couleur avec parcimonie, on parvient à attirer l'attention sur les bonnes zones.

Les poulpes sont des créatures extrêmement colorées, mais nous avons dû atténuer cela, presque « tricher » sur la couleur, pour que les zones clés en bleu et jaune ressortent, nous permettant d'utiliser ces teintes comme accents dans la légende. Encore une fois, l'utilisation parcimonieuse de la couleur est essentielle ; si nous avions surchargé de couleurs ce schéma, comme pour l'étagère IKEA, cela aurait été très distrayant. Sans parler du coût d'impression.

Il y a une raison pour laquelle les manuels sont en noir et blanc. Pensez à ce dessin IKEA : la couleur, ici le gris, est utilisée avec parcimonie comme point d'ancrage pour indiquer le bas de l'étagère et orienter l'œil. C'est très efficace sans couleur. Je veux insister sur le fait que la couleur n'est pas toujours nécessaire, mais si vous l'utilisez, faites-le avec parcimonie. J'ai adoré l'exemple du Dr Matsushima, car nous sommes souvent tentés de colorer chaque protéine ou chaque partie d'un diagramme avec des couleurs vives. Mais regardez ce qui se passe quand on élimine la couleur pour se concentrer sur une seule zone : l'œil est immédiatement attiré par la saturation et l'intensité de cette couleur. Vous pouvez vraiment l'utiliser comme un outil pour dire : « Regardez ici, pas là ». C'est la même image, mais l'accent est mis ailleurs avec une saturation différente, un rouge plus vif. Utilisez ces couleurs, mais sachez que votre public se concentrera là où vous les placez ; c'est un outil très puissant. Au passage, nous avons une fonctionnalité de commentaires très pratique dans BioRender. Si vous souhaitez donner votre avis à vos collègues, ou si vous travaillez sur vos figures de subvention avec vos camarades de laboratoire, votre directeur de recherche ou vos étudiants, vous pouvez laisser des commentaires, suggérer des changements de couleur, et créer un fil de discussion pour collaborer. 

Autre conseil : ne saturez pas trop les couleurs. C'était la mode dans les années 90 avec les palettes CMJN par défaut de Microsoft, mais vous pouvez opter pour une palette plus légère, sans qu'elle ne disparaisse pour autant. Heureusement, dans BioRender, nous proposons des couleurs de cellules ou de souris prédéfinies qui sont déjà neutres et cohérentes. Vous avez donc l'assurance que, quelles que soient les couleurs choisies, le résultat sera harmonieux. Même pour un rose ou un rouge, n'hésitez pas à réduire un peu la saturation plutôt que d'utiliser les couleurs « surligneur » automatiques.

Vous savez tous que les couleurs ont une charge émotionnelle, tout comme les formes. Cette cellule rouge, épineuse et invasive à gauche, ressemble effectivement à une cellule invasive ; 90 % d'entre vous l'ont identifiée comme telle. Souvent, nous colorions nos figures sans trop réfléchir, et le problème est que nous communiquons parfois l'inverse de ce que nous voulons. Ici, il aurait été préférable que le macrophage activé soit d'une couleur plus froide, comme le violet, et la cellule cancéreuse d'un rouge plus marqué. Ainsi, vous inversez les rôles et guidez l'attention du spectateur sur qui est le « méchant » de l'histoire.

Un autre conseil concernant le daltonisme : si vous craignez que votre image ne soit pas lisible pour les personnes daltoniennes, nous avons un mode « niveaux de gris » pour vérifier si vos images manquent de contraste. C'est le premier test à effectuer. Bien sûr, assurez-vous que les couleurs elles-mêmes sont compatibles, mais ajuster le contraste aide souvent. Parfois, il suffit d'éclaircir l'arrière-plan et d'assombrir le premier plan. Le test en noir et blanc est un excellent moyen rapide de vérifier si votre figure a suffisamment de contraste.

Flèches

Les flèches doivent être utilisées avec parcimonie. Parfois, on voit des séquences « étape 1, étape 2, étape 3 » très directionnelles. Il y a aussi l'usage de la flèche pour étiqueter un élément. La cohérence est la clé. Je vous recommande également de ne pas hésiter à jouer avec les curseurs d'opacité. Il n'est pas toujours nécessaire de montrer l'arrière-plan ou le premier plan d'un objet avec une telle intensité. Vous pouvez ajuster la transparence pour superposer les objets et faire ressortir les éléments importants. Le test en noir et blanc est un moyen rapide de vérifier si votre figure a suffisamment de contraste.

Contexte

Il est important de s'assurer que votre contenu est adapté à votre public. Pour revenir au diagramme, vous pouvez supprimer ou modifier les flèches pour mieux transmettre votre message. Utilisez des flèches courbes en pointillés pour montrer un mouvement. Les lignes en pointillés indiquent généralement qu'un événement s'est produit ou va se produire. Mettez l'accent sur le message principal de l'image. Des changements simples, comme mettre du texte en gras ou utiliser des couleurs différentes, peuvent attirer l'attention sur les éléments les plus importants. Prenez du recul et réfléchissez au message unique que vous voulez que les spectateurs retiennent.

Quel est ce message clé ? Dans ce cas, c'était la croissance tumorale. C'est là que nous avons concentré la couleur, mis le texte en gras et accentué les petites icônes. Désolé, je voulais juste vérifier l'heure, il est 14h47. Merci. Je resterai disponible environ cinq minutes de plus si vous le souhaitez, mais comme nous arrivons au terme du temps imparti, je vais peut-être faire un peu de rangement avant de revenir sur une rapide transformation de figure pour ceux qui veulent rester. 

C'étaient les cinq conseils généraux que je voulais aborder : privilégiez la clarté à l'esthétique, pensez « IKEA », utilisez des mises en page simples et un ordre de lecture logique. Considérez la couleur comme un surligneur, c'est très important. Utilisez les flèches avec parcimonie et choisissez les bons types. Je vous recommande d'utiliser cette fiche de travail et de vous assurer que vos images sont adaptées au contexte.

‍