Eyetrack III: come appaiono i siti web di notizie attraverso gli occhi dei lettori

Archivio

I siti Web di notizie sono con noi da circa un decennio e editori e designer continuano a lottare con molte domande senza risposta: il layout della home page è efficace? … Che effetto hanno i blurb sulla home page rispetto ai titoli? … Quando è appropriato il multimediale? … Gli annunci vengono inseriti dove saranno visti dal pubblico?

La ricerca Eyetrack III pubblicata da L'Istituto Poynter , il Centro Estlow per il giornalismo e i nuovi media , e Eyetools potrebbe aiutare a rispondere a queste domande e altro ancora. Una ricerca Eyetracking come questa non fornirà LA risposta a queste domande. Ma combinati con altre metriche del sito già utilizzate dai gestori di siti Web di notizie - test di usabilità, focus group, analisi dei registri - i risultati di Eyetrack III potrebbero fornire alcune indicazioni per migliorare i siti Web di notizie.

In Eyetrack III, abbiamo osservato diverse dozzine di persone per un'ora mentre i loro occhi seguivano siti Web di notizie fittizie e contenuti multimediali reali. In questo articolo forniremo una panoramica di ciò che abbiamo osservato.

Inoltre, un rapido commento su ciò che questo studio è e non è: It è uno studio preliminare su 46 persone condotto a San Francisco. è non un'esplorazione esauriente che possiamo estrapolare alla popolazione più ampia. È un mix di 'risultati' basati su variabili controllate e 'osservazioni' in cui i test non erano così strettamente controllati. I ricercatori sono andati 'ampi', non 'approfonditi', coprendo molto terreno in termini di design del sito Web e fattori multimediali. Ci auguriamo che Eyetrack III non sia visto come un fine a se stesso, ma piuttosto come l'inizio di una conversazione che andrà a beneficio dell'industria delle notizie.

Al centro: layout della home page

Durante il test dei movimenti oculari dei nostri partecipanti su diversi progetti di home page di notizie, i ricercatori di Eyetrack III hanno notato uno schema comune: gli occhi il più delle volte si fissavano prima nell'angolo in alto a sinistra della pagina, quindi si libravano in quell'area prima di andare da sinistra a destra. Solo dopo aver esaminato per un po' la parte superiore della pagina i loro occhi esplorarono ulteriormente la pagina.

A seconda del layout della pagina, ovviamente, questo schema può variare. L'immagine sopra è una rappresentazione semplicistica del modello di movimento oculare più comune che abbiamo notato in più design di home page come quello che abbiamo realizzato per questo test.

Ora considera anche un'altra osservazione di Eyetrack: i titoli dominanti il più delle volte attirano l'attenzione per primi quando entrano nella pagina, specialmente quando si trovano in alto a sinistra e più spesso (ma non sempre) quando in alto a destra. Le fotografie, contrariamente a quanto ci si potrebbe aspettare (e contrariamente ai risultati della ricerca Poynter eyetracking del 1990 sui giornali cartacei), in genere non sono il punto di accesso a una home page. Regole di testo sullo schermo del PC, sia in ordine di visualizzazione che nel tempo complessivo trascorso a guardarlo.

Una rapida rassegna di 25 grandi siti web di notizie — ecco un elenco di loro — rivela che 20 di loro posizionano l'immagine della homepage dominante in alto a sinistra. (La maggior parte dei siti di notizie ha un design della pagina coerente di giorno in giorno; spesso non varia il layout come farebbe un giornale cartaceo.)

Abbiamo osservato che con le home page di notizie, l'istinto dei lettori è quello di guardare prima la bandiera/il logo e i titoli in alto a sinistra. Il grafico seguente mostra le zone di importanza che abbiamo formulato dai dati di Eyetrack. Sebbene ogni sito sia diverso, potresti guardare il tuo sito Web e vedere quali contenuti hai in quali zone.

[ Leggi di più su cosa dice Eyetrack III sul layout della home page qui . ]

Vuoi che le persone leggano, non scansionano? Considera il tipo piccolo

I ricercatori di Eyetrack III hanno scoperto qualcosa di importante quando hanno testato la dimensione del titolo e del tipo sulle home page: il tipo più piccolo incoraggia un comportamento di visualizzazione mirato (cioè la lettura delle parole), mentre il tipo più grande promuove la scansione. In generale, i nostri test hanno rilevato che le persone dedicavano più tempo al tipo piccolo che al tipo grande. Un tipo più grande ha comportato una maggiore scansione della pagina - meno parole in generale erano fissate - mentre le persone si guardavano intorno alla ricerca di parole o frasi che catturassero la loro attenzione.

Questo è stato particolarmente vero quando abbiamo esaminato le dimensioni del titolo sulle home page. I titoli più grandi incoraggiavano la scansione di più rispetto a quelli più piccoli.

(Nota: non stiamo sostenendo che si esaurisca e riduca la dimensione del carattere su tutta la linea. Dovresti assicurarti che le persone possano leggere la dimensione del carattere che usi.)

Particolarmente interessante è stato il comportamento delle persone quando c'erano titoli e blurb utilizzati sulle home page. I partecipanti al test Eyetrack III tendevano a visualizzare sia il titolo che il blurb quando il titolo era in grassetto e le stesse dimensioni del testo blurb e precedeva immediatamente il blurb sulla stessa riga.

Con un titolo più grande del blurb e su una riga separata, le persone tendevano a visualizzare i titoli e saltare i blurb; hanno scansionato i titoli in tutta la pagina più del gruppo che ha guardato i titoli più piccoli.

I ricercatori ritengono che sia il contrasto nella dimensione del tipo a spiegare questo comportamento, così come la dimensione del tipo stesso. Quando un titolo è più grande del testo di accompagnamento che lo accompagna, può essere percepito come l'elemento più importante del blocco del titolo, quindi le persone sembrano decidere che la visualizzazione del titolo è sufficiente e saltano il blurb.

I titoli sottolineati hanno scoraggiato i tester dal visualizzare i blurb sulla home page:

Questo potrebbe essere correlato a un fenomeno che abbiamo notato durante il test: le interruzioni visive, come una linea o una regola, hanno scoraggiato le persone dal guardare gli oggetti oltre l'interruzione, come un blurb. (Ciò riguarda anche gli annunci, che affrontiamo di seguito.)

Quando osserviamo i siti Web di notizie, scopriamo che la stragrande maggioranza di loro (22 su 25) utilizza i blurb per accompagnare i titoli delle loro home page. Sono i rari che usano solo titoli: CNN.com , NYPost.com , e ProJo.com . In termini di dimensioni del titolo, abbiamo osservato una divisione uniforme tra l'utilizzo di caratteri di dimensioni maggiori per i titoli o di caratteri più piccoli.

Abbiamo scoperto che 12 siti di notizie su 22 che utilizzano i blurb sulla loro home page mettono delle regole sotto i loro titoli.

[ Leggi di più su cosa dice Eyetrack III su tipo e blurb qui e qui . ]

Visualizzazione parziale di titoli, blurb ritenuti comuni

Abbiamo scoperto che quando le persone guardano i blurb sotto i titoli nelle home page delle notizie, spesso guardano solo il terzo sinistro del blurb. In altre parole, la maggior parte delle persone guarda solo le prime due parole e continua a leggere solo se è coinvolta da quelle parole.

Ecco un mappa di calore di un blurb che lo dimostra. (Una mappa di calore è una vista aggregata di tutte le fissazioni oculari dei nostri soggetti di prova. Di seguito, l'area arancione è stata vista di più, le aree blu di meno.)

Con un elenco di titoli su una home page, possiamo vedere dove le persone guardavano con eyetracking e, ancora una volta, il più delle volte sono i lati sinistro dei titoli. Le persone in genere scansionano un elenco di titoli e spesso non visualizzano interi titoli. Se le prime parole li coinvolgono, sembra che continueranno a leggere. In media, un titolo ha meno di un secondo dell'attenzione di un visitatore del sito.

Per i titoli, specialmente quelli più lunghi, sembrerebbe che le prime due parole debbano attirare l'attenzione se vuoi catturare gli occhi.

Lo stesso vale per i blurb, forse anche di più. Le nostre scoperte sui blurb suggeriscono che non solo dovrebbero essere brevi, ma le prime due parole devono catturare l'attenzione dello spettatore.

Sui 25 siti web di notizie che abbiamo esaminato, c'è una notevole varietà di blurb. La lunghezza media del blurb varia da un minimo di circa 10 parole a un massimo di 25, con la maggior parte dei siti che arriva a circa 17.

[ Leggi di più su cosa dice Eyetrack III sui blurb qui . ]

Cosa crea i 'punti caldi'?

In Eyetrack III, abbiamo testato diversi design di home page, osservando dove guardavano le persone nella pagina. Come ti aspetteresti, le parti inferiori della pagina, in particolare le aree che devi scorrere per visualizzare, ricevono una visualizzazione modesta. Ma ciò non significa che non puoi convincere le persone a guardare i contenuti in basso su una pagina a scorrimento.

In un paio delle nostre home page di prova, abbiamo trovato 'punti caldi' per alcune storie. Forse perché i nostri test si sono svolti a San Francisco, i soggetti della ricerca sono stati attratti da una storia sul sito 'Craig's List' (una comunità online locale popolare sin dal suo inizio nel 1995). Il titolo di quella storia aveva un numero spropositato di fissazioni oculari rispetto al contenuto circostante, anche se era al di sotto del primo schermo visibile della pagina. Abbiamo osservato un numero altrettanto elevato di fissazioni oculari su un titolo sul produttore di abbigliamento FCUK, che è stato inserito in fondo a una pagina con un lungo elenco di titoli e blurb.

Pensiamo che questo rappresenti una buona notizia per quei siti Web con home page che si estendono ben oltre la visualizzazione dello schermo iniziale. Eyetrack III ha scoperto che le persone in genere guardano oltre il primo schermo. Ciò che accade, tuttavia, è che i loro occhi in genere scansionano le parti inferiori della pagina alla ricerca di qualcosa che attiri la loro attenzione. I loro occhi possono fissarsi su un titolo interessante o su una parola importante, ma non su altri contenuti. Ancora una volta, questo indica la necessità di una scrittura nitida del titolo.

[ Leggi di più su cosa dice Eyetrack III sul design della home page qui e qui . ]

Dov'è la tua navigazione?

Durante il test di diversi design di home page, abbiamo modificato il posizionamento di un elemento di navigazione: in alto (sotto la bandiera o il logo), colonna di sinistra e colonna di destra.

La navigazione posizionata nella parte superiore di una home page ha ottenuto i risultati migliori, ovvero è stata vista dalla percentuale più alta di soggetti del test e osservata per la durata più lunga. In un sondaggio condotto su 25 principali siti di notizie, ne abbiamo trovati 11 che utilizzavano la navigazione nelle prime posizioni. Gli altri 14 hanno utilizzato la navigazione a sinistra. Sette dei 25 utilizzavano elementi di navigazione a sinistra e in alto. Nessuno dei 25 siti esaminati utilizzava la navigazione sul lato destro. È raro, ma puoi trovare la giusta navigazione nel mondo dei siti di notizie.

Potrebbe sorprenderti apprendere che nei nostri test abbiamo osservato un utilizzo migliore (più fissazioni degli occhi e durata di visualizzazione più lunga) con la navigazione nella colonna di destra rispetto a quella di sinistra. Anche se questo potrebbe essere stato il fattore di novità in gioco - le persone non sono abituate a vedere la navigazione sul lato destro - potrebbe indicare che non c'è motivo per non mettere la navigazione sul lato destro della pagina e utilizzare la colonna di sinistra per contenuti editoriali o Annunci.

[ Leggi di più su cosa dice Eyetrack III sulla navigazione qui . ]

Che dire del layout dell'articolo, dello stile di scrittura?

I risultati di Eyetrack III suggeriscono che varie caratteristiche della scrittura e del layout degli articoli possono influenzare il comportamento di visualizzazione di un lettore.

Ad esempio, prendiamo la lunghezza media del paragrafo. La maggior parte dei siti di notizie pubblica articoli con paragrafi di media lunghezza, circa 45-50 parole o due o tre frasi. In un sondaggio condotto su 25 importanti siti di notizie, tuttavia, ne abbiamo trovati sette che modificavano regolarmente gli articoli per accorciare i paragrafi, spesso solo una frase per paragrafo.

I paragrafi più brevi hanno ottenuto risultati migliori nella ricerca Eyetrack III rispetto a quelli più lunghi. I nostri dati hanno rivelato che le storie con paragrafi brevi hanno ricevuto il doppio delle fissazioni oculari complessive di quelle con paragrafi più lunghi. Il formato di paragrafo più lungo sembra scoraggiare la visualizzazione.

La maggior parte delle pagine degli articoli dei siti Web di notizie presentano storie in una singola colonna di testo, ma in una manciata di siti, ad esempio iht.com e TheHerald.co.uk — imitare il layout del giornale e presentare gli articoli in due o tre colonne affiancate. È leggibile come il tradizionale formato di articolo a una colonna (per il Web)?

I risultati di Eyetrack III hanno mostrato che il formato standard a una colonna ha funzionato meglio in termini di numero di fissazioni oculari, in altre parole, le persone hanno visto di più. Tuttavia, tieni presente che l'abitudine potrebbe aver influenzato questo risultato. Poiché la maggior parte delle persone è abituata agli articoli Web a una colonna, la sorpresa di vedere il tipo a tre colonne potrebbe aver influito sul comportamento degli occhi.

E le foto nelle pagine degli articoli? Potrebbe sorprenderti che i nostri soggetti di prova in genere guardassero gli elementi di testo prima che i loro occhi si posassero su una foto di accompagnamento, proprio come sulle home page. Come notato in precedenza, il comportamento inverso (prima le foto) è stato osservato in precedenti studi di eyetracking della stampa.

Infine, c'è l'uso di descrizioni riassuntive (titoli di mazzi estesi di lunghezza di paragrafo) che portano agli articoli. Questi sono stati apprezzati dai nostri partecipanti. Quando i nostri tester hanno riscontrato una storia con un paragrafo introduttivo in grassetto, il 95% di loro l'ha vista tutta o parte.

Quando le persone hanno visualizzato un paragrafo introduttivo per un periodo compreso tra 5 e 10 secondi, come spesso accadeva, il loro comportamento di lettura medio del resto dell'articolo era più o meno lo stesso di quando hanno visualizzato gli articoli senza un paragrafo di riepilogo. Il paragrafo di riepilogo non ha fatto differenza in termini di quanto della storia è stata consumata.

Poco più del 20 percento dei principali siti Web di notizie utilizza regolarmente paragrafi di riepilogo con articoli.

[ Leggi di più su cosa dice Eyetrack III sul layout degli articoli qui . ]

Abbiamo scoperto che gli annunci nelle parti superiore e sinistra di una home page ricevevano il maggior numero di fissazioni per gli occhi. Gli annunci sul lato destro non andavano altrettanto bene e gli annunci in fondo alla pagina venivano visti, in genere, solo da una piccola percentuale di persone.

La vicinanza a contenuti editoriali popolari ha davvero aiutato gli annunci a farsi vedere. Abbiamo notato che quando un annuncio è stato separato dalla materia editoriale da uno spazio bianco o da una regola, l'annuncio ha ricevuto meno fissazioni rispetto a quando non esisteva tale barriera. Gli annunci vicino ai titoli in cima alla pagina sono andati bene. Un banner pubblicitario sopra la bandiera della home page non attirava tante fissazioni come un annuncio che era sotto la bandiera e sopra il contenuto editoriale.

Gli annunci di testo sono stati visualizzati più intensamente, di tutti i tipi che abbiamo testato. Sulle nostre pagine di prova, gli annunci di testo hanno una durata media degli occhi di quasi 7 secondi; il miglior annuncio di tipo display ha ottenuto in media solo 1,6 secondi.

Le misure contano. Gli annunci più grandi avevano maggiori possibilità di essere visti. I piccoli annunci sul lato destro delle home page in genere sono stati visti solo da un terzo dei nostri tester; il resto non li ha mai visti una volta. Nelle pagine degli articoli, gli annunci di 'mezza pagina' sono stati i più visti dai nostri soggetti di prova. Tuttavia, sono stati visti solo il 38% delle volte; la maggior parte delle persone non li ha mai guardati. Gli annunci di articoli che sono stati visti di più erano quelli inseriti nel testo dell'articolo. Gli annunci 'grattacielo' (sottili verticali che corrono nella colonna di sinistra o di destra) sono arrivati al terzo posto.

Esaminando 25 importanti siti web di notizie, abbiamo scoperto che c'è una preponderanza di piccoli banner pubblicitari sulle home page. Ed è estremamente comune trovare annunci nella colonna di destra delle home page delle notizie. Circa la metà del 25 siti che abbiamo esaminato inserire annunci nel testo dell'articolo.

[ Leggi di più su cosa dice Eyetrack III sulla pubblicità qui . ]

Le immagini online più grandi tengono l'occhio più a lungo rispetto alle immagini più piccole

Le home page delle notizie in genere utilizzano modelli, molti dei quali utilizzano una dimensione predeterminata per un'immagine principale. Sebbene il valore dell'utilizzo di un design basato su modelli possa (e dovrebbe) essere dibattuto, ciò che abbiamo appreso sulla dimensione delle foto in Eyetrack III può essere utile a coloro che si chiedono quanto spazio lasciare per le immagini.

Sebbene abbiamo appreso che la maggior parte dei partecipanti al test non ha guardato prima le immagini, abbiamo anche osservato che le immagini hanno ricevuto un numero significativo di fissazioni oculari. Abbiamo anche imparato che più grande è l'immagine, più tempo le persone impiegano a guardarla.

Una delle nostre pagine di prova conteneva una foto segnaletica delle dimensioni di un francobollo che è stata visualizzata dal 10 percento dei nostri partecipanti. Confrontalo con una foto di dimensioni medie (circa 230 pixel di larghezza e profondità) che ha attirato sguardi da circa il 70 percento.

Abbiamo scoperto che le immagini con dimensioni di almeno 210 x 230 pixel sono state visualizzate da più della metà dei tester. La nostra ricerca mostra anche che i volti puliti e chiari nelle immagini attirano più fissazioni degli occhi sulle home page.

Le pagine a livello di articolo sembrano seguire l'esempio. Ancora una volta abbiamo scoperto che più grande è l'immagine, più utenti ne sono stati attratti.

Nell'esaminare 25 siti Web di notizie, abbiamo scoperto che circa il 20% utilizza abitualmente piccole immagini sulle proprie home page. Quattro siti su cinque posizionano regolarmente la foto principale della propria home page in alto a sinistra.

Ed ecco un'interessante curiosità di ricerca: abbiamo notato che le persone spesso facevano clic sulle foto, anche se nelle nostre pagine di prova non le portavano da nessuna parte (e in effetti, fare clic sulle foto non fa nulla su molti siti di notizie reali).

[ Leggi di più su cosa dice Eyetrack III sulle immagini qui . ]

Testo per fatti; grafica multimediale per concetti sconosciuti

Nel complesso, abbiamo osservato che i partecipanti avevano maggiori probabilità di ricordare correttamente fatti, nomi e luoghi quando venivano presentate tali informazioni in un formato di testo. Tuttavia, le nuove informazioni concettuali non familiari sono state ricordate con maggiore precisione quando i partecipanti le hanno ricevute in un formato grafico multimediale.

Che cosa significa questo? Mentre nel complesso abbiamo visto un leggero, anche se non statisticamente significativo, aumento del ricordo delle informazioni dai racconti di testo, dovremmo notare che la maggior parte delle nostre domande sul ricordo riguardavano fatti, nomi e luoghi. Le informazioni sulla storia su processi o procedure sembravano essere comprese bene quando presentate utilizzando animazioni e testo. Un'animazione passo passo che abbiamo testato ha supportato questa idea.

Abbiamo anche osservato che la maggior parte dei partecipanti ha frequentato solo due forme di media alla volta. Ad esempio, in una delle nostre situazioni di test agli utenti sono stati presentati audio, immagini fisse e didascalie scritte. Abbiamo osservato che indirizzavano la loro attenzione all'audio e alle immagini. Informazioni importanti nelle didascalie delle foto non sono state lette da molti.

La linea di fondo è che i migliori giornalisti che lavorano in ambienti multimediali sanno come fare buone scelte sulla presentazione delle informazioni sulla storia. Come dimostrato in questa ricerca, alcune informazioni sono meglio veicolate dall'uso di una buona scrittura descrittiva. Altre informazioni sono meglio spiegate graficamente.

[ Leggi di più su cosa dice Eyetrack III sulla comprensione multimediale qui , e leggi ulteriori osservazioni multimediali generali qui . ]

Abbiamo trattato alcuni dei punti salienti in questo articolo, ma c'è molto di più, quindi per favore dedica un po' di tempo esplorare qui per più.

Elizabeth Carr ha fornito assistenza alla ricerca per questo articolo.

Scopri La Compatibilità Con Il Segno Zodiacale