• 8 heures
  • Facile

Ce cours est visible gratuitement en ligne.

Ce cours est en vidéo.

Vous pouvez obtenir un certificat de réussite à l'issue de ce cours.

J'ai tout compris !

Mis à jour le 10/05/2019

Donnez du sens à vos idées avec les croquis

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

« Une image vaut 1000 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 classer plus facilement.

Visuels de l'application Evernote
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 ! Utiliser 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 vu au travers des marques deTony Toch.

Illustration des marques et leurs couleurs
Les marques et leurs couleurs

Autres 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 signifier ?

 

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 ! Ajouter 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’apprentissages 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-vous vos deux demi-feuilles côte à côte… admirez !

Croquis petit déjeuner
Croquis petit déjeuner

Savoir dessiner n’est absolument pas nécessaire, ce qui ce qui important en fin de compte c’est que vos notes, croquis, schémas aient un sens pour vous et celui ou celle qui prend connaissance de vos idées ou qui écoutent vos idées.

Cas pratique :

Lors d’une séance d’idéation en groupe, vous décidez qu’il 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 an terme 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 qui 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 de besoin d’être artiste juste d’être compris. »

Il existe beaucoup de types de représentation visuelle, 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.

La 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 les 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 ou 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 11h 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éparer ou vous consommer 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ématiques -> 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 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. Aller directement à 6 min en cliquant ici, sinon la vidéo en entier 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 cours 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