Eyetrack III : à quoi ressemblent les sites Web d'actualités vus par les lecteurs

Archiver

Les sites Web d'actualités existent depuis environ une décennie, et les éditeurs et les concepteurs sont toujours aux prises avec de nombreuses questions sans réponse : la mise en page de la page d'accueil est-elle efficace ? … Quel effet les textes de présentation sur la page d'accueil ont-ils par rapport aux titres ? … Quand le multimédia est-il approprié ? … Les publicités sont-elles placées là où elles seront vues par le public ?

La recherche Eyetrack III publiée par L'Institut Poynter , la Centre Estlow pour le journalisme et les nouveaux médias , et Outils pour les yeux pourrait aider à répondre à ces questions et plus encore. Une recherche d'eyetracking comme celle-ci ne fournira pas LA réponse à ces questions. Mais combinés à d'autres mesures de site déjà utilisées par les gestionnaires de sites Web d'actualités - tests d'utilisabilité, groupes de discussion, analyse de journaux - les résultats d'Eyetrack III pourraient fournir une orientation pour améliorer les sites Web d'actualités.

Dans Eyetrack III, nous avons observé plusieurs dizaines de personnes pendant une heure alors que leurs yeux suivaient de faux sites d'information et de vrais contenus multimédias. Dans cet article, nous allons donner un aperçu de ce que nous avons observé.

Aussi, un bref commentaire sur ce qu'est et n'est pas cette étude : est une étude préliminaire de 46 personnes menée à San Francisco. Il est ne pas une exploration exhaustive que nous pouvons extrapoler à l'ensemble de la population. Il s'agit d'un mélange de « résultats » basés sur des variables contrôlées et d'« observations » où les tests n'étaient pas aussi étroitement contrôlés. Les chercheurs sont allés « larges », et non « profonds », couvrant beaucoup de terrain en termes de conception de sites Web et de facteurs multimédias. Nous espérons qu'Eyetrack III ne sera pas considéré comme une fin en soi, mais plutôt comme le début d'une conversation qui profitera à l'industrie de l'information.

Au cœur : mise en page de la page d'accueil

En testant les mouvements oculaires de nos participants sur plusieurs conceptions de pages d'accueil d'actualités, les chercheurs d'Eyetrack III ont remarqué un schéma commun : les yeux se fixaient le plus souvent d'abord en haut à gauche de la page, puis planaient dans 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 sur la page.

Selon la mise en page, bien sûr, ce modèle peut varier. L'image ci-dessus est une représentation simpliste du modèle de mouvement oculaire le plus courant que nous avons remarqué dans plusieurs conceptions de page d'accueil, comme celle que nous avons créée pour ce test.

Maintenant, considérez également une autre observation d'Eyetrack : les titres dominants attirent le plus souvent l'œil en premier lorsqu'ils entrent dans la page, en particulier lorsqu'ils se trouvent en haut à gauche, et le plus souvent (mais pas toujours) lorsqu'ils se trouvent en haut à droite. Les photographies, contrairement à ce à quoi vous pourriez vous attendre (et contrairement aux conclusions de la recherche Poynter de suivi oculaire de 1990 sur les journaux imprimés), ne sont généralement pas le point d'entrée d'une page d'accueil. Règles de texte sur l'écran du PC - à la fois dans l'ordre d'affichage et dans le temps total passé à le regarder.

Un examen rapide de 25 grands sites Web d'actualités - en voici une liste — révèle que 20 d'entre eux placent l'image dominante de la page d'accueil en haut à gauche. (La plupart des sites d'actualités ont une conception de page cohérente d'un jour à l'autre ; ils ne modifient pas souvent la mise en page comme le ferait un journal imprimé.)

Nous avons observé qu'avec les pages d'accueil d'actualités, l'instinct des lecteurs est de regarder d'abord le drapeau/logo et les titres en haut à gauche. Le graphique ci-dessous montre les zones d'importance que nous avons formulées à partir des données Eyetrack. Bien que chaque site soit différent, vous pouvez consulter votre propre site Web et voir quel contenu vous avez dans quelles zones.

[ En savoir plus sur ce que dit Eyetrack III sur la mise en page de la page d'accueil ici . ]

Vous voulez que les gens lisent, pas numérisent ? Considérez le petit type

Les chercheurs d'Eyetrack III ont découvert quelque chose d'important en testant la taille des titres et des caractères sur les pages d'accueil : les caractères plus petits encouragent un comportement de visualisation ciblé (c'est-à-dire la lecture des mots), tandis que les caractères plus grands favorisent la numérisation. En général, nos tests ont révélé que les gens passaient plus de temps à se concentrer sur les petits caractères que sur les gros caractères. Les caractères plus gros ont entraîné une plus grande numérisation de la page - moins de mots dans l'ensemble étaient fixés - alors que les gens cherchaient des mots ou des phrases qui captaient leur attention.

C'était particulièrement le cas lorsque nous avons examiné la taille des titres sur les pages d'accueil. Les titres plus gros encourageaient à scanner plus que les plus petits.

(Remarque : nous ne préconisons pas que vous manquiez et réduisiez la taille de votre police à tous les niveaux. Vous devez vous assurer que les gens peuvent lire la taille de police que vous utilisez.)

Le comportement des gens était particulièrement intéressant lorsqu'il y avait des titres et des textes de présentation utilisés sur les pages d'accueil. Les participants au test Eyetrack III avaient tendance à voir à la fois le titre et le texte de présentation lorsque le titre était en gras et de la même taille que le texte de présentation et précédait immédiatement le texte de présentation sur la même ligne.

Avec un titre plus grand que le texte de présentation et sur une ligne distincte, les gens avaient tendance à voir les titres et à ignorer les textes de présentation ; ils ont scanné les titres tout au long de la page plus que le groupe qui a regardé les petits titres.

Les chercheurs pensent que c'est le contraste de la taille des caractères qui explique ce comportement, ainsi que la taille des caractères elle-même. Lorsqu'un titre est plus grand que le texte de présentation qui l'accompagne, il peut être perçu comme l'élément le plus important du bloc de présentation du titre - les gens semblent donc décider que la visualisation du titre est suffisante et ils sautent le texte de présentation.

Les titres soulignés ont découragé les testeurs de consulter les textes de présentation sur la page d'accueil :

Cela peut être lié à un phénomène que nous avons noté tout au long des tests : les pauses visuelles - comme une ligne ou une règle - ont découragé les gens de regarder les éléments au-delà de la pause, comme un texte de présentation. (Cela affecte également les publicités, que nous abordons ci-dessous.)

Lorsque nous examinons les sites Web d'actualités, nous constatons que la grande majorité d'entre eux (22 sur 25) utilisent des textes de présentation pour accompagner les titres sur leurs pages d'accueil. Ce sont les rares qui n'utilisent que des titres : CNN.com , NYPost.com , et ProJo.com . En termes de taille de titre, nous avons observé une répartition égale entre l'utilisation d'une taille de police plus grande pour les titres ou d'une police plus petite.

Nous avons constaté que 12 des 22 sites d'actualités qui utilisent des textes de présentation sur leur page d'accueil placent des règles sous leurs titres.

[ En savoir plus sur ce que dit Eyetrack III sur le type et les présentations ici et ici . ]

Visualisation partielle des titres, les textes de présentation se sont révélés courants

Nous avons constaté que lorsque les gens regardent les textes de présentation sous les titres des pages d'accueil des actualités, ils ne regardent souvent que le tiers gauche du texte de présentation. En d'autres termes, la plupart des gens ne regardent que les premiers mots - et ne lisent la suite que s'ils sont engagés par ces mots.

Voici un carte de chaleur d'un texte de présentation le démontrant. (Une carte thermique est une vue agrégée de toutes les fixations oculaires de nos sujets de test. Ci-dessous, la zone orange a été la plus visualisée, les zones bleues le moins.)

Avec une liste de titres sur une page d'accueil, nous pouvons voir où les gens ont regardé avec un suivi oculaire - et encore une fois, c'est le plus souvent le côté gauche des titres. Les gens parcourent généralement une liste de titres et ne voient souvent pas les titres entiers. Si les premiers mots les engagent, ils semblent susceptibles de continuer à lire. En moyenne, un titre retient moins d'une seconde l'attention d'un visiteur du site.

Pour les titres - en particulier les plus longs - il semblerait que les premiers mots doivent attirer l'attention si vous voulez capter les yeux.

Il en va de même pour les textes de présentation - peut-être même plus. Nos découvertes sur les textes de présentation suggèrent non seulement qu'ils doivent être courts, mais que les premiers mots doivent attirer l'attention du spectateur.

Sur les 25 sites Web d'actualités que nous avons examinés, il existe une variété considérable de textes de présentation. La longueur moyenne du texte de présentation varie d'un minimum d'environ 10 mots à un maximum de 25, la plupart des sites étant d'environ 17.

[ En savoir plus sur ce que dit Eyetrack III à propos des présentations ici . ]

Qu'est-ce qui crée des « points chauds » ?

Dans Eyetrack III, nous avons testé plusieurs conceptions de page d'accueil, en regardant où les gens regardaient sur la page. Comme vous vous en doutez, les parties inférieures de la page - en particulier les zones que vous devez faire défiler pour les afficher - bénéficient d'un affichage modeste. Mais cela ne signifie pas que vous ne pouvez pas amener les gens à regarder le contenu bas sur une page défilante.

Sur quelques-unes de nos pages d'accueil de test, nous avons trouvé des 'points chauds' pour certaines histoires. Peut-être parce que nos tests ont eu lieu à San Francisco, les sujets de recherche ont été attirés par une histoire sur le site 'Craig's List' (une communauté en ligne locale populaire depuis sa création en 1995). Le titre de cette histoire avait un nombre démesuré de fixations oculaires par rapport au contenu environnant, même s'il était en dessous du premier écran visible de la page. Nous avons observé un nombre tout aussi élevé de fixations oculaires sur un titre sur le fabricant de vêtements FCUK, qui était placé tout en bas sur une page avec une longue liste de titres et de textes de présentation.

Nous pensons que cela est une bonne nouvelle pour les sites Web dont les pages d'accueil s'étendent bien au-delà de la vue initiale de l'écran. Eyetrack III a constaté que les gens regardent généralement au-delà du premier écran. Ce qui se passe, cependant, c'est que leurs yeux parcourent généralement les parties inférieures de la page à la recherche de quelque chose pour attirer leur attention. Leurs yeux peuvent se fixer sur un titre intéressant ou un mot qui se démarque, mais pas sur un autre contenu. Encore une fois, cela souligne la nécessité d'une écriture de titre pointue.

[ En savoir plus sur ce que dit Eyetrack III sur la conception de la page d'accueil ici et ici . ]

Où est votre navigation ?

En testant plusieurs conceptions de page d'accueil, nous avons varié le placement d'un élément de navigation : haut (sous le drapeau ou le logo), colonne de gauche et colonne de droite.

La navigation placée en haut d'une page d'accueil a donné les meilleurs résultats, c'est-à-dire qu'elle a été vue par le pourcentage le plus élevé de sujets de test et regardée pendant la plus longue durée. Dans une enquête sur les 25 meilleurs sites d'actualités, nous en avons trouvé 11 qui utilisaient la navigation en première position. Les 14 autres utilisaient la navigation à gauche. Sept des 25 éléments de navigation gauche et supérieur utilisés. Aucun des 25 sites que nous avons interrogés n'utilisait la navigation à droite. C'est rare, mais vous pouvez trouver une bonne navigation dans le monde des sites Web d'actualités.

Vous serez peut-être surpris d'apprendre que lors de nos tests, nous avons observé une meilleure utilisation (plus de fixations oculaires et une durée de visionnage plus longue) avec la navigation dans la colonne de droite que dans la colonne de gauche. Bien que cela ait pu être le facteur de nouveauté en jeu - les gens ne sont pas habitués à voir la navigation du côté droit - cela peut indiquer qu'il n'y a aucune raison de ne pas mettre la navigation sur le côté droit de la page et d'utiliser la colonne de gauche pour le contenu éditorial ou les publicités.

[ En savoir plus sur ce que dit Eyetrack III sur la navigation ici . ]

Qu'en est-il de la mise en page de l'article, du style d'écriture ?

Les résultats d'Eyetrack III suggèrent que diverses caractéristiques de la rédaction et de la mise en page des articles peuvent affecter le comportement de visionnage d'un lecteur.

Par exemple, prenons la longueur moyenne des paragraphes. La plupart des sites d'actualités publient des articles avec des paragraphes de longueur moyenne - environ 45 à 50 mots, ou deux ou trois phrases. Dans une enquête menée auprès des 25 meilleurs sites d'actualités, cependant, nous en avons trouvé sept qui éditaient régulièrement des articles pour raccourcir les paragraphes - souvent une seule phrase par paragraphe.

Les paragraphes plus courts ont mieux performé dans la recherche Eyetrack III que les plus longs. Nos données ont révélé que les histoires avec des paragraphes courts recevaient deux fois plus de fixations oculaires globales que celles avec des paragraphes plus longs. Le format de paragraphe plus long semble décourager la visualisation.

La plupart des pages d'articles de sites Web d'actualités présentent des histoires dans une seule colonne de texte, mais une poignée de sites - comme iht.com et TheHerald.co.uk — imiter la mise en page du journal et présenter les articles dans deux ou trois colonnes côte à côte. Est-ce aussi lisible que le format d'article traditionnel (pour le Web) à une colonne ?

Les résultats d'Eyetrack III ont montré que le format standard à une colonne fonctionnait mieux en termes de nombre de fixations oculaires - en d'autres termes, les gens regardaient plus. Cependant, gardez à l'esprit que l'habitude peut avoir affecté ce résultat. Étant donné que la plupart des gens sont habitués aux articles Web à une colonne, la surprise de voir un texte à trois colonnes pourrait avoir affecté leur comportement visuel.

Qu'en est-il des photos sur les pages d'articles ? Cela pourrait vous surprendre que nos sujets de test regardent généralement des éléments de texte avant que leurs yeux ne se posent sur une photo d'accompagnement, tout comme sur les pages d'accueil. Comme indiqué précédemment, le comportement inverse (photos en premier) a été observé dans les précédentes études d'eyetracking d'impression.

Enfin, il y a l'utilisation de descriptions sommaires (titres de pont étendus d'une longueur de paragraphe) menant à des articles. Celles-ci ont été appréciées de nos participants. Lorsque nos testeurs ont rencontré une histoire avec un paragraphe d'introduction en gras, 95 % d'entre eux l'ont visionnée en totalité ou en partie.

Lorsque les gens regardaient un paragraphe d'introduction pendant 5 à 10 secondes - comme c'était souvent le cas - leur comportement moyen de lecture du reste de l'article était à peu près le même que lorsqu'ils voyaient des articles sans paragraphe de résumé. Le paragraphe de résumé n'a fait aucune différence en termes de quantité de l'histoire a été consommée.

Un peu plus de 20 % des principaux sites Web d'actualités utilisent régulièrement des paragraphes de résumé avec des articles.

[ En savoir plus sur ce que dit Eyetrack III sur la mise en page des articles ici . ]

Nous avons constaté que les annonces dans les parties supérieure et gauche d'une page d'accueil recevaient le plus de fixations oculaires. Les publicités du côté droit ne fonctionnaient pas aussi bien et les publicités en bas de la page n'étaient généralement vues que par un petit pourcentage de personnes.

La proximité d'un contenu éditorial populaire a vraiment aidé les publicités à être vues. Nous avons remarqué que lorsqu'une annonce était séparée du contenu éditorial par un espace blanc ou une règle, l'annonce recevait moins de fixations que lorsqu'il n'y avait pas une telle barrière. Les annonces proches des titres en haut de la page se sont bien comportées. Une bannière publicitaire au-dessus du drapeau de la page d'accueil n'attirait pas autant de fixations qu'une publicité placée sous le drapeau et au-dessus du contenu éditorial.

Les annonces textuelles ont été les plus consultées, de tous les types que nous avons testés. Sur nos pages de test, les annonces textuelles ont une durée moyenne d'affichage de près de 7 secondes ; la meilleure annonce de type display n'a duré que 1,6 seconde en moyenne.

Questions de taille. Les publicités plus grandes avaient plus de chances d'être vues. Les petites annonces sur le côté droit des pages d'accueil n'étaient généralement vues que par un tiers de nos testeurs ; les autres n'ont jamais jeté un œil sur eux. Sur les pages d'articles, les annonces 'd'une demi-page' ont été les plus visionnées par nos sujets de test. Pourtant, ils n'ont été vus que 38% du temps; la plupart des gens ne les ont jamais regardés. Les annonces d'article les plus vues étaient celles insérées dans le texte de l'article. Les publicités 'Skyscraper' (fines verticales s'exécutant dans la colonne de gauche ou de droite) sont arrivées en troisième position.

En examinant 25 sites Web d'actualités de premier plan, nous avons découvert qu'il existe une prépondérance de petites bannières publicitaires sur les pages d'accueil. Et il est extrêmement courant de trouver des annonces dans la colonne de droite des pages d'accueil des actualités. Environ la moitié des 25 sites que nous avons examinés insérer des annonces dans le texte de l'article.

[ En savoir plus sur ce que dit Eyetrack III sur la publicité ici . ]

Les images en ligne plus grandes retiennent l'œil plus longtemps que les images plus petites

Les pages d'accueil des actualités utilisent généralement des modèles, dont beaucoup utilisent une taille prédéterminée pour une image principale. Bien que l'intérêt d'utiliser une conception basée sur des modèles puisse (et doive) être débattu, ce que nous avons appris sur la taille des photos dans Eyetrack III peut être utile à ceux qui se demandent quelle place laisser aux images.

Bien que nous ayons appris que la plupart de nos participants au test ne regardaient pas les images en premier, nous avons également observé que les images recevaient un nombre important de fixations oculaires. Nous avons également appris que plus l'image était grande, plus les gens mettaient de temps à la regarder.

L'une de nos pages de test comportait une photo de la taille d'un timbre-poste qui a été vue par 10 % de nos participants. Comparez cela avec une photo de taille moyenne (environ 230 pixels de large et de profondeur) qui a attiré les regards d'environ 70 %.

Nous avons constaté que des images d'au moins 210 x 230 pixels ont été visionnées par plus de la moitié des testeurs. Nos recherches montrent également que les visages nets et clairs dans les images attirent davantage les regards sur les pages d'accueil.

Les pages au niveau de l'article semblent suivre le mouvement. Encore une fois, nous avons constaté que plus l'image était grande, plus les utilisateurs étaient attirés par elle.

En examinant 25 sites Web d'actualités, nous avons constaté qu'environ 20 % d'entre eux utilisaient régulièrement de petites images sur leurs pages d'accueil. Quatre sites sur cinq placent régulièrement la photo principale de leur page d'accueil en haut à gauche.

Et voici une information de recherche intéressante : nous avons remarqué que les gens cliquaient souvent sur les photos - même si sur nos pages de test cela ne les menait nulle part (et en effet, cliquer sur les photos ne fait rien sur de nombreux sites d'actualités réels).

[ En savoir plus sur ce que dit Eyetrack III sur les images ici . ]

Texte pour les faits ; graphiques multimédias pour des concepts inconnus

Dans l'ensemble, nous avons observé que les participants étaient plus susceptibles de se souvenir correctement des faits, des noms et des lieux lorsqu'on leur présentait ces informations sous forme de texte. Cependant, les informations conceptuelles nouvelles et peu familières étaient rappelées avec plus de précision lorsque les participants les recevaient dans un format graphique multimédia.

Qu'est-ce que cela signifie? Bien que dans l'ensemble, nous ayons constaté une légère augmentation, bien que non statistiquement significative, du rappel d'informations à partir d'histoires textuelles, nous devons noter que la plupart de nos questions de rappel portaient sur des faits, des noms et des lieux. Les informations sur les processus ou les procédures semblaient être bien comprises lorsqu'elles étaient présentées à l'aide d'animations et de texte. Une animation étape par étape que nous avons testée a soutenu cette idée.

Nous avons également observé que la plupart des participants n'utilisaient que deux formes de médias à la fois. Par exemple, dans l'une de nos situations de test, les utilisateurs ont reçu du son, des images fixes et des sous-titres écrits. Nous avons observé qu'ils portaient leur attention sur l'audio et les images. Les informations importantes dans les légendes des photos n'ont pas été lues par beaucoup.

L'essentiel est que les meilleurs journalistes travaillant dans des environnements multimédias savent comment faire de bons choix quant à la présentation des informations sur l'histoire. Comme démontré dans cette recherche, certaines informations sont mieux transmises par l'utilisation d'une bonne rédaction descriptive. D'autres informations sont mieux expliquées graphiquement.

[ En savoir plus sur ce que dit Eyetrack III sur la compréhension multimédia ici , et lis observations multimédias générales supplémentaires ici . ]

Nous avons couvert certains des faits saillants de cet article, mais il y en a beaucoup plus, alors s'il vous plaît, passez un peu de temps explorer ici pour plus.

Elizabeth Carr a fourni une aide à la recherche pour cet article.

Découvrez La Compatibilité Par Le Signe Du Zodiaque