• 8 heures
  • Facile

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 10/10/2022

Donnez du sens à vos idées avec les croquis

« Une image vaut 1 000 mots ! »

La représentation visuelle et spatiale est le meilleur moyen de décrire vos idées pour qu’elles soient bien comprises par vos interlocuteurs. Notre cerveau fonctionne ainsi, il est plus facile d’interpréter des images, des formes, des couleurs qu’une tartine de mots.

Capturer ses idées au fil de l’eau

Une idée c’est souvent très furtif, ça va, ça vient, c’est assez éphémère. Voyons ensemble les outils qui sont rapides à dégainer et faciles à utiliser.

Le smartphone

C’est un bon couteau suisse : toujours sous la main, et bourré de fonctions comme les mémos, les applications, le dictaphone et la synthèse vocale. Voici quelques outils incontournables :

  • fonction/app. mémo préinstallée : sobre, basique, mais cela devient vite un joyeux bazar, et surtout le contenu n’est pas sauvegardé ou synchronisé en ligne ;

  • application Evernote : gros avantage, votre contenu se synchronise tout seul, donc pas d’angoisse de perdre des informations. Les notes peuvent s’enrichir de photos et être étiquetées, pour les retrouver et les classer plus facilement ;

Visuels de l'application Evernote
  • applications de prise de notes : Microsoft OneNote, Google Keep, Simple Note… ;

  • dictaphone : faites comme les chirurgiens, utilisez un dictaphone. Votre smartphone fait cela très bien, d’ailleurs. Enregistrer sa voix est très efficace, surtout quand nos pensées se déroulent à toute vitesse. Encore mieux ! Utilisez l’assistant vocal : ce que vous dites devient du texte. 😄

Photo du carnet de moleskine
Carnet de moleskine

Pour aller plus loin sur l'utilisation des outils numériques de prise de notes :

Goûter à la représentation visuelle

Les formes et les couleurs que nous percevons par le toucher et la vision ont beaucoup plus d’impact qu’un simple texte écrit. Il est fréquent de mêler le geste et la parole dans nos conversations, c’est instinctif, c’est pour aider à la compréhension.

Par exemple, la signification des couleurs vue au travers des marques deTony Toch.

Illustration des marques et leurs couleurs
Les marques et leurs couleurs

Autre exemple : les panneaux de signalisation. Même si vous avez appris le code de la route, interprétez-vous toujours bien ce que le designer a voulu indiquer ?

 

Panneau
Panneau "Danger"
Panneau
Panneau "Direction"

 

Exemple du fameux menu « burger » : est-ce que tout le monde comprend bien la signification de ce pictogramme ? Expliqué en détail dans l'article de Newflux.

Image et illustration du menu
Menu "Burger"

Alors, êtes-vous prêt à esquisser vos idées ?

Avez-vous déjà entendu cette citation : « Une image vaut mille mots ! » ?

Dessiner... votre alphabet visuel  !

Je sais ce que vous allez me dire… "Eh, mais je ne sais pas du tout dessiner !"

Rassurez-vous, c’est très courant de rencontrer ce « blocage » mental quand vous conduisez des séances d’idéation et de conception en atelier. Pas de panique, l’important ce n’est pas de faire du beau mais du compréhensible, tout simplement pour communiquer facilement ses idées par le visuel.

Prenez quelques feutres et une grande feuille de papier, et laissez-vous guider par les instructions dans la vidéo pour faire quelques exercices d’échauffement.

Voici quelques formes simples pour vous entraîner :

 

  • Points

  • Lignes

  • Angles

  • Arc de cercle

  • Rond

  • Triangle

  • Carré

  • Spirale

  • Flèche

  • Nuage

  • Yeux 

 Illustration de l'alphabet visuel

Alphabet visuel

 

À vous de jouer, dessinez votre alphabet !

Bravo ! Vous avez assez de signes pour dessiner à peu près n’importe quelle idée. Combinons un arc de cercle et un rond, regardez, c’est vous ! Ajoutez une auréole au-dessus de la tête. 😄

Croquis de l'alphabet visuel
Alphabet visuel

Prendre des notes en schéma

Prendre des notes sous forme graphique, en petits dessins et schémas, n’est pas naturel car vous n’avez pas appris à faire ainsi. Les modes d’apprentissage habituels privilégient l’écrit au visuel, et ce, depuis votre tendre enfance.

Mais rassurez-vous, il n’est pas trop tard. Lancez-vous !

  • Attrapez une feuille A4 que vous découperez en deux parties égales.

  • Prenez une minute pour lister ce qui compose votre petit déjeuner (demi-feuille A4).

  • Maintenant, mettez au centre un dessin ou mot de ce qui vous paraît le plus important.

  • Puis autour, ce qui est indispensable, et enfin sur les bords, le reste (sur l’autre demi-feuille A4).

  • Tracez quelques liens entre les éléments forts.

Si vous présentez à quelqu’un votre petit déjeuner, qu’est-ce qui sera le plus facile et agréable pour lui ou elle ? Lire votre liste ou embrasser d’un coup d’œil notre petit déjeuner idéal ? Mettez vos deux demi-feuilles côte à côte… admirez !

Croquis petit déjeuner
Croquis petit déjeuner

Cas pratique :

Lors d’une séance d’idéation en groupe, vous décidez qu’il est important que les utilisateurs puissent dialoguer dans votre application sur leurs smartphones.

Comment puis-je représenter cette idée sur un Post-it ?

1. Croquis (idée)

2. Dessin (interprétation)

3. Design graphique (interface utilisateur)

.
Conversation
.
Dialogue
Messagerie instantané
Messagerie instantanée

Réponse : Le plus simple est le mieux !

Donc le gagnant est le croquis 1. Le 2 n’apporte pas plus que le 1 en termes de signification (certes il est plus joli et élaboré). Le 3 représente déjà une solution de design qui ferme l’idée et qui est déjà un choix graphique. Cela oriente l’idée dans une direction qui est déjà une solution ou une fonctionnalité.

Vous allez dessiner un petit chat ! Les designers adorent mettre des chats partout, surtout dans leurs présentations. ;)

  • Image 1 = croquis. Comme vous le voyez, un croquis suffit à la compréhension.

  • Image 2 = dessin. Le dessin est plus fidèle à la réalité, mais relève plus de l’illustration que du croquis, dont le but est de capter et diffuser une idée très simplement.

 Croquis

 Dessin

 

Croquis
Croquis

 

Dessin
Dessin

Pas besoin d’être artiste, juste d’être compris.

Il existe beaucoup de types de représentations visuelles, vous pouvez piocher dedans pour vous aider, et choisir la plus adéquate à la représentation de vos idées. Voici quelques exemples pour structurer vos croquis en schémas.

Le schéma pyramide

La plus célèbre est la pyramide des besoins de Maslow… remis au goût du jour, au centre de nos préoccupations. 😄

Pyramide de Maslow
Pyramide de Maslow
Maslow revisté
Maslow revisité

Le schéma processus

Le processus est un enchaînement d’étapes que vous pouvez représenter en horizontal, en vertical, ou cercle, ou en zigzag comme un serpentin.

Schéma processus
Schéma processus

Le schéma arbre

Cette représentation permet d’avoir des branches qui caractérisent un chemin ou des catégories. Vous pouvez donner une signification particulière aux racines (les bases, les fondations d’un projet) et aux branches les plus hautes (objectifs difficiles à atteindre).

Schéma arbre
Schéma arbre

Le schéma calamar

Le calamar est très simple pour partir du thème central et aller du plus général au plus spécifique. C’est aussi un bon moyen de cartographier un sujet.

Schéma calamar
Schéma calamar

Croquez maintenant…

Maintenant que vous vous sentez à l’aise sur quelques formes, essayez de donner plus de sens en donnant vie à vos formes et vos croquis (sketch, en anglais ; on parle aussi de "sketchnoting").

Une tasse à café : c’est la tasse, l’anse, la soucoupe, le liquide, la cuillère.

La tasse elle-même, c’est une ellipse en haut, un arc de cercle pour le corps, une virgule pour l’anse, et quelques ondulations pour le fumet ou la chaleur. Montrez que le café est chaud… ou sent très bon !

À vous de croquer la tasse de café ou de thé ! Vous manquez d’inspiration, il est 11 h, faites-vous un petit café, le temps qu’il refroidisse un peu, faites votre croquis ! 😄

Et maintenant, entraînez-vous à dessiner tout votre petit déjeuner !

Vous pouvez essayer plusieurs structures :

  • le schéma processus pour indiquer dans quel ordre vous préparez ou vous consommez votre petit déjeuner ;

  • le schéma en arbre en partant du plus important, les racines, puis les branches qui sont des groupes d’aliments, et enfin les feuilles, qui sont vos ressentis au contact des branches ;

  • le schéma calamar : décomposez votre petit déjeuner. La tête du calamar est « petit déjeuner ». Les premières tentacules, le bol de céréales, la tartine, puis décomposez ce qu’il y a dans le bol, décomposez la tartine… bref vous avez compris.

À vous !

Illustration
Café ou thé ?

Le célèbre croquis sur un coin de table ! Le « nap-sketch », en anglais.

Vous discutez avec votre collègue ou client lors d’un déjeuner, et soudain la conversation s’enflamme et devient un volcan d’idées. Tout va trop vite, vous sentez l’envie irrésistible de capturer ce moment. Vous attrapez votre stylo pour griffonner l’essentiel sur le coin de table, sur la nappe en papier ! À la fin du repas, au grand désarroi du serveur, vous déchirez un bon bout de la nappe pour emporter avec vous le précieux parchemin, tout simplement des  croquis, des flèches, du texte.

Nap-sketch
Nap-sketch

Faites des boucles d’itération

Le mot itération revêt un sens variable selon son contexte d’utilisation :

  • Didactique -> Répétition.

  • Mathématique -> Méthode de résolution d'une équation par approximations successives.

  • Psychique -> Répétition involontaire et inutile d'un même acte moteur ou verbal.

Pour favoriser ce pas-à-pas, vous pouvez vous aider de techniques et d’approches différentes : idéation libre une fois, deux fois, trois fois, puis en ajoutant des contraintes, puis en changeant d’angle d’attaque avec l’idéation inversée, etc.

Spirale itérative
Spirale itérative

L’itération, c’est le mode de fonctionnement d’un designer

L’objectif est de consommer moins de temps et d’énergie, d’aller plus vite à un résultat espéré avec moins d’effort aussi. Vous allez forcément vous améliorer en vous entraînant dans une logique d’essai-erreur, appelée également « test and learn ».

Comment s’améliorer ?

C’est simple, il faut s'entraîner et y prendre plaisir. Faites une seconde itération de votre tasse de café puis de votre petit déjeuner en entier. La prochaine fois que vous avez une conversation avec votre conjoint, un·e ami·e, prenez des notes en croquis.

La vidéo de Romain Couturier (supertilt.fr) explique bien tout le potentiel de la communication par le visuel, et vous redonne un alphabet visuel. Allez directement à 6 min en cliquant ici, sinon la vidéo en entier se trouve ci-dessous.

Allez plus loin en découvrant le TEDx de Romain Couturier à l’école centrale de Lyon – La facilitation graphique pour apprendre et comprendre.

Résumons

  • Le cerveau aime les images, les formes et les couleurs pour donner du sens à vos idées.

  • Les croquis permettent de capturer rapidement et facilement les idées sur le vif.

  • Le papier et le feutre sont vos meilleurs alliés.

  • Vous n’avez pas besoin d’être un artiste, juste d’être compris.

  • Démarrer avec un alphabet visuel vous permet déjà d'esquisser beaucoup d’idées. Une fois que vous êtes plus à l’aise, il suffit de l’enrichir.

  • Vous ne pourrez pas être bon du premier coup, faites plusieurs passes, pensez boucles d’itération.

  • Faites-vous confiance et entraînez-vous à la prise de notes en croquis en toute circonstance.

Une fois que vous aurez noirci quelques pages de croquis, passez au prochain chapitre pour découvrir la carte mentale, un outil universel pour organiser ses idées. 😄

Exemple de certificat de réussite
Exemple de certificat de réussite