«Qu'est-ce que l'œil humain regarde en premier sur une page» ont demandé à de nombreux concepteurs curieux, notamment des concepteurs de sites Web. En tant que présentateurs, avons-nous déjà demandé la même chose ? Pourquoi pas? Nous devons également être curieux du comportement de lecture de notre public. Ne voulons-nous pas que nos diapositives soient lues et vues comme nous le souhaitons ? La connaissance de leur comportement ne nous aidera-t-elle pas à prendre de meilleures décisions quant à quoi mettre sur les diapositives et où ?

Nous revenons donc à la question : où les gens regardent-ils en premier sur une page imprimée ou sur le Web ? Une recherche rapide sur les études de suivi oculaire donne les résultats suivants :

Études de suivi oculaire : que nous disent-elles

Les études de suivi oculaire sont très fascinantes. C’est tellement instructif de savoir ce que les lecteurs lisent en premier, en deuxième, en troisième, etc., et où leurs yeux restent fixés le plus longtemps. Comment savons-nous cela? Eh bien, les participants ont été confrontés à un léger inconfort dû au port d'un casque (équipement assez coûteux) et ont été invités à lire leurs sites Web comme ils le font habituellement. Le logiciel génère une carte thermique qui révèle tout.

Bien que la plupart des études de suivi oculaire aient été menées pour des sites Web et des résultats de recherche Google (qui contiennent pour la plupart beaucoup de texte), nous pouvons toujours tirer des informations précieuses de ces études. Je suis d’accord sur le fait que les slides sont un jeu de balle totalement différent. Une présentation PowerPoint est une aide visuelle et est censée être visuellement lourde plutôt que textuelle. Mais nous pouvons profiter des modèles de lecture universellement définis, enfreindre les règles comme un pro et rendre nos diapositives plus percutantes. Alors c'est parti :

1. Le coin supérieur gauche de la page est le premier vu

Où les gens regardent-ils en premier ? Des études ont montré que les gens commencent à lire à partir du coin supérieur gauche de la page. C'est la raison pour laquelle la plupart des sites Web conservent leur logo dans le coin supérieur gauche.

Qu'est-ce que cela signifie pour vos diapositives : Conservez l'élément le plus important de la diapositive (disons votre titre) en haut à gauche. Vous êtes libre d'enfreindre la règle, mais pour cela, vous devez également connaître les prochaines découvertes.

2. Texte préféré aux images

Il y a beaucoup de débats quant à ce qui est vu en premier sur une page : texte ou images. Alors qu'il est généralement admis que les images sont vues en premier, une étude réalisée en 2000 par l'Institut Poynter sur les sites de journaux a révélé que parmi les trois premières fixations oculaires des utilisateurs, 22 % étaient des graphiques et 78 % du texte. Cela était contraire à l’opinion populaire et à l’étude de Poynter de 1990. C’est une bonne nouvelle pour les entreprises (surtout les journaux puisque l’étude en parle). Bonne nouvelle étant votre contenu est lu.

Mais rappelons-nous que les gens lisaient un site Web de journal où les gens allaient lire des informations et qu'il s'agit d'une étude menée il y a 17 ans alors que le public n'était pas saturé de texte. Il est encourageant de constater que le public n’est pas non plus saturé de textes aujourd’hui. Une étude réalisée en 2016 par le Pew Research Centre a révélé que 42 % des jeunes adultes préfèrent les mots aux images lorsqu'il s'agit d'actualités.

ATTENTION : Qu'est-ce que cela signifie pour vos diapositives : L'expérience acquise avec des diapositives épouvantables et contenant beaucoup de texte suggère le contraire. Les visionneuses de diapositives sont saturées de texte. Les présentateurs ne doivent pas se tromper de message du Pew and Poynter Research et commencer à remplir leurs diapositives avec du texte. C’est un support visuel et doit être traité de cette façon. Le texte est important mais gardez-le au minimum.

3. Le pli supérieur est le plus long consulté

La recherche Eyetrack III menée par le Poynter Institute, l'Estlow Center for Journalism & New Media et Eyetools ont trouvé : "Les yeux se fixaient le plus souvent d'abord en haut à gauche de la page, puis survolaient cette zone avant d'aller de gauche à droite. Ce n'est qu'après avoir parcouru la partie supérieure de la page pendant un certain temps que leurs yeux ont exploré plus bas dans la page."

Qu'est-ce que cela signifie pour vos diapositives : Conservez le message le plus important dans la moitié supérieure. Bien entendu, la mise en page détermine le comportement de lecture du public. Si vous divisez la diapositive horizontalement, il est logique de conserver les informations importantes dans la moitié supérieure. Si vous divisez la diapositive verticalement, conservez-la à gauche, car les études de suivi oculaire révèlent également les résultats ci-dessous.

4. La moitié gauche de la page est dominante

La société occidentale est habituée à lire de gauche à droite puisque la plupart des langues écrites ont été créées de cette manière. Une étude réalisée par Nielsen Norman Group révèle que les internautes passent 69 % de leur temps à consulter la moitié gauche de la page et 30 % à consulter la moitié droite. Le groupe Nielsen Norman a également découvert le F-Pattern of Reading : les lecteurs commencent par le coin supérieur gauche, se déplacent horizontalement vers la droite, descendent un peu et lisez à nouveau horizontalement, et enfin lisez verticalement du haut à gauche vers le bas à gauche.

Cette étude de 2006 est-elle toujours d'actualité ? Une étude récente sur la lecture du regard sur les smartphones a révélé que le motif F était toujours présent.

Qu'est-ce que cela signifie pour vos diapositives : Si vous divisez la diapositive verticalement, conservez le message le plus important sur la gauche. Le dilemme revient : texte ou visuel à gauche ? N'oubliez pas que la présentation doit se concentrer davantage sur les visuels, car ils sont davantage mémorisés que sur le texte. Gardez donc les images à gauche sans aucun souci !

5. Les gros titres audacieux attirent l’attention

L'étude Eyetrack III cite également : "Les titres dominants attirent le plus souvent l'attention en premier dès l'entrée dans la page, en particulier lorsqu'ils se trouvent en haut à gauche, et le plus souvent (mais pas toujours) lorsqu'il est en haut à droite.”

Qu'est-ce que cela signifie pour vos diapositives : Utilisez le contraste, l'emphase et la puissance des combinaisons de polices pour ajouter de la puissance à votre titre dans les présentations< /span> pour faire de votre texte un régal visuel pour le public.remplacer les alphabets par des icônes. Vous pouvez même

6. Les gens ne lisent pas les pages, ils les scannent

Toutes les études de suivi oculaire ont montré que les gens parcourent les pages pour trouver les éléments qui leur sont utiles. Ils ignorent impitoyablement les détails. Mais lorsque les informations les plus pertinentes pour eux ont été trouvées, ils s’y plongent et les lisent en détail.

Qu'est-ce que cela signifie pour les diapositives : il n'y a pas de paragraphes en cours d'exécution. Divisez-le en morceaux avec des titres. Mettez le mot important dans une phrase en gras ou en italique pour interrompre le mouvement des yeux et attirer l'attention du public.

Briser toutes les règles de suivi oculaire dans la conception de présentations

Un concept très important dans le design - TOUT design - est le poids visuel. Le poids visuel est l’idée selon laquelle certains éléments du design semblent plus lourds que d’autres. Nous avons besoin d’éléments de conception de poids visuel variable pour établir une hiérarchie visuelle. Un titre en taille 60 points sera visuellement plus lourd qu’un titre en taille 24 points. Le rouge foncé sera visuellement plus lourd que le gris clair sur une diapositive blanche. L'élément ayant un poids visuel maximum attirera le regard en premier, ce qui semble évident.

Lorsque vous utilisez ce concept dans la conception d'une présentation, vous pouvez briser toutes les conclusions ci-dessus et diriger le regard du public vers l'endroit où vous souhaitez qu'il aille. Vous pouvez placer un titre de 80 points en bas à droite de votre diapositive et le public le remarquera en premier. Mais il doit y avoir une logique derrière cela. Vous auriez également pu placer le titre en haut à gauche, comme le suggèrent les études de suivi oculaire. Quel modèle de diapositive choisiriez-vous entre ces deux ? (Nous opterions pour l'option A même si elle ne respecte pas la règle du titre dans le coin supérieur gauche. Et vous ?)

Eye Flow dans la conception de présentations : est-ce facile

Nous devons tous convenir que chaque conception a un flux, même s'il est aléatoire. Il existe un schéma selon lequel nos yeux passent d’une information à l’autre. En tant que présentateurs ou créateurs de diapositives, nous avons le devoir moral de garantir que notre public soit capable de consommer les informations contenues dans notre diapositive dans les plus brefs délais et sans aucune contrainte cognitive.

Malheureusement, de nombreuses diapositives ne sont pas seulement une contrainte cognitive, mais également une fatigue oculaire. Avez-vous déjà rencontré des diapositives épouvantables contenant tellement d'informations qui réclamaient votre attention que vous ne saviez pas par où commencer ? et encore moins traverser tout cela. Voici une diapositive qui, malgré les meilleures intentions, fait rouler les yeux beaucoup trop vite dans les orbites :

Que remarquez-vous en premier ? Le titre « Démographie » ou l'homme en haut à gauche qui regarde Dieu sait qui ? Et ensuite ? Lisez-vous les puces mais laissez-vous cela à mi-chemin pour regarder la jolie fille asiatique sur la gauche ? L'homme barbu à droite attire-t-il également votre attention avec son sourire radieux ? Pas une minute après avoir lu cette diapositive et les yeux veulent une pause !

Pour changer, la diapositive n'est pas remplie de texte. Il existe des visuels qui parlent mille mots chacun. Oui, le choix des images est erroné : certaines ont un arrière-plan chargé, tandis que d'autres sont transparentes. Il n’y a pas non plus d’uniformité dans les dimensions des images. Mais prendre en compte ces facteurs ne sauverait pas la chute. Comme vous l'avez déjà deviné, le défaut fatal est le placement irrégulier des éléments de conception. Le flux dans cette conception de diapositive est fou de gauche à droite, de haut en bas, en diagonale... culminant dans la rotation des globes oculaires ! Je suis sûr que vous avez déjà corrigé la diapositive dans votre esprit et que vous avez probablement décidé d'opter pour une seule image, comme nous l'avons fait dans la refonte de la diapositive ci-dessous :

Le placement de gauche à droite de chaque variable démographique et la division de la diapositive en 5 cases colorées rendent le mouvement des yeux si facile et les informations si faciles à saisir. C'est ce qu'on appelle le Flux de composition dans le design : composer le design de telle manière que l'œil passe d'un élément de design à un autre comme vous le souhaitez. . Voyons donc comment nous pouvons manipuler et créer des conceptions pour rendre le mouvement des yeux plus facile et utile pour atteindre notre objectif de présentation.

Stratégies pour intégrer le mouvement oculaire dans la conception de diapositives PowerPoint

Stratégie n°1 – Tirer parti de la puissance du regard

Si vous voyez un groupe de personnes regarder vers quelque chose, nous avons automatiquement tendance à regarder dans cette direction. Nous ne pouvons pas nous empêcher de faire cela. Appelons cela curiosité, mécanisme de survie ou instinct grégaire, nous sommes programmés pour suivre le regard. Profitez-en pour concevoir des diapositives. Il vous suffit de faire deux choses :

• Choisissez une image dans laquelle les gens (oui, c'est leur regard que nous suivons le plus) regardent dans une certaine direction (le mieux étant de regarder l'espace blanc de votre diapositive).
• Placez l’élément le plus important de votre slide sur la zone que regarde la personne.

Jetez un oeil à la diapositive ci-dessous-

Dans la diapositive ci-dessus, il était préférable de placer le titre de notre présentation en direction du regard de l’homme et de la banane. Grâce à sa taille et à sa couleur éclatante, la banane a un grand poids visuel et attire donc immédiatement l'attention. Les expressions de l’homme rendent l’image très intéressante et accrocheuse.

Le photographe qui a composé cette image doit maîtriser le principe du mouvement dans la conception, car il laisse beaucoup d'espace à droite de la personne. De telles images sont envoyées par Dieu aux présentateurs : suivez la Règle des tiers et ayez du mouvement. Mais il est important que vous appréciiez également la beauté de l’image et que vous placiez le texte en conséquence. C’est pourquoi nous avons légèrement incliné le texte pour imiter la courbe de la banane. Ensuite, nous avons également choisi une police personnalisée (police cursive) pour le titre afin qu'elle corresponde à la personnalité des mots et de l'image. Mais la toute suivante déclaration « Est-ce vraiment payant » exige du sérieux et est donc dotée d'une police de caractères normale.

Remarque : L'espace blanc est essentiel au bon fonctionnement du regard
Maintenant, jetez un œil à la diapositive ci-dessous pour comprendre à quel point l'espace blanc est important lors de l'utilisation du regard. Dans l’image ci-dessous, l’espace blanc était à peine présent. Nous avons donc dû lui mettre le mot clé « Date limite » au-dessus de sa tête. Il aurait été bien préférable de placer ce mot dans la direction de son regard. En utilisant au mieux l’espace dont nous disposions, nous avons placé le nombre d’heures restantes près du regard. Ainsi, le mouvement des yeux de la diapositive ressemblera très probablement à ceci : En haut (lire Date limite) - Regardez l'image et suivez les yeux de la femme - voyez le nombre d'heures restantes qui lui causent tant de stress.

Stratégie n°2 – Utiliser des objets pour montrer le mouvement (si le visage humain n'est pas disponible)

Il n’est pas si facile de trouver des images qui intègrent le regard dans la composition de l’image. Si vous pouvez trouver des objets orientés dans une direction particulière, cela fera également l’affaire. Par exemple, voici une diapositive sur la vision de l'entreprise qui utilise la direction de l'objet pour mettre davantage l'accent sur l'énoncé de la vision.

Voici une autre diapositive qui utilise les directions opposées des drapeaux pour montrer la rupture du Brexit en chiffres. Les instructions ajoutent plus de sens au contenu de la présentation, c'est-à-dire les pourcentages « partir » et « rester » dans ce cas.

Stratégie n°3 – Imitez le mouvement inhérent à l’image

Bien que les images soient statiques, le mouvement inhérent à l’intérieur des images les rend dynamiques. Nous percevons une image en train de courir ou de nager comme étant en action plutôt que stationnaire. Nous comblons l'action manquante en nous basant sur notre connaissance du monde extérieur. Par exemple, nous pouvons facilement identifier si un homme fait du jogging ou du sprint en fonction de la tension de son corps et de ses expressions faciales.

Profitez de cette action dans les images lors de la conception de vos diapositives. Par exemple, dans la diapositive ci-dessous, vous pouvez voir un homme courir avec sa mallette. Vous pouvez placer votre contenu de manière ordinaire et statique, comme une police Arial ou Calibri normale, mais le texte dans un style normal mettra un terme à l'action dans la diapositive. Vous pouvez également télécharger une police personnalisée ou simplement la mettre en italique pour que votre contenu apparaisse également « en fuite » !

Le contenu corporel a également reçu un traitement similaire. Le placement des lignes de haut en bas à côté du contenu ajoute également un mouvement subtil à la diapositive.

Nous lisons au début que le coin supérieur gauche est l'endroit où la plupart des gens ont l'habitude de commencer à lire. En utilisant des principes de conception tels que le contraste et l’emphase, nous pouvons inverser cette direction de mouvement comme nous le souhaitons. Par exemple, dans la diapositive ci-dessous, l’image des étapes serait très probablement tracée de haut en bas. Mais comme nous voulons qu’il symbolise une échelle de réussite, nous voulons un mouvement de bas en haut.

Par conséquent, contrairement à la tradition habituelle, nous avons placé le titre en majuscules en bas et le corps du texte vers le haut. Les flèches et les chiffres obligent en outre le public à inverser son comportement de lecture. Idéalement, il faudrait suivre le style de lecture habituel pour faciliter la tâche du public, mais nous pouvons enfreindre les règles si cela ajoute du sens au design, ce que nous avons fait dans la diapositive ci-dessous :

Stratégie n°4 – Jouez avec les éléments d’image

Essayez de trouver l'action dans l'image que vous choisissez et voyez que vous pouvez manipuler cette action pour ajouter de la puissance au contenu de votre présentation. Dans l’image ci-dessous, aucun design sophistiqué n’a été réalisé : le mot « Hurdles » a simplement été conservé sous le pied de la femme. Ce simple placement ajoute encore plus de mouvement à la composition de l'image : le mot « obstacles » lui-même devient un obstacle que la femme essaie de surmonter. Le spectateur peut également imaginer sa prochaine étape tomber sur le mot « Overcome » et enfin monter sur la colline suivante sans aucun problème.

Comment naissent de telles idées ? En tant que présentateurs, de telles astuces ne nous viennent pas automatiquement. Nous devons entraîner notre œil à regarder plus profondément. Nous devons choisir des images qui contiennent de l’action. Une fois cette option choisie, voyez comment cette action peut ajouter de la puissance à votre contenu et enfin façonner votre contenu pour créer la bonne impression. Lentement, vous vous entraînerez à sortir des sentiers battus et à créer des conceptions de diapositives percutantes :

Stratégie n°5 – Utiliser des images avec une perspective différente

Les images prises sous différents angles créent un mouvement unique dans la composition. De telles images obligent le public à regarder l’objet de la même manière que le photographe lors de la composition de l’image. Dans l’image ci-dessous, vous avez tendance à tendre le cou vers le haut pour regarder le grand bâtiment. Placer le texte dans la même direction ajoute simplement à ce mouvement.

Ces images sont plus puissantes que les images standards d’objets ou de personnes prises au niveau des yeux. Les images avec une perspective différente changent la dynamique : par exemple les images prises d'en bas, comme l'image du bâtiment que vous avez vu ci-dessus, respirent l'autorité et la position dominante.

Venons-en ensuite aux repères visuels. Certaines images sont composées de telle manière que tous les repères visuels tendent à pointer vers une zone d'intérêt. Comme dans la superbe image du Golden Gate Bridge ci-dessous. Les bâtiments semblent mener vers le pont imposant au milieu. Ainsi, plutôt que de placer votre texte en bas, là où il peut encore être lu facilement grâce au contraste offert par les bâtiments, vous devriez le mettre à ciel ouvert. Cela n’obstruera pas le mouvement naturel présent dans l’image.

Stratégie n°6 – Ajouter du texte aux éléments de l'image

Vous trouverez de nombreuses images sur les sites Web de stockphoto où un professionnel tient une pancarte vide. L'image peut paraître clichée et ennuyeuse, mais vous pouvez la rendre intéressante en fonction de la façon dont vous l'utilisez. Dans la diapositive « Contactez-nous » ci-dessous, les coordonnées ressortent facilement sur l'espace vide. L’œil du spectateur est naturellement attiré par cette zone et, comme un panneau sur la route, l’image s’imprime dans l’esprit.

Voici un autre exemple qui utilise une utilisation créative de l’espace vierge du document pour placer le contenu. L’avantage de l’utilisation de telles images est que le contenu devient une partie de l’image elle-même, plutôt que deux éléments distincts sur une diapositive. L’œil le considère alors comme un élément de design et saisit rapidement le message.

Stratégie n°7 – Choisissez des modèles qui facilitent le mouvement des yeux

Le plus grand avantage de l’utilisation de modèles PowerPoint professionnels est qu’ils mettent de l’ordre dans le chaos. Que le contenu de votre présentation approximative soit minime ou important, un modèle de présentation propose des mises en page intéressantes, soigneusement organisées et agréables à regarder.

Le type de modèle PPT que vous choisissez dicte le mouvement des yeux du public. Si vous choisissez le modèle PowerPoint circulaire, les lecteurs liront le processus dans le sens des aiguilles d'une montre. Si vous choisissez un modèle de demi-cercle comme celui ci-dessous, l'œil se déplacera systématiquement d'un bout à l'autre. Vous pouvez cependant modifier le mouvement des yeux en modifiant le poids visuel de certains éléments de conception (en modifiant la taille et la couleur de la police) pour rompre avec l'habitude de lire.

Par exemple, dans la diapositive ci-dessous, le public sera obligé de remarquer d'abord le mot « Développement de produits » - qui est le statut actuel - puis de reprendre son habitude de lire un demi-cercle de gauche à droite.

Vous pouvez utiliser ce modèle modifiable pour votre prochaine présentation en le téléchargeant simplement depuis ici.

Voici une autre conception PPT professionnelle sur le cycle de vie des produits qui est agréable à regarder. Quelques secondes suffisent pour lire les quatre étapes et voir le visuel correspondant.

Téléchargez le Modèle d'étapes du cycle de vie du produit ci-dessus pour votre future présentation.

Un modèle en zigzag comme celui-ci guide également le mouvement oculaire du public. Vous pouvez également insérer les obstacles rencontrés entre deux tâches sans que la diapositive ne paraisse compliquée. Voici un Modèle de feuille de route en zigzag utilisé pour présenter une feuille de route produit.

Stratégie n°8 – Diviser la diapositive en deux

Tout n’est pas important dans une diapositive. Quel que soit le message le plus important de la diapositive, il doit être conçu de manière à lui donner plus d'importance. Puisque nous savons que le public analyse les informations, nous devons nous assurer que son œil se pose sur l’élément important et analyse rapidement les éléments moins importants.

Pour y parvenir, vous pouvez diviser l'image en deux : la moitié supérieure révélant le message le plus important et la moitié inférieure donnant les détails les moins importants. L’œil est alors capable de saisir l’information rapidement et sans surcharge cognitive. Voici un exemple :

Stratégie n°9 – Divisez la diapositive en grilles

Si vous choisissez d’avoir beaucoup de contenu sur vos diapositives, divisez-le en morceaux digestibles afin qu’il n’y ait pas de surcharge sensorielle pour les yeux. Une bonne façon d’y parvenir est de diviser la diapositive en grilles et d’attribuer un message à chaque carré.

Cette conception permet au public de naviguer facilement parmi plusieurs informations et de les consommer de manière ordonnée. Voici un exemple d’une telle disposition de diapositive :

Une autre stratégie créative qui vous vient à l’esprit ? Dites-le-nous dans les commentaires ci-dessous.

Au début de cet article, nous avions soulevé la question « « Qu'est-ce que l'œil humain regarde en premier sur une page » Je pense que la question la plus importante en tant que présentateur est « Que voulons-nous que le public regarde en premier ? » Lorsque vous avez la réponse à cette question, concevez-la en conséquence : utilisez les résultats du suivi oculaire et le pouvoir du poids visuel pour attirer d'abord l'attention du public, puis utilisez les mises en page créatives pour créer le mouvement des yeux sur la diapositive est aussi facile que possible.

Si vous avez appris quelque chose d'utile, partagez-le avec vos abonnés. Voici un tweet pré-rempli pour faire passer le mot :

Tweetez ce message à vos abonnés