Tous les articles26 Avril 2021

La facilitation graphique

Qu'est-ce que l'on appelle facilitation graphique ? En quoi est-ce un outil puissant et comment se l'approprier ?

La facilitation graphique, ça consiste en quoi ?

Définition

Son objectif est de faire une synthèse visuelle d'un événement, un livre, une conférence, une formation, une situation ou même de votre vie que ce soit en direct ou en différé. On parle de facilitation graphique, mais aussi parfois de sketchnoting ou encore de video scribing (en bon franglais !)

Une pratique à différents degrés :

  • la facilitation graphique en direct sous forme de dessin (ex : en atelier de co-conception, dessin de presse en direct)
  • la facilitation en live vidĂ©o (whiteboard animation)
  • le sketchnoting ou infographie illustrĂ©e en diffĂ©rĂ©
  • la vidĂ©o travaillĂ©e en diffĂ©rĂ© (ex : draw my life)
Parler de facilitation graphique... en sketchnote !

Et pour quoi faire ?

  • Partager l’information de manière synthĂ©tique
  • Parler Ă  notre intelligence visuelle et symbolique
  • Vulgariser des sujets pour tous
  • Organiser l’information et faciliter la comprĂ©hension
  • Proposer des rĂ©sumĂ©s clairs et concis
  • Compiler des fiches pratiques et simples Ă  garder sous la main
  • Capter l'attention et stimuler la crĂ©ativitĂ©

Souvenez-vous, notre cerveau est fainéant, peu de texte et des images illustrant les propos seront plus simples à comprendre et mémoriser.

Comment vous y mettre ?

1. Voici quelques outils qui peuvent vous aider :

De bons feutres et stylos, sur papier ou tableau blanc.
Bon choix pour du direct.
+ : spontané, pratique, naturel
- : on ne peut pas repositionner ses éléments ni corriger les fautes ! Il faut avoir l’œil pour optimiser l’espace du premier coup.

💡 utiliser un feutre fin noir + un feutre de couleur pour mettre en avant certaines informations. Le scanner, régler les contrastes et le vectoriser pour un rendu plus optimal (sur Illustrator)

Photoshop, sur PC ou Mac
Utile pour le travail en différé.
+ : variété des possibilité d’illustration et de colorisation, réarrangement de mise en page, nombre de calques infinis
- : laborieux… Trop compliqué en direct, nécessite une assez bonne maîtrise de Photoshop (et du dessin sur ordinateur)

đź’ˇ utiliser le lissage, tester les brushes et faire sa trousse

Procreate, sur Ipad Pro
Probablement le plus adapté pour le direct avec un rendu rapidement diffusable.
+: spontané, réarrangement possible, choix des brush pour personnaliser son style
- : peu de calques, moins pratique pour retravailler

đź’ˇ tester les brushes et faire sa trousse

2. Pensez votre spatialisation

Quelques questions Ă  vous poser : Comment s'organiser dans l'espace ? Que souhaite-t-on raconter ? Comment essayer d'optimiser l'espace sur la feuille afin d'organiser le sketchnote ?

spatialisation
Quelques formes d'organisation spatiale de vos croquis

3. Liez avec les cadres et les connexions

Utilisez des cadres pour hiérarchiser l'information et des connexions pour évoquer les liens possible entre les différents éléments.

formes et connexions
Exemples de cadres, flèches et liens

4. Osez les personnages et les visages

Représenter des personnages peut être intimidant quand on pense ne pas savoir dessiner. Comment représenter la complexité de l'humain, ses émotions et ses actions en quelques traits ? En vrai, aller à l'essentiel peut suffire.

personnages et visages
Il en faut peu pour ĂŞtre compris

5. Ajoutez des objets et des symboles

Certains objets évoquent des idées universelles et deviennent alors des symboles. Accompagnés d'un texte, ils en donnent une compréhension d'autant plus claire et plus profonde.

objets et symboles
Détournez des objets pour en faire des symboles

6. Variez les typographies et les couleurs

Conseil pour débuter : utilisez une palette avec peu de couleurs pour aller à l'essentiel et faciliter la compréhension visuelle

  • Utilisez des camaĂŻeux : des nuances de couleurs proches pour lier
  • Utilisez des contrastes forts pour trancher
  • Variez les typographies : empattement, bâton, calligraphie, minuscules ou majuscules, la graisse, nĂ©anmoins gardez une harmonie pour une comprĂ©hension hiĂ©rarchique
  • Jouez sur la taille des Ă©lĂ©ments pour trancher
typo-couleurs
Exemples de traitements typographiques

đź’ˇConseils

  • La pratique, la pratique, la pratique ! EntraĂ®nez-vous Ă  dessiner tout ce que vous voyez et ce qui vous passe par la tĂŞte le plus simplement possible !
  • Équipez-vous de vos outils prĂ©fĂ©rĂ©s (avec le temps, plusieurs essais rĂ©ussi ou non, on se constitue sa petite trousse personnalisĂ©e)
  • Pour s’inspirer : la BD, les mangas, les romans graphiques, les illustrateurs et facilitateurs… đź’›
  • Essayez de penser inclusif et ayez en tĂŞte Ă  qui vous vous adressez : images, mots et Ă©criture texte simple, concis, lisible 
    ex : les symboles et les références ne seront pas les même pour différentes cultures
  • Choisissez un contexte de travail dans lequel vous ĂŞtes confortable : seul dans un grand bureau, une bonne playlist, une salle adaptĂ©e pour un travail en groupe etc.
  • Et surtout, amusez-vous !

Chacun son style

A chacun son cerveau, sa perception, son organisation et ses outils préférés ! Voici quelques exemples personnels réalisés de différentes manières.

skectchnote-cours-papier
Carnet de sketchnote de cours à Gobelins, réalisé sur papier en direct
Résumé graphique des stratégies de coaching systémique, réalisé en différé avec Adobe Sketch et Illustrator (tablette)
etat-usager-inclusif-jeanne-duplessis
L'État Centré Usager, des services pour toutes et tous accessibles et inclusifs, réalisé en différé avec Photoshop sur la base d'un sketchnote papier en direct
lux_writing_au_sein_dun_design_systeme-jeanneduplessis
Conférence UX Writers FR - L'UX Writing au sein d'une équipe Design Système, réalisé en direct avec Procreate (tablette)

On a aussi très envie de vous conseiller d'aller voir le travail de

Ă€ toi de jouer !

Comme dirait un certain personnage de fiction...

✏️ Atelier n°1

Sur papier :
Dessinez le plus simplement possible les différents objets que vous sélectionnez au hasard ou que vous voyez autour de vous ( faites même un tour dehors). 1 minute par objet, n’hésitez pas à le dessiner plus d’une fois. Seulement une couleur.
Exemple : Dessine-moi un banc

banc

✏️ Atelier n°2

Sur papier :
Ecrivez  des mots en illustrant ce qu’ils représentent. Utilisez une ou deux couleurs.
Exemple : illustrez le mot rapide

rapide

✏️ Atelier n°3

Sur papier :
Expliquez nous en dessin le projet sur lequel vous travaillez en ce moment pour quelqu’un qui n’en a jamais entendu parler.

🗒 Le récap'…

  1. La facilitation graphique a pour objectif de faire une synthèse visuelle simplement compréhensible réalisée soit en direct soit en différé.
  2. Tester et choisir ses outils pour se constituer sa trousse personnalisée
  3. Utiliser des bonnes pratiques de spatialisation, cadres, connexions, personnages, visages, objets, symboles, typographies et couleurs
  4. La pratique ! Entraînez-vous
  5. Développer son style, explorer ses préférences

Pourquoi ?
• Partager l’information de manière synthétique
• Parler à notre intelligence visuelle et symbolique
• Parler à notre intelligence visuelle et symbolique
• Vulgariser des sujets pour tous
• Simplifier l’information et faciliter la compréhension
• Proposer des résumés clairs et concis
• Des fiches pratiques et simples à garder sous la main
• Capter l'attention et stimuler la créativité

astuces-de-sketchnote

Ressources
Retrouvez bientôt cet antisèche Facilitation graphique sous forme de présentation

Auteur: Jeanne Duplessis, UX/UI Designer

Écrit et illustré par :

Jeanne Duplessis, UX/UI Designer