• 6 heures
  • Facile

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 26/07/2021

Découvrez des bonnes pratiques de mise en page

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

Eh oui, vous l’avez compris, ce n’est pas encore ici que vous allez commencer à manipuler logiciel de présentation ! Un peu de patience…

Maintenant que vous savez ce que vous allez faire figurer dans votre présentation, il s’agit de vous mettre dans la peau de votre auditoire pour déterminer la mise en page et la mise en forme qui seront les plus claires, confortables et attractives.

C’est donc d’ergonomie et de “design” que nous allons parler, après avoir évoqué les éléments qui font d’un diaporama un document empreint de professionnalisme. 

Prévoyez un diaporama de qualité professionnelle

Une présentation cohérente

  • Respectez la charte graphique de votre institution, si elle en a une. À défaut, vous pouvez vous inspirer de son logo pour choisir des polices et un jeu de couleurs adaptés.

  • Utilisez un modèle (mise en page, éléments graphiques, polices, couleurs et corps des caractères...) décliné selon les types de diapositives. Les logiciels pour réaliser des présentations vous proposent des thèmes graphiques et mises en page prêts à l’emploi (voir deuxième partie).

Deux diapos harmonisées
Deux diapos harmonisées
  • Prévoyez l'insertion d'éléments constants permettant de se repérer dans la présentation : numérotation des diapositives, fil d'Ariane (rappel de la partie, sous-partie... de la présentation dans laquelle on se trouve)…

Rappel de la partie du plan et numérotation de la diapo
Rappel de la partie du plan et numérotation de la diapo

Des contenus identifiés...

  • Donnez des titres à chacune de vos diapositives et aux illustrations qu'elles contiennent, comme dans l’exemple ci-dessus.

  • Pour les illustrations, n'oubliez pas de mentionner la source, si vous n’en êtes pas l’auteur, ainsi que la légende, le cas échéant.

… et parfaits !

  • Les textes figurant sur vos slides, y compris dans vos illustrations, doivent être dépourvus de fautes d’orthographe ou de frappe.

  • Les images doivent avoir une taille suffisante pour ne pas “pixelliser” (l’image semble faite de carrés) à l’écran. La présentation de Sophie pour la société Fournaise vous permettra d’en savoir plus sur ce sujet. :)

  • Vos slides ne doivent pas comporter d’éléments tracés à main levée.

  • Les éléments doivent être alignés en suivant des lignes imaginaires (pas si imaginaires que ça, car votre logiciel va vous permettre d’utiliser une grille, lors de la création de vos diapos, comme vous le verrez dans la deuxième partie :)).

Des légendes mal alignées !
Des légendes mal alignées !
Une façon d’aligner les légendes
Une façon d’aligner les légendes

Pensez à l'ergonomie et à l'attractivité des diapositives

La lisibilité

  • Ne tassez pas trop le contenu : vos diapos doivent être aérées et comporter beaucoup d’espace vide pour que le contenu ressorte.

  • Privilégiez les polices de caractères sans empattement (sans serif), comme "Arial", plus lisibles et dont les contours seront plus nets sur des support numériques que ceux des des polices avec empattement (serif), comme "Times New Roman".

polices de caractères sans et avec empattements
Des polices sans et avec empattement
  • Le corps des caractères (leur taille, exprimée ici en pixels) doit permettre une lecture à distance. Il est difficile de donner des chiffres exacts, car cela dépend de la distance à laquelle votre public se situera de l’écran. Essayez de ne pas passer en dessous de 20 pixels (vous ajusterez lorsque vous testerez votre présentation).

  • Les graphiques et schémas doivent également être lisibles, une fois projetés. Un diagramme ou un schéma très dense conçu pour un document papier ne pourra souvent être copié en l'état et devra être retravaillé pour être inséré dans la présentation.

  • Les couleurs choisies pour le fond d'écran et le contenu doivent être harmonieuses, agréables à voir, et présenter un contraste suffisant pour permettre une lecture aisée, quelles que soient les conditions d'éclairage de la salle. Évitez une image de fond ou un arrière-plan texturés, qui vont nuire à la lisibilité du contenu.

Blanc sur fond #B0CC99 - Un contraste insuffisant
Blanc sur fond #B0CC99 - Un contraste insuffisant
#046380 sur fond #B0CC99 : un contraste suffisant pour une bonne lisibilité
#046380 sur fond #B0CC99 : un contraste suffisant pour une bonne lisibilité

Testez vous-même !

  1. Choisissez des couleurs de fond et de texte en utilisant le site http://www.code-couleur.com/, et notez le code hexadecimal de chacune des couleurs choisies.

  2. Utilisez le site http://contrast-ratio.com (reportez les codes des couleurs dans les cases "Background" et "Text color") pour évaluer la qualité du contraste obtenu !

L'esthétique

  • Il s'agit là de soigner le "design". La notion d'esthétique est très subjective et également sujette aux effets de mode. La tendance actuelle, pour les interfaces numériques comme les sites web, privilégie un style graphique épuré favorisant la clarté et la lisibilité.

  • Privilégier minimalisme et simplicité vous permettra de plaire au plus grand nombre tout en mettant le fond de votre présentation en valeur. On ne vous en demande pas plus ;) !

Des ombres, plein de couleurs, du souligné et un encadré… : à éviter
Des ombres, plein de couleurs, du souligné et un encadré… : à éviter

La diapo qui précède peut paraître caricaturale, et pourtant… on voit parfois bien pire ;-) !

Heureusement que les modèles proposés par les applications ne vous incitent pas trop à partir dans ce genre de direction, comme on le verra plus tard.

Découvrez la maquette de la présentation de Sophie et sa version finale

🔥Reprenons la présentation de Sophie pour Fournaise.

Voici un maquettage que Sophie aurait pu faire, à ce stade, et qui aurait juste consisté en un brouillon à main levée (maquette “basse fidélité”).

La maquette basse fidélité d'une diapo de Sophie
La maquette basse fidélité d'une diapo de Sophie

Voici la présentation finale de Sophie qui respecte tous les critères de mise en page expliquées de ce chapitre. Sophie a privilégié une grande sobriété. Il faut dire que le logo de Fournaise n’est pas très contemporain et n’est pas compatible avec les thèmes graphiques qui lui sont proposés dans son application :( !

En résumé

  • vos diapos doivent être harmonisées, et présentées et écrites de manière professionnelle ;

  • une bonne ergonomie (polices de caractères, contraste des couleurs…) est indispensable pour faciliter la lecture de vos documents ;

  • vous devez également penser à votre auditoire en adoptant un design minimaliste, qui mettra en évidence l’essentiel et plaira au plus grand nombre.

Vous savez maintenant quel produit fini vous souhaitez obtenir. Il ne reste plus qu’à passer à l’action ! Rendez-vous au chapitre suivant pour découvrir les différentes applications que vous pouvez utiliser et apprendre à les “apprivoiser” ;).

Exemple de certificat de réussite
Exemple de certificat de réussite