Étiquette : carte conceptuelle

Quand la carte conceptuelle devient une infographie

Cette infographie a été réalisée par le graphiste Pol Longeron pour être utilisée dans les cours de Sandrine Décembre sur les médias sociaux. Sandrine est en effet maître de conférences en communication digitale à l’université de Franche Comté  et travaille au service de l’école de communication digitale 2089, implantée à Besançon. Par ailleurs, elle anime la conférence : “Lanceurs d’alerte : Un pour Tous, Tous pour Un?”

L’idée de Pol et de Sandrine me paraît vraiment très intéressante. Elle consiste à “magnifier” une carte conceptuelle, de préférence simple et claire, pour la transformer en une véritable infographie, utilisant des illustrations, des couleurs sobres, une richesse typographique et proposant un trajet visuel.

Voici la carte conceptuelle d’origine, réalisée avec le logiciel XMind:

 

Si vous souhaitez en savoir plus sur le nombre de Dunbar, vous pouvez visiter cet article.

Le Sketchnoting: une carte conceptuelle

Cliquer sur l'image pour agrandir

Cliquer sur l’image pour agrandir

Le sketchnoting ou prise de note visuelle constitue une manière d’entrer de plein pied dans la pensée visuelle en traduisant l’information sour une forme à la fois graphique et textuelle. C’est pourquoi nous l’avons placée dans la première étape de la certification au Visual Mapping, composée de trois modules: A, B, et C.

Voici une carte conceptuelle réalisée avec CMaptools, le logiciel gratuit de référence pour la carte conceptuelle. Avant d’utiliser le logiciel, j’ai d’abord  listé les concepts clés en vrac sur une page puis ai commencé une première ébauche de la carte conceptuelle sur la page opposée (voir image ci-dessous).

making of carte conceptuelle sketchnoting

 

Carte conceptuelle: la découverte de Geneviève Von Petzinger

Carte Conceptuelle Genevieve Von Pretzinger

Voici une nouvelle carte conceptuelle réalisée avec l’outil gratuit CmapTools. Elle porte sur la fascinante découverte de l’anthropologue canadienne Geneviève Von Pretzinger: 26 signes graphiques ont été identifiés dans des grottes préhistoriques de tous les continents et datent de plus de 35 000 ans.

Pour en savoir plus lisez l’article suivant: Fascinant: 26 signes graphiques venus du fond des âges.

Carte conceptuelle du Storytelling Visuel

 

Storytelling Visuel 1.2

C’est dans l’air, on parle aujourd’hui de plus en plus du Storytelling Visuel, la rencontre entre la pensée visuelle et la narration. Est-ce bien nouveau? Quels sont ses principaux usages? Voici une carte conceptuelle qui explore le sujet.

Nous ne parlons pas ici de vidéo et de cinéma mais de méthodes dites de “Visual Thinking” avec des supports comme les affiches, les infographies, les montages photos, les présentations, les illustrations d’articles et de messages sur les médias sociaux.   Cette carte est une première tentative (version 1.1), il est fort possible que de nouvelles versions voient le jour.

Pour la réaliser, j’ai utilisé, en amont, l’outil CMaptools pour iPad.Il s’agissait de noter les concepts et de commencer à les organiser.  Puis dans un deuxième temps, j’ai exporté la carte (via email) vers CMaptools pour Windows (gratuit) afin de travailler l’aspect visuel.

 

 

 

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.