Infographies : la mise en image de l'information et de la connaissance
Passé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, 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 outils qui émergent, Canva se démarque :
Pour Canva, 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 outils qui émergent, Canva 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)
- Mais sur appareil mobile, on choisira plutôt Pic Collage
Pour Canva, 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 :
|
Autres typologies des infographies:
Dans leur article, le blogue de design web Queness élabore davantage sur nécessaire recherche d'informations, suivie d'un processus en entonnoir. |
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.
|
|
|
|
Conseils de conception et outils complémentaires
|
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 :
- L'interface mal adaptée aux écrans de moins de 13".
- Canva ne pardonne pas l'erreur de dimensions. Vous devrez rogner votre infographie dans un autre programme le cas échéant. Décevant.
- Il s'avère impossible de justifier du texte aux deux marges pour le moment. S'il le faut, on doit utiliser l'image d'une capture d'écran d'un traitement de texte.
- En publiant en .jpg ou .pdf, les liens web ne seront pas actifs, tout comme il n'est pas possible d'intégrer des vidéos. Il faut publier dans leur site web ou utiliser les outils Thinglink ou HTML map creator mentionnés précédemment.
- Partage en format image ou PDF seulement, pas de code d'intégration de fourni. Les modifications à un design utilisé dans plusieurs pages sont donc compliquées parce qu'il faut tous les remplacer individuellement. L'intégration en embed ou iframe rendrait le tout automatique. Les liens web dans un design deviendraient aussi fonctionnels.
Des outils plus adaptés pour la visualisation de données, les cartes, 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.
|