Pensée visuelle: des lectures inspirantes pour cet été

ci-dessus, la prise de note graphique qui a servi à préparer ce billet

Quelques lectures qui ont toutes deux points communs: elles font référence à la pensée visuelle et sont une source d'inspiration tant sur le plan professionnel que personnel.  Mème si ce ne sont pas tous des ouvrages qui viennent juste de sortir, ils sont vraiment recommandables et je ne les avais pas encore présentés ici. De quoi nourrir votre programme de lectures estivales!

Slide:ologie
de Nancy Duarte

Un très bel ouvrage, devenu en peu de temps une référence sur l'art de préparer et de partager des présentations. Privilégiant l'approche papier-crayon et la construction d'un message significatif en amont, Nancy Duarte s'appuie sur des exemples concrets. 
La pensée visuelle n'est  pas utilisée ici comme technique pour décorer les diaporamas mais comme un élément essentiel pour mieux structurer ses idées et pour faire passer un message clair.  Lien Amazon



Gamestorming: jouer pour innover
de Dave Gray, Suni Brown et James Macanufo

Cet ouvrage se veut un inventaire des meilleures techniques à la fois visuelles et ludiques pour organiser un brainstorming, pour briser la glace au début d'une réunion, pour une dynamique de groupe. 
 Au total plus de 90 fiches accompagnées d’instructions précises sur la mise en pratique de différents exercices graphiques. Des jeux visuels à mettre en oeuvre pour mettre les expériences ludiques au service de la créativité des équipes. Lien Amazon



L'esprit design: comment le design thinking change l'entreprise et la stratégie
de Tim Brown

Tim Brown dirige l'agence Ideo qui est une référence mondialement reconnue sur la pensée design. Cet ouvrage est à la fois clair et intense sur l'esprit qui gouverne la pensée design. Tim Brown dévoile ses réflexions et son histoire personnelle de designer passionné par le travail en équipe, l'innovation et la pensée visuelle.
Le livre comporte une carte heuristique de Tim Brown qui représente les principaux thèmes abordés, voir l'image ci-dessous.  Lien Amazon


carte heuristique de Tim Brown, cliquer sur la carte pour l'agrandir



The Power of Visual Storytelling 
d'Ekarina Walter et Jessica Gioglio

Il y a peu de temps, nous parlions ici de l'importance du storytelling visuel.  Cette lecture, en anglais, nous présente de façon très concrète et très documentée, comment utiliser le storytelling visuel dans une stratégie de marketing digital. Très agréable a lire, actuel et stimulant, je recommande ce livre à tous ceux qui s'intéressent aux usages les plus récents du storytelling visuel. Lien Amazon

Pragmatic Thinking and Learning
d'Andy Hunt

Un ouvrage, en anglais, qui sort complètement des sentiers battus. Écrit par Andy Hunt, programmeur informatique de renom, co-signataire du fameux manifeste agile. Cet ouvrage met en relation l'efficacité personnelle, les sciences cognitives, le mind mapping et la culture numérique. Très intéressant, surprenant, plein de bon sens et innovant à la fois. L'auteur partage par ailleurs la carte heuristique qu'il avait réalisée pour organiser en amont les idées de son livre, voir la carte ci-dessous: Lien Amazon
cliquer sur la carte pour l'agrandir

The Doodle Revolution
de Suni Brown

Sunni Brown, consultante et experte internationalement reconnue dans le domaine de la pensée visuelle présente dans ce livre en anglais  les points clés d'une alphabétisation à la pensée visuelle en vue d’une utilisation professionnelle. Un beau livre, il manque cependant de la clarté dans sa structure. Très intéressant  pour y revenir et picorer des idées inspirantes. Lien Amazon

Mind Mapping: 7 astuces essentielles pour XMind


Ces 7 astuces pourraient améliorer votre expérience en tant qu'utilisateur d'XMind: positionnement libre des sujets, insertion rapide d'images, de liens, de fichiers et quelques autres astuces encore.

XMind s'est converti ces dernières années en l'outil quotidien de mind mapping parmi les nombreux praticiens de la carte heuristique de par le monde. La rapidité de sa prise en main mais aussi sa puissance comme outil d'organisation des idées jouent un rôle important dans ce succès. Des collégiens l'utilisent mais aussi des chercheurs et des développeurs de logiciel. Ils constituent une grande communauté aujourd'hui.

Dans ce billet, je partagerai quelques astuces issues de mon expérience comme utilisateur d'XMind depuis plusieurs années. C'est un des outils que je recommande le plus pendant les ateliers ouverts que j'anime.

Astuce #1: positionner librement les branches principales (ou "sujets principaux")

Souvent, les utilisateurs d'XMind sont frustrés par le fait que le logiciel impose le positionnement des branches principales. Cependant nous pouvons les placer librement. Comme expliqué sur l'aide en ligne d'XMind, en maintenant la touche ALT (sur PC) ou COMMAND (sous Mac) enfoncée et en bougeant la branche principale, nous pouvons la positionner librement.

Astuce #2: positionner librement les sujets flottants

Parmi les fonctionnalités d'XMind, nous trouvons la possibilité de créer des sujets flottants, reliés à aucun centre ou aucune branche. Si on les déplace près du centre, XMind les rattache automatiquement à celui-ci. En maintenant la touche MAJUSCULE (Shift) enfoncée, nous pouvons positionner librement tout objet flottant, sans qu'il se connecte à une branche ou au centre.

Astuce #3: positionner librement les sous-sujets

Les sous-sujets sont dépendent d'une branche principale. XMind ne permet pas de les positionner librement, notamment pour créer un écart plus grand entre les sous-sujets afin d'aérer la carte. L'astuce consiste à insérer dans le sous-sujet une image transparente que nous pourrons redimensionner à notre guise (voir la capture d'écran ci-dessous).
Vous pouvez récupérer une image transparente ici: http://visual-mapping.fr/wp-content/uploads/2015/06/image-transparente1.png

Astuce #4: insertion rapide par glisser-déposer

Pour insérer rapidement un lien, une image ou même un fichier dans un sujet de la carte XMind, il suffit, depuis votre navigateur internet ou depuis un répertoire de votre ordinateur, de sélectionner ce que vous souhaitez insérer et de le faire glisser dans la carte avant de le déposer.



Astuce #5: ajuster rapidement la longueur du texte dans un sujet. 

Souvent, lorsque nous ajoutons plusieurs mots dans un sujet, il devient large, ce qui peut devenir gênant pour l'aspect visuel de la carte. Nous avons la possibilité de réduire la largeur du sujet en cliquant deux fois dessus et en "tirant" sur les "manettes". XMind réduira facilement et rapidement la largeur du sujet (voir illustration ci-dessous).




Astuce #6: Déployer ou fermer rapidement les branches

XMind peut déplier toutes les sous-branches depuis un sujet, en appuyant sur la touche étoile (*). Pour replier toutes les sous-branches depuis un sujet, on appuiera sur la touche barre oblique (/). C'est très utile par exemple pour obtenir une vue globale des sujets principaux.



Astuce #7: numéroter rapidement les sujets avec un marqueur en couleur

En maintenant la touche CTRL + un numéro de 1 à 6, nous insérons un marqueur de couleur avec le numéro correspondant (voir illustration ci-dessous). XMind appelle ces marqueurs des "priorités" qui se vont de 1 à 9 et permettent notamment d'indiquer l'importance des sujets. 


La balle est dans votre camp!

J'espère que ces astuces vous seront utiles. N'hésitez pas à partager vos astuces, vos retours dans les commentaires ci-dessous ou en me contactant ici.

Pourquoi le Storytelling Visuel?

Sketchnote utilisée pour ébaucher le contenu de ce billet
Dans les milieux de la communication, de l'éducation, du marketing et du management, nous assistons à un intérêt de plus en plus marqué pour le "visual storytelling" ou storytelling visuel.  Mais de quoi s'agit-il et pourquoi est-ce si important aujourd'hui? C'est ce que nous allons aborder ici.

Le storytelling visuel désigne l'utilisation d'images, de photos, d'infographies, d'illustrations, de notes graphiques, de présentations dans une logique de récit. Ces contenus visuels doivent pouvoir être racontés comme une histoire, c'est à dire qu'ils doivent permettre une succession logique de faits, de chiffres, d'évènements. Un véritable parcours visuel doit être possible dans le contenu à dominante graphique. Le résultat peut être statique ou exporté sous forme de courtes vidéos.

Pour que le récit soit le plus captivant possible, il devra comporter des archétypes narratifs: situation initiale, épreuves, dénouement, héros, ennemis, ruse,  etc....

Un storytelling visuel réussi doit fournir un contexte facilement identifiable et, proposer des éléments visuels articulés logiquement entre eux.

Le storytelling raconté par l'image remonte à la préhistoire. Les peintures rupestres de la grotte Chauvet datent de près de 35 000 ans.

Extrait de la Tapisserie de Bayeux « Odo bayeux tapestry ». Sous licence Domaine public via Wikimedia Commons 
La tapisserie de Bayeux, par exemple, constitue un chef d'oeuvre de storytelling visuel. Cette fabuleuse broderie, qui a presque mille ans, mesure 70 mètres de long et raconte la conquête de l’Angleterre par le duc de Normandie, Guillaume le Conquérant.

Pourquoi est-ce si important aujourd'hui?

La poussée du digital, l'explosion de l'information favorisent une communication basée sur  moins de mots, plus d'images, des vues synthétiques pour résumer l'information. 

En témoigne le succès des infographies, du mind mapping, ou encore des réseaux sociaux à caractère visuel (Instagram, Pinterest...). En même temps, il y a une crise de l'attention, les personnes se détournent rapidement des contenus lorsque leur consultation dépasse quelques minutes. C'est là que la dimension narrative va jouer un rôle pour captiver, obtenir l'attention et mieux faire passer le message. 

Les avantages du Storytelling visuel 


En combinant le visuel et le narratif, le storytelling visuel contribue à transmettre de façon brève, impactante et mémorable un message. Il est à la fois intemporel et lié aux nouvelles formes de communication de la culture numérique.

Pour un manager, il améliorera ses présentations et réunions avec plus de briéveté et d'impact. Pour un enseignant, il servira à capter l'attention de ses élèves et à favoriser une mémorisation à long terme des cours. En stratégie de marketing, il augmentera l'intérêt des consommateurs pour un produit.


Quelques exemples

L'illustration sur la gauche fait partie d'une succession de visuels diffusés par Mercedes Benz sur la dualité de perception entre l'hémisphère droit et le gauche du cerveau.
Source: business2community


Vous trouverez aussi ici un bel exemple de Storytelling visuel utilisé par la marque Levi Strauss.







Dans l'exemple ci-dessous, il s'agit de l'aperçu d'une infographie qui parle de l'écosystème des startups. Les créateurs ont mis en scène des animaux emblématiques des fonds marins pour expliquer comment les principaux acteurs du monde startup intéragissent entre eux.

Le contexte est clair, les métaphores facilement compréhensibles, on retrouve des archétypes narratifs et un enchaînement d'éléments visuels permettant un récit.

cliquer ici pour accéder à l'infographie complète

Pour aller plus loin

Se former:

En participant aux ateliers de visual mapping qui connectent le langage visuel avec le récit et la structure narrative à travers plusieurs techniques: la prise de note graphique, le mind mapping, les présentations et le storyboard.

Lectures: deux ouvrages recommandés

Réussissez votre communication - Storytelling et cas pratiques pour des présentations PowerPoint percutantes, de Christophie Bouillard. Un ouvrage très pratique avec de nombreuses astuces très utiles pour utiliser le storytelling visuel avec Powerpoint.

Vibrations: Transformez vos présentations en histoires visuelles pour captiver et conquérir votre auditoire, de Nancy Duarte. Un guide pour structurer ses idées phares, construire un message cohérent, persuasif et rendre nos contenus captivants grâce à l'art du Storytelling visuel.

Quelques logiciels et apps:

- Sway, de Microsoft est une solution encore méconnue, gratuite et de qualité, orientée vers le storytelling visuel. Minimaliste, efficace et élégante.
- Prezi qui a révolutionné les présentations avec son concept de trajet visuel en mouvement,  demeure une référence parmi les outils  de storytelling visuel
- Canva, nous permet de créer toutes sortes d'histoires visuelles avec un design très soigné: infographies, montages photos, présentations... Existe aussi sous iPad.
- Adobe Voice, nous en avons parlé ici dans un billet consacré, est une application pour iPad excellente pour créer des histoires visuelles.
- MindMeister, une application en ligne de mind mapping, propose de créer un itinéraire visuel en mouvement à partir de la carte (mode présentation). Disponible aussi pour tablette.
- Powerpoint, bien utilisée, est une solution tout à fait adaptée pour le storytelling visuel
- Microsoft Photo Récit, est un outil gratuit qui permet de transformer une série de photos, d'images en un récit visuel conté avec sa propre voix, d'ajouter une musique de fond et des effets de transition entre les images. Le tout peut être exporté sous forme de vidéo.



De nouveaux ateliers en juin


Les ateliers de Visual Mapping d'avril viennent de se dérouler et nous pouvons d'ores et déjà annoncer les prochains qui auront lieu les 15 et 16 juin à Paris. 

Ces deux journées seront consacrées aux deux modules (A et B), le module de certification (C) aura lieu en octobre, toujours à Paris.

Pour obtenir les programmes détaillés et les informations pratiques, rendez-vous sur cette page.

Philippe JoannisDirecteur des Editions «  En avance », m' a envoyé un témoignage vidéo sur les derniers ateliers de visual mapping et je l'en remercie chaleureusement. Voici le vidéo témoignage.

Du Sketchnoting à l'Infographie avec Canva


Comment passer d'une prise de note visuelle,  ou Sketchnote, à une infographie prête à être communiquée au plus grand nombre?  Pour ce faire, nous allons utiliser un outil remarquable, gratuit et orienté Design: Canva.

Bien que l'Infographie soit aujourd'hui un métier, chacun peut, à son niveau, en créer une avec des outils simples et gratuits afin de communiquer de façon visuelle et synthétique sur un sujet donné. 
Le sketchnote est une technique de prise de note réellement efficace pour soi-même, elle favorise la synthèse, la mémorisation et libère notre créativité.
En revanche, elle peut se révéler difficile à interpréter par une tierce personne. C'est là que l'Infographie va nous aider à transformer nos notes en supports plus facilement communicables. 


Le Sketchnote: un véritable prototype pour l'Infographie


Le Sketchnote nous servira de prototype pour notre Infographie, c'est ce que j'enseigne aux cours de mes ateliers de Visual Mapping . En effet, avec le Sketchnote nous avons déjà simplifié l'information, recherché les mots clés, créé les titres, sous-titres et les métaphores visuelles. Une grande partie du travail de conception de l'infographie est ainsi réalisé en amont grâce au sketchnoting

Avec un outil comme Canva nous allons pouvoir réaliser une infographie rapidement grâce à une interface simple, intuitive et claire. 


Un exemple concret


Pour illustrer notre propos, nous prendrons comme point de départ une sketchnote sur les premières pages de l'ouvrage "Le cerveau attentif" de Jean-Philippe Lachaux.

Dans cette prise de note visuelle, nous avons retenu les éléments essentiels, associés à des images simples (cliquer sur l'image de gauche pour agrandir).



Puis, pour créer note infographie, nous avons utilisé Canva qui propose de nombreuses images de qualité, certaines gratuites, d'autres à moins de 1 €. 


Dans ce cas concret, nous n'avons utilisé que des images gratuites provenant de Canva, ainsi que des images provenant du site Noun Project

Canva est également disponible sous forme d'app pour iPad.







Voici le résultat (cliquer sur l'image pour agrandir).




Pour aller plus loin

Vous pouvez apprendre rapidement à prendre des notes à la façon Sketchnoting, créer des métaphores visuelles, et plus encore en participant aux Ateliers de Visual Mapping

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

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


Dans un billet précédent, nous abordions la notion d'hybridation du mind mapping. 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 Bitch Van.H et publiée sur le blog de Pierre Mongin pour présenter le programme d'un cours:



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 





Connectez les méthodes visuelles en avril


Découvrez en avril comment utiliser le mind mapping comme clé magistrale pour s'approprier les principales méthodes visuelles. Il y a 7 ans, j'ai commencé, en m'aidant du mind mapping, à intégrer d'autres méthodes visuelles, toutes distinctes et pourtant partageant de nombreux points communs: la pensée design, les méthodes agiles, ....





Le Visual Mapping est le point de rencontres des principales méthodes visuelles avec comme clé de voûte le mind mapping. En avril,  j'organise de nouveaux ateliers à Paris pour partager ce savoir-faire et vous transmettre des outils pratiques au service de vos projets. 

Que vous soyiez praticien du mind mapping, coach, professeur, entrepreneur, consultant.... c'est un point de rencontre pour apprendre, pratiquer et échanger par lesquels sont déjà passés plus de 120 personnes depuis deux années. 

Pour recevoir le programme détaillé et en savoir plus. allez ici: http://visual-mapping.fr/les-ateliers/