La visualisation des données et les infographies n'ont pas 15, mais 200 ans: «The surprising history of the Infographic»!
Infographies : la mise en image de l'information et de la connaissancePassées des journaux à l'Internet, les infographies captent de plus en plus l’intérêt du public. En une affiche qui se déroule le long de quelques écrans, elles combinent graphiques, chiffres et textes pour communiquer une multitude d’informations de façon concise et imagée. En voici des exemples professionnels (1, 2, 3, 4, 5, 6, 7, 8, puis 10 autres). À votre tour, amenez vos étudiants vers un mode de communication actuel et efficace. Vous pourriez vous prendre vous-même au jeu!
|
|
Utile à quoi?
Un projet idéal : un colloque virtuel où les affiches remplaceraient les communications.
Des tous les outils, Canva est celui qui se démarque:
Canva reste fort. Thot Cursus sont d'accord : ils recensent et adaptent notre procédure!
Courbe d'apprentissage : moyenne voire facile. Voici une de mes premières créations et celles d'étudiants du collégial :
- Mettre en image des règles, des faits, des données et des propos
- Comparer deux choses ou prendre position dans un débat
- Indiquer une démarche ou une procédure
- Hyperlier le web à partir d'images actives
- Démontrer les connaissances qu'on a acquises et partager son savoir
- Amincir les murs de la classe pour illustrer dans le web ce qu’on y apprend! Un exemple par les élèves de Gabrielle St-Germain
Un projet idéal : un colloque virtuel où les affiches remplaceraient les communications.
Des tous les outils, Canva est celui qui se démarque:
- Parce que les dimensions de l'infographie sont décidées par l'utilisateur
- Pour la rotation et la superpositions des éléments, ainsi que les jeux de transparence
- Pour les polices et la palette de 16 millions de couleurs
- Pour l'importation facile des images depuis son ordinateur
- Comme Thinglink ou HTML-map creator (exemples), Canva a des fonctions d'image active (exemples : 1, 2)
- Il lui manque par contre une banque d'icônes aussi complète que Piktochart. Exemple: 1, 2.
- Et sur appareil mobile, on choisira plutôt Pic Collage. Exemple de tâche.
Canva reste fort. Thot Cursus sont d'accord : ils recensent et adaptent notre procédure!
Courbe d'apprentissage : moyenne voire facile. Voici une de mes premières créations et celles d'étudiants du collégial :
|
|
Démarche de création de Manon Rollin (Collège Nouvelles Frontières)
L'infographie qui en résulte, créée avec l'outil Piktochart. Voir aussi cet autre magnifique Piktochart de Manon Rollin. |
Dans leur article, le blogue de design web, Queness élabore aussi sur la recherche d'informations, suivie d'un processus en entonnoir.
|
Démarche de création du Récitus
La démarche de création d'#infographies du @recitus pic.twitter.com/XYSz41FRl7
— Jean Desjardins (@jdesjardins1861) 12 mars 2016
|
|
Conseils de conception et outils complémentaires
Grâce à sa banque d'icônes plus complète, Piktochart est actuellement supérieur à Canva pour les tâches d'explication. Pour palier,
on y ajoutera celle de Flaticon, assez géniale. L'outil de nuages de mots Wordart permet d'habiller de mots l'icône qu'on lui donne. |
Une infographie professionnelle de Socially Sorted. Eux soulignent 7 conseils de conception élémentaires comme de garder la palette de couleur et les polices régulières. Cliquez pour l'agrandir. |
Limites de l'outil Canva :
|
Des outils plus adaptés pour la visualisation de données, les cartes, les organigrammes décisionnels
Le service public a également recours à Datawrapper.
Outil de Zoom:
- http://zoom.it/ Autre site dressant une liste d'outils: - http://www.coolinfographics.com/tools/ |
Toujours sur les cartes, on peut apprendre comment y illustrer des statistiques dans ce billet d'un carnet web francophone.
|