Un outil gratuit pour hybrider mindmap et plan de métro

MindMap Métro

Découvrez comment utiliser un outils intuitif et gratuit pour organiser et communiquer l’information visuellement à la manière d’une mindmap mais aussi d’un plan de métro!

J’ai pris l’habitude de présenter mes formations sous forme d’itinéraires inspirés des plans de métro. Nombreux sont les participants à me demander quel outil utiliser, jusque maintenant je recommandais principalement l’excellent logiciel Concept Draw Pro, très puissant mais dont la prise en main demande un certain temps, tant il offre de possibilités. Je le recommande toujours comme outil professionnel de design graphique.

 Exemple de « métro-mindmap » créée par Pierre Mongin pour présenter le programme d’un cours:
plan_module_25_mars-2-5d53d

Il s’agit d’imiter partiellement la structure de la carte mentale avec un centre et des branches, d’utiliser des couleurs et de rayonner à partir du centre. À la différence d’une mindmap, ce sont des lignes inspirées des plans de métro, qui vont rayonner depuis le sujet central. À la fin de la ligne se trouvera l’idée principale, signalée par une forme géométrique.  Sur chaque ligne, des points représenteront les sous-sujets de chaque idée principale, telles les stations d’une ligne de métro.

Draw.io: un outil gratuit et de prise en main rapide

Avec l’idéateur graphique draw.io, nous allons pouvoir créer toutes sortes de diagrammes, cartes heuristiques, cartes conceptuelles, etc.. directement depuis le navigateur.

 L’outil permet d’utiliser de nombreux symboles fournis, mais aussi des cliparts classés par catégories. On peut même inviter des personnes à collaborer, les modifications ne se voient pas en temps réel (sauf si on recharge souvent la page).

La carte qui illustre ce billet a été réalisée avec draw.io, directement depuis le navigateur web.  Je n’ai pas utilisé de modèle mais suis parti d’un espace vide que j’ai modifié en insérant des formes géométriques, des lignes et des mots.

 Une fois votre carte réalisée vous pouvez le stocker votre ordinateur ou un compte Google Drive, Dropbox, One Drive, …. et l’exporter au format image ou pdf.
Voici une copie d’écran de l’interface utilisateur de draw.io
darw.io fr

Un petit exercice de Mind-Concept Mapping

MInd Concept Mapping

Voici un petit exercice qui peut vous suggérer des idées pour muscler votre compétence en « Visual Thinking ». Savoir synthétiser et représenter l’information de différentes manières visuelles est au coeur de l’approche Visual Mapping.

À partir d’un texte, d’une vidéo, d’une présentation, d’un cours, d’un extrait de livre il s’agit d’identifier les mots clés, les données essentielles mais aussi les images qui pourront nous servir et de les structurer avec la technique visuelle de notre choix: Sketchnoting, Mind Mapping, Carte Conceptuelle, etc…

Ici, je vous propose le texte suivant, extrait de l’ouvrage « L’esprit Design » de Tim Brown.

« Selon l’approche Design, trois critères indissociables conditionnent la validité d’une idée: la faisabilité (qu’est-ce qui est fonctionnel et réalisable dans un avenir prévisible?), la viabilité (qu’est-ce qui s’intègre dans un modèle économique durable?) et la désirabilité (qu’est-ce qui correspond aux attentes des consommateurs?).

Un designer compétent sait répondre à chacun de ces trois critères, mais un adepte du Design Thinking sera en outre capable de les conjuguer dans un équilibre harmonieux »

 

Après avoir effectué une extraction des mots clés et une réflexion sur la construction de cartes, voici une proposition de carte conceptuelle réalisée avec le logiciel gratuit CmapTools:

concept map app design

 

Puis une proposition de carte mentales, réalisée avec iThougt HD pour iPad.

Approche Design mindmap

Si vous voulez aller plus loin sur le Design Thinking, je vous recommande la lecture de l’ouvrage « L’esprit Design » de Tim Brown. Et si vous souhaitez apprendre à synthétiser et à représenter visuellement l’information tout en intégrant la Pensée Design, je vous recommande aussi les ateliers de visual mapping.

À la recherche d’un langage visuel universel

    À la recherche d'un langage universel

Comment communiquer ses idées de manière visuelle, simple et compréhensible par tous?

Alors que le monde compte plus de 6000 langues parlées, cette question a interpellé de nombreux penseurs visuels . Vous découvrirez ici quelques propositions qui pourront vous inspirer pour mieux transmettre visuellement vos idées. 
Utiliser des images, des pictogrammes, faires des choix sur les couleurs n’est pas une question de décoration à l’heure de créer des cartes mentales, sketchnotes et autres représentations du Visual Mapping. Il s’agit avant tout de créer un contexte et de placer des ancres visuelles qui vont guider à la fois le regard, la compréhension et la mémorisation.

Voici des idées d’images simples, d’utilisation des couleurs qui sont pensées pour favoriser une compréhension universelle.

Le lexique pictural de Torres García

compostition_torresLe peintre uruguayen Joaquín Torres García (1874-1949) est le fondateur d’un mouvement artistique appelé l’universalisme constructif. Il a créé un répertoire de 260 signes, à l’issue de ses recherches sur l’art occidental, l’art africain, l’art antique égyptien et l’art précolombien.
Ce répertoire constitue une proposition de langage universel pour les artistes visuels du monde entier. Ce sont des formes simples, faciles à imiter, telles qu’elles apparaissent dans l’oeuvre ci-contre.

 

 

Les constellations de Miró

Miro style constellationsA partir de la célèbre série des Constellations, exécutée au début de la Seconde Guerre mondiale, s’établit le langage pictural et calligraphique de Joan Miró.
Il a crée un style qui ressemble beaucoup aux dessins d’enfants à cause de la simplicité de ses formes. Ces symboles constituent les éléments d’un langage pictural à vocation universelle.
En observant les œuvres de la série constellation, plusieurs de ces symboles ont retenu mon attention, en voici quelques-uns sous de forme de prise de note (voir image ci-contre).

 

 

L’Isotype

Gerd-Arntz-app-iphone-2L’Isotype est un langage visuel international créé en 1920 par le philosophe autrichien Otto Neurath et l’artiste graphiste allemand Gerd Arntz .
La devise de Neurath : « Les mots divisent, les images unissent » fut le point de départ pour la création de ce nouveau langage qui se veut simple, universel et non verbal.
L’intention initiale de Neurath était d’utiliser ce langage pour l’éducation. Ce langage, de plus de 4000 signes s’est par la suite popularisé dans le domaine de la signalisation publique et des premières infographies. Il existe même un app ludique, un memory avec les pictogrammes de l’isotype (voir ici).

 

 

Le Folklore planétaire de Vasarely

folklore-1963 » L’idée de Folklore Planétaire doit être maintenant plus explicite : à une civilisation mondiale doit correspondre un langage plastique mondial, simple,beau et acceptable par tous« . (V.Vasarely)

Victor Vasarely, artiste originaire de Hongrie, s’installe à Paris en 1930 pour travailler dans l’agence publicitaire Havas . Il propose un nouveau langage basé sur les unités plastiques reproductibles et colorisables à l’infini : «le Folklore Planétaire».

À l’élément de base, un carré jouant en tant que fond et contenant une forme géométrique (un carré plus petit, un cercle, une ellipse, un rectangle, un triangle, un losange, etc.), s’ajoute,dans un désir d’analogie avec les sciences modernes, l’action de la couleur, qui est utilisée à plat et de manière uniforme à l’intérieur de chaque élément, donnant un nombre infini de combinaisons possibles (les «formes-couleurs»).
J’espère que ces réflexions, ces exemples vous donneront des idées. Se constituer une iconothèque d’images simples que nous sommes capables de reproduire facilement est une des compétences clés de la pensée visuelle.
Cela fait partie intégrante des Ateliers de Visual Mapping, dont les prochaines sessions auront lieux à Paris les 27 et 28 avril 2015.

 

Nouveaux Ateliers de Visual Mapping à Paris en avril

Mettez à jour vos pratiques, clarifiez vos projets personnels, innovez et brillez dans votre communication en apprenant à utiliser un nouveau langage visuel.

Prochains ateliers à Paris:

27 avril  (module A)

28 avril (module B) 

Dans une ambiance ouverte et collaborative, venez apprendre à dominer les meilleures techniques visuelles, complémentaires entre-elles, incluant le mind mapping, le sketchnoting, la pensée design, le story board etc… et découvrir les ressources associées pour aller plus loin.

Si vous êtes intéressés, remplissez notre formulaire ci-dessous nous permettra de vous faire parvenir le programme et les informations pratiques. Merci de nous indiquer par quels niveaux vous êtes interessés A, B ou les deux.

Vous pouvez valoriser vos compétences par une certification, qui se réalise plusieurs semaines après avoir participé au module B,

La prochaine session de certification aura lieu le mercredi 29 avril 2015 à Paris.

Complétez ce formulaire pour recevoir les programmes détaillés et les modalités d’inscription

Par quels niveaux êtes-vous intéressés?(obligatoire)