Quick Tips - Principes de base pour support visuel

sUPPORT VISUEL

AVANT-propos

Une identité visuelle cohérente

une ergonomie réfléchie

QUELQUES PRINCIPES DE BASE

Les RochDur

avant- propos (1/3)

Support visuel

Outil pédagogiquecentré sur l'apprenant

Prof

Apprenant(e)

Pas un supportde lecture pour le prof

INTERACTIONS

=

Les explications du prof doivent avoir une plus-value par rapport au support

=

avant- propos (2/3)

Respecter des principes de base en termes d'identité visuelle ou d'ergonomie numériquen'est pas synonyme de succès !

Tout dépend de l'utilisation qui est faite du support...

avant- propos (3/3)

faciliter la compréhensionvisualiser les concepts et leurs relationsdonner une structure au contenusynthétiser la matièreaider à la prise de note

Un support réfléchi et bien utilisé doit permettre de...

En bref...

pour l'apprenant(e)

une identité visuelle cohérente

(ou reprenez un modèle existant)

Pour appuyer les concepts

Pour illustrer les explications

Décidez de votre style graphique

policeS

COULEURS

IMAGES

POLICES (1/2)

(= sans Serif)

Privilégiez les polices sans empattement

Petites extensions aux extrémitésdes caractères de certaines polices.

Empattements

Aa

Aa

Sans empattementSans serif

Avec empattementAvec serif

POLICES (2/2)

Utilisez 2 policesdifférentes au maximum

Une pour les titres

Une pour le corps du texte

Deux

polices

de

caractères

différentes

au

maximum

couleurs

Utilisez une palette de couleurs restreinte

(ex. texte)

Couleurs chaudes

Couleursfroides

Arrière-plan

Premier plan

Pour augmenter

l'intérêt

la compréhension

la rétention des infos

Utilisez judicieusementles couleurs flashy

(ex. mot ou lien à faire ressortir)

images (1/5)

Utilisez des images de bonne qualité

images (2/5)

Utilisez des images libres de droits

images (3/5)

Photos en noir et blancsur l'entièreté du support

Conservez une unité visuelle dans le choix de vos images

Icônes d'un même set

Illustrations avec le même style graphique

images (4/5)

Évitez les images type "clipart"

images (5/5)

photos+ illustrations+ icône

Ne mélangez pas différents types d'imagessur une même dia

Ici

une ergonomie réfléchie

structuration

texte

cohérence

Contraste

vidéo/audio

animation/transition

structuration (1/8)

En limitant les éléments présentés par diapositive

Réduisez la charge visuelle

En favorisant une mise en page claire, simple et épurée

NO

structuration (2/8)

N'utilisez pas une image ou du texte dans le seul but de remplir un espace vide

Privilégiez des zones de repos

Pour favoriser la lecture, la compréhension et permettre à l'oeil de se détendre

NO

structuration (3/8)

Pas d'informations superflues

Allez à l'essentiel

Des informations organiséesde manière courte, claire et précise

NO

structuration (4/8)

Présentez une idée principale par diapositive

Ensemble des êtres vivants ainsi que les écosystèmes dans lesquels ils vivent. Ce terme comprend également les interactions des espèces entre elles et avec leurs milieux.

biodiverté

NO

structuration (5/8)

Signalez le titre d'une diapositive avec un énoncé court

La biodiversité désigne l’ensemble des êtres vivants ainsi que les écosystèmes dans lesquels ils vivent. Ce terme comprend également les interactions des espèces entre elles et avec leurs milieux. Bien que la biodiversité soit aussi ancienne que la vie sur Terre, ce concept n’est apparu que dans les années 1980. La Convention sur la diversité biologique signée lors du sommet de la Terre de Rio de Janeiro (1992) reconnaît pour la première fois l’importance de la conservation de la biodiversité pour l’ensemble de l’humanité.

NO

structuration (6/8)

Utilisez les options d'alignement

Alignez correctement tous les objets

La biodiversité désigne l’ensemble des êtres vivants ainsi que les écosystèmes dans lesquels ils vivent. Ce terme comprend également les interactions des espèces entre elles et avec leurs milieux.

Bien que la biodiversité soit aussi ancienne que la vie sur Terre, ce concept n’est apparu que dans les années 1980.

La Convention sur la diversité biologique signée lors du sommet de la Terre de Rio de Janeiro (1992) reconnaît pour la première fois l’importance de la conservation de la biodiversité pour l’ensemble de l’humanité.

NO

structuration (7/8)

Rendez les dias visuellement accessibles

Agrandissez les éléments pour qu'ils soient facilement visibles

Ensemble des êtres vivants ainsi que les écosystèmes dans lesquels ils vivent. Ce terme comprend également les interactions des espèces entre elles et avec leurs milieux.

biodiverté

NO

structuration (8/8)

Divisez mentalement votre imageen 9 parties égales

2 lignes horizontaleset 2 verticales

Disposez les éléments importants le long de ces lignes ou de leurs intersections

Plus d'infos

règle des tiers

cohérence (1/5)

N’oubliez pas votre public cible

NO

cohérence (2/5)

Ne diversifiez pas les templatesau sein d'un même support

Conservez une mise en page uniforme

Dia 1

Dia 2

NO

cohérence (3/5)

Gardez la même signification pour chaque objet visuel utilisé

Dia 1

Dia 2

NO

cohérence (4/5)

Des visuels qui soutiennent le texte ou illustrent l'idée de la dia

Privilégiez les visuels à valeur pédagogique

>< Des visuels décoratifs(arrière-plan, bouton de navigation...)

NO

cohérence (5/5)

Supprimez les éléments non pertinents

Passez du temps dans la trieuse de diapositives pour supprimer les données visuelles superflueset augmenter la clarté

texte (1/5)

Faites ressortir les points clés (en gras ou en couleur)

Ne combinez pas les options italique et/ou soulignement et/ou ombres et/ou gras

Pas de textes en continu en majuscule ou en italique

Utilisez judicieusement les options de police (1)

La biodiversité désigne l’ensemble des êtres vivants ainsi que les écosystèmes dans lesquels ils vivent. Ce terme comprend également les interactions des espèces entre elles et avec leurs milieux.

Bien que la biodiversité soit aussi ancienne que la vie sur Terre, ce concept n’est apparu que dans les années 1980. La Convention sur la diversité biologique signée lors du sommet de la Terre de Rio de Janeiro (1992) reconnaît pour la première fois l’importance de la conservation de la biodiversité pour l’ensemble de l’humanité.

NO

texte (2/5)

Taille de police suffisamment grande

Utilisez judicieusement les options de police (2)

Ensuite, vous lisez ça

D'abord, vous lisez ça

Après, vous lisez ça

Et enfin, vous lisez cette phrase qui est écrite avec une police de taille 18.

texte (3/5)

Alignez le texte à gauche

Utilisez les options interligne et interlettre

Utilisez judicieusement les options de police (3)

La biodiversité désigne l’ensemble des êtres vivants ainsi que les écosystèmes dans lesquels ils vivent. Ce terme comprend également les interactions des espèces entre elles et avec leurs milieux.

Bien que la biodiversité soit aussi ancienne que la vie sur Terre, ce concept n’est apparu que dans les années 1980.

NO

La biodiversité désigne l’ensemble des êtres vivants ainsi que les écosystèmes dans lesquels ils vivent. Ce terme comprend également les interactions des espèces entre elles et avec leurs milieux.

BIODIVERSITé

BIODIVERSITé

La biodiversité désigne l’ensemble des êtres vivants ainsi que les écosystèmes dans lesquels ils vivent. Ce terme comprend également les interactions des espèces entre elles et avec leurs milieux.

texte (4/5)

Limitation à 6-8 lignes maximum par dia

Des phrases simples et courtes ou des mots-clés

Réduisez au minimum la quantité de texte sur chaque dia

NO

texte (5/5)

Alternative de présentation pour un format plus engageant et impactant

Si présence de puces, maximum 6 avec textes courts

Évitez les trop longues listes à puces

NO

constraste (1/2)

Gardez un bon contraste entre l'arrière-plan et les éléments de la dia (1)

Un arrière-plan qui n'est pas surchargé

NO

ARRIère-plan trop chargé

constraste (2/2)

Gardez un bon contraste entre l'arrière-plan et les éléments de la dia (2)

Une couleur de policequi contraste avec l'arrière-plan

Police claire sur fond clair

NO

yes

Police foncéesur fond foncé

Police foncée sur fond clair

Police clairesur fond foncé

animations et transitions (1/2)

Ajouter des animations motivées par une intention pédagogique

N'abusez pas des animations

5 facteurs qui influent sur la diversité biologique

milieuxartificiels

pollutions

surexploitation

changement climatique

espèces exotiques envahissantes

NO

animations et transitions (2/2)

Choisir une transition discrète

Utiliser le même effet de transitionsur l'ensemble du support

N'abusez pas des transitions

NO

vidéos et audios

Vidéo courte ou audio type interview...

Diversifiez les formats de contenu

Pour changer la dynamique

Pour rencontrer les besoins de tousen termes de rétention de l'information