Tous les articles26 Avril

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