Eyetrack III: Ano ang hitsura ng mga website ng balita sa pamamagitan ng mga mata ng mga mambabasa

Sa kaibuturan: Layout ng homepage

Habang sinusubok ang mga galaw ng mata ng aming mga kalahok sa ilang disenyo ng homepage ng balita, napansin ng mga mananaliksik sa Eyetrack III ang isang karaniwang pattern: Ang mga mata ay kadalasang nakatutok muna sa kaliwang itaas ng page, pagkatapos ay nag-hover sa lugar na iyon bago pumunta kaliwa pakanan. Pagkatapos lamang bumasang mabuti sa tuktok na bahagi ng pahina nang ilang panahon ay naggalugad pa ang kanilang mga mata sa ibaba ng pahina.

Depende sa layout ng page, siyempre, maaaring mag-iba ang pattern na ito. Ang larawan sa itaas ay isang simplistic na representasyon ng pinakakaraniwang pattern ng paggalaw ng mata na napansin namin sa maraming disenyo ng homepage tulad ng ginawa namin para sa pagsubok na ito.

Ngayon isaalang-alang din ang isa pang obserbasyon sa Eyetrack:Ang mga nangingibabaw na headline ay kadalasang unang nakakakita sa pagpasok sa pahina — lalo na kapag sila ay nasa kaliwang itaas, at kadalasan (ngunit hindi palaging) kapag nasa kanang itaas. Ang mga larawan, salungat sa kung ano ang maaari mong asahan (at salungat sa mga natuklasan ng 1990 Poynter eyetracking research sa mga naka-print na pahayagan), ay hindi karaniwang ang entry point sa isang homepage. Mga panuntunan sa teksto sa screen ng PC — pareho sa pagkakasunud-sunod na pagtingin at sa kabuuang oras na ginugol sa pagtingin dito.

Isang mabilis na pagsusuri ng 25 malalaking website ng balita — narito ang isang listahan ng mga ito — ipinapakita na 20 sa kanila ang naglalagay ng nangingibabaw na larawan ng homepage sa kaliwang itaas. (Karamihan sa mga site ng balita ay may pare-parehong disenyo ng pahina araw-araw; hindi nila madalas na iiba-iba ang layout gaya ng gagawin ng isang naka-print na pahayagan.)

Napansin namin na sa mga homepage ng balita, ang mga instinct ng mga mambabasa ay unang tumingin sa flag/logo at mga nangungunang headline sa kaliwang itaas. Ipinapakita ng graphic sa ibaba ang mga zone ng kahalagahan na binuo namin mula sa data ng Eyetrack. Bagama't iba ang bawat site, maaari kang tumingin sa iyong sariling website at makita kung anong nilalaman ang mayroon ka sa kung aling mga zone.

[ Magbasa nang higit pa sa sinasabi ng Eyetrack III tungkol sa layout ng homepage dito . ]

Gustong magbasa ng mga tao, hindi mag-scan? Isaalang-alang ang maliit na uri

Natuklasan ng mga mananaliksik ng Eyetrack III ang isang mahalagang bagay kapag sinusubok ang headline at laki ng uri sa mga homepage: Ang mas maliit na uri ay naghihikayat ng nakatutok na gawi sa panonood (ibig sabihin, ang pagbabasa ng mga salita), habang ang mas malaking uri ay nagtataguyod ng pag-scan. Sa pangkalahatan, nalaman ng aming pagsubok na ang mga tao ay gumugol ng mas maraming oras na nakatuon sa maliit na uri kaysa sa malaking uri. Ang mas malaking uri ay nagresulta sa mas maraming pag-scan ng pahina — mas kaunting mga salita sa pangkalahatan ang nakatutok sa — habang ang mga tao ay tumingin sa paligid para sa mga salita o parirala na nakakuha ng kanilang pansin.

Lalo na itong nangyari noong tiningnan namin ang laki ng headline sa mga homepage. Hinikayat ng mas malalaking headline ang pag-scan ng higit sa mas maliliit.

(Tandaan: Hindi namin itinataguyod na maubusan ka at bawasan ang laki ng iyong font sa kabuuan. Dapat mong tiyakin na mababasa ng mga tao ang laki ng font na iyong ginagamit.)

Ang partikular na kawili-wili ay ang pag-uugali ng mga tao kapag may mga headline at blurb na ginagamit sa mga homepage. Ang mga kalahok sa pagsusulit sa Eyetrack III ay may posibilidad na tingnan ang parehong headline at blurb kapag ang headline ay naka-bold at kapareho ng laki ng blurb text at agad na nauna sa blurb sa parehong linya.

Sa isang headline na mas malaki kaysa sa blurb at sa isang hiwalay na linya, madalas na tingnan ng mga tao ang mga headline at laktawan ang mga blur; mas na-scan nila ang mga headline sa buong page kaysa sa grupong tumitingin sa mas maliliit na headline.

Naniniwala ang mga mananaliksik na ang kaibahan sa laki ng uri ang dahilan ng pag-uugaling ito, gayundin ang mismong laki ng uri. Kapag ang isang headline ay mas malaki kaysa sa kasama nitong blurb text, ito ay maaaring ituring bilang ang mas mahalagang elemento ng headline-blurb block — kaya ang mga tao ay lumalabas na nagpasya na ang pagtingin sa headline ay sapat na at nilalaktawan nila ang blurb.

Pinipigilan ng mga may salungguhit na headline ang mga tester na tingnan ang mga blur sa homepage:

Maaaring nauugnay ito sa isang hindi pangkaraniwang bagay na napansin namin sa buong pagsubok: ang mga visual break — tulad ng isang linya o panuntunan — ay nawalan ng loob sa mga tao na tumingin sa mga item pagkatapos ng pahinga, tulad ng isang blurb. (Nakakaapekto rin ito sa mga ad, na tinutugunan namin sa ibaba.)

Kapag tumitingin kami sa mga website ng balita, nalaman namin na ang karamihan sa kanila (22 sa 25) ay gumagamit ng mga blur para samahan ang mga headline sa kanilang mga homepage. Ito ang mga bihirang gumagamit lamang ng mga headline: CNN.com , NYPost.com , at ProJo.com . Sa mga tuntunin ng laki ng headline, napansin namin ang tungkol sa isang pantay na paghahati sa pagitan ng paggamit ng mas malaking laki ng uri para sa mga headline o mas maliit na uri.

Nalaman namin na 12 sa 22 na site ng balita na gumagamit ng mga blur sa kanilang homepage ay naglalagay ng mga panuntunan sa ilalim ng kanilang mga headline.

[ Magbasa nang higit pa sa sinasabi ng Eyetrack III tungkol sa uri at mga blur dito at dito . ]

Bahagyang pagtingin sa mga ulo ng balita, mga blur na nakitang karaniwan

Nalaman namin na kapag tumitingin ang mga tao sa mga blur sa ilalim ng mga headline sa mga homepage ng balita, kadalasan ay sa kaliwang bahagi lang ng blurb ang tinitingnan nila. Sa madaling salita, tinitingnan lang ng karamihan sa mga tao ang unang pares ng mga salita — at nagbabasa lamang kung nakikibahagi sila sa mga salitang iyon.

Narito ang isang heatmap ng isang blurb na nagpapakita nito. (Ang heatmap ay isang pinagsama-samang view ng lahat ng eye fixations ng aming mga test subject. Sa ibaba, ang orange na lugar ang pinakamaraming tiningnan, ang mga asul na bahagi ang pinakamaliit.)

Sa isang listahan ng mga headline sa isang homepage, makikita natin kung saan tumingin ang mga tao nang may eyetracking — at muli, kadalasan ay nasa kaliwang bahagi ito ng mga headline. Karaniwang sinusuri ng mga tao ang isang listahan ng mga headline, at kadalasan ay hindi tinitingnan ang buong headline. Kung ang mga unang salita ay nakakaakit sa kanila, malamang na magbabasa sila. Sa karaniwan, ang isang headline ay may mas mababa sa isang segundo ng atensyon ng isang bisita sa site.

Para sa mga ulo ng balita — lalo na sa mga mas mahahabang salita — lalabas na ang unang pares ng mga salita ay kailangang maging tunay na taga-agaw ng pansin kung gusto mong makakuha ng mga mata.

Ganoon din sa mga blur — marahil higit pa. Iminumungkahi ng aming mga natuklasan tungkol sa mga blur na hindi lamang dapat panatilihing maikli ang mga ito, ngunit kailangang makuha ng unang dalawang salita ang atensyon ng manonood.

Sa 25 na website ng balita na aming sinuri, may malaking pagkakaiba-iba sa mga blur. Ang average na haba ng blurb ay nag-iiba mula sa pinakamababang humigit-kumulang 10 salita hanggang sa mataas na 25, na karamihan sa mga site ay pumapasok sa humigit-kumulang 17.

[ Magbasa nang higit pa sa sinasabi ng Eyetrack III tungkol sa mga blur dito . ]

Ano ang lumilikha ng 'mga hot spot'?

Sa Eyetrack III, sinubukan namin ang ilang disenyo ng homepage, tinitingnan kung saan tumingin ang mga tao sa page. Tulad ng iyong inaasahan, ang mga mas mababang bahagi ng pahina — lalo na ang mga lugar na kailangan mong mag-scroll upang tingnan — ay tumatanggap ng katamtamang pagtingin. Ngunit hindi iyon nangangahulugan na hindi mo mapapatingin ang mga tao sa mababang nilalaman sa isang scrolling page.

Sa ilan sa aming mga pansubok na homepage, nakakita kami ng 'mga hot spot' para sa ilang kuwento. Marahil dahil naganap ang aming pagsubok sa San Francisco, ang mga paksa ng pagsasaliksik ay naakit sa isang kuwento tungkol sa site na 'Craig's List' (isang lokal na online na komunidad na sikat mula noong umpisahan ito noong 1995). Ang headline para sa kuwentong iyon ay may napakaraming bilang ng mga pag-aayos ng mata kumpara sa nakapalibot na nilalaman, kahit na ito ay nasa ibaba ng unang nakikitang screen ng pahina. Napansin namin ang isang katulad na mataas na bilang ng mga pag-aayos ng mata sa isang headline tungkol sa gumagawa ng damit na FCUK, na inilagay sa malayong bahagi sa isang page na may mahabang listahan ng mga headline at blur.

Sa tingin namin, ito ay isang magandang balita para sa mga website na iyon na may mga homepage na higit pa sa unang screen view. Nalaman ng Eyetrack III na ang mga tao ay karaniwang tumitingin sa kabila ng unang screen. Ang nangyayari, gayunpaman, ay ang kanilang mga mata ay karaniwang nag-scan sa mas mababang bahagi ng pahina na naghahanap ng isang bagay upang makuha ang kanilang pansin. Maaaring nakatuon ang kanilang mga mata sa isang kawili-wiling headline o isang stand-out na salita, ngunit hindi sa ibang nilalaman. Muli, itinuturo nito ang pangangailangan ng matalas na pagsulat ng headline.

[ Magbasa nang higit pa sa sinasabi ng Eyetrack III tungkol sa disenyo ng homepage dito at dito . ]

Nasaan ang iyong nabigasyon?

Habang sinusubok ang ilang disenyo ng homepage, iniiba namin ang paglalagay ng elemento ng nabigasyon: itaas (sa ilalim ng bandila o logo), kaliwang column, at kanang column.

Pinakamahusay na gumanap ang nabigasyon na inilagay sa tuktok ng isang homepage — ibig sabihin, nakita ito ng pinakamataas na porsyento ng mga paksa ng pagsubok at tiningnan ito sa pinakamahabang tagal. Sa isang survey ng 25 nangungunang mga site ng balita, nakakita kami ng 11 na gumamit ng top position navigation. Ang iba pang 14 ay gumamit ng kaliwang nabigasyon. Pito sa 25 na ginamit sa kaliwa at nangungunang mga elemento ng nabigasyon. Wala sa 25 na mga site na sinuri namin ang gumamit ng right-side navigation. Ito ay bihira, ngunit makakahanap ka ng tamang nabigasyon sa mundo ng website ng balita.

Maaaring mabigla ka na malaman na sa aming pagsubok nakita namin ang mas mahusay na paggamit (mas maraming pag-aayos ng mata at mas mahabang tagal ng panonood) na may nabigasyon sa kanang column kaysa sa kaliwa. Bagama't maaaring ito ang novelty factor sa paglalaro — hindi sanay ang mga tao na makakita ng right-side navigation — maaari itong magpahiwatig na walang dahilan upang hindi ilagay ang nabigasyon sa kanang bahagi ng page at gamitin ang kaliwang column para sa editoryal na nilalaman o mga ad.

[ Magbasa nang higit pa sa sinasabi ng Eyetrack III tungkol sa nabigasyon dito . ]

Paano ang layout ng artikulo, istilo ng pagsulat?

Ang mga resulta ng Eyetrack III ay nagmumungkahi ng iba't ibang katangian ng pagsulat at layout ng artikulo ay maaaring makaapekto sa gawi ng pagtingin ng isang mambabasa.

Halimbawa, kunin natin ang average na haba ng talata. Karamihan sa mga site ng balita ay nagpapatakbo ng mga artikulo na may katamtamang haba na mga talata — sa isang lugar na humigit-kumulang 45-50 salita, o dalawa o tatlong pangungusap. Sa isang survey ng 25 nangungunang mga site ng balita, gayunpaman, nakakita kami ng pitong regular na nag-e-edit ng mga artikulo upang gawing mas maikli ang mga talata — kadalasan ay isang pangungusap lamang sa bawat talata.

Ang mga mas maiikling talata ay gumanap nang mas mahusay sa Eyetrack III na pananaliksik kaysa sa mas mahaba. Ang aming data ay nagsiwalat na ang mga kwentong may maiikling talata ay nakatanggap ng dalawang beses na mas maraming pangkalahatang pag-aayos ng mata kaysa sa mga may mas mahabang talata. Ang mas mahabang format ng talata ay tila hindi hinihikayat ang pagtingin.

Karamihan sa mga pahina ng artikulo sa website ng balita ay nagpapakita ng mga kuwento sa isang column ng text, ngunit ilang site — tulad iht.com at TheHerald.co.uk — gayahin ang layout ng pahayagan at ipakita ang mga artikulo sa dalawa o tatlong magkatabing hanay. Nababasa ba ito gaya ng tradisyonal (para sa Web) na format ng artikulong may isang haligi?

Ang mga resulta ng Eyetrack III ay nagpakita na ang karaniwang isang-column na format ay gumanap nang mas mahusay sa mga tuntunin ng bilang ng mga pag-aayos ng mata — sa madaling salita, mas tumingin ang mga tao. Gayunpaman, tandaan na ang ugali ay maaaring nakaapekto sa kinalabasan na ito. Dahil ang karamihan sa mga tao ay nakasanayan na sa isang-column na mga artikulo sa Web, ang sorpresa sa pagkakita ng tatlong-column na uri ay maaaring makaapekto sa kanilang pag-uugali sa mata.

Paano ang mga larawan sa mga pahina ng artikulo? Maaaring magulat ka na ang aming mga paksa sa pagsusulit ay karaniwang tumitingin sa mga elemento ng teksto bago ang kanilang mga mata ay dumapo sa isang kasamang larawan, tulad ng sa mga homepage. Tulad ng nabanggit kanina, ang baligtad na pag-uugali (mga larawan muna) ay naobserbahan sa mga nakaraang pag-aaral sa pag-print ng eyetracking.

Panghuli, mayroong paggamit ng mga buod na paglalarawan (mga pinahabang headline ng deck na may haba ng talata) na humahantong sa mga artikulo. Ang mga ito ay sikat sa aming mga kalahok. Nang makatagpo ang aming mga tagasubok ng kwentong may naka-boldface na panimulang talata, 95 porsiyento sa kanila ang tumingin sa kabuuan o bahagi nito.

Kapag tiningnan ng mga tao ang isang panimulang talata sa pagitan ng 5 at 10 segundo — gaya ng kadalasang nangyayari — ang kanilang karaniwang gawi sa pagbabasa ng natitirang bahagi ng artikulo ay halos pareho noong tiningnan nila ang mga artikulo nang walang buod na talata. Ang talata ng buod ay walang pagkakaiba sa mga tuntunin ng kung gaano karami ang natupok ng kuwento.

Higit sa 20 porsiyento lamang ng mga nangungunang website ng balita ang regular na gumagamit ng mga buod na talata na may mga artikulo.

[ Magbasa nang higit pa sa sinasabi ng Eyetrack III tungkol sa layout ng artikulo dito . ]

Advertising

Ang unang bagay na napansin namin ay madalas na binabalewala ng mga tao ang mga ad, ngunit mahalaga ang pagkakalagay. Kapag tumitingin sila sa isang ad, kadalasan ay 0.5 hanggang 1.5 segundo lang ito. Maaaring mapabuti ng magandang placement at tamang format ang mga figure na iyon.

Nalaman namin na ang mga ad sa itaas at kaliwang bahagi ng isang homepage ay nakatanggap ng pinakamaraming pag-aayos ng mata. Ang mga ad sa kanang bahagi ay hindi maganda, at ang mga ad sa ibaba ng pahina ay nakita, karaniwan, ng maliit na porsyento lamang ng mga tao.

Ang malapit sa sikat na nilalamang pang-editoryal ay talagang nakatulong na makita ang mga ad. Napansin namin na kapag ang isang ad ay nahiwalay sa usaping pang-editoryal sa pamamagitan ng alinman sa white space o isang panuntunan, ang ad ay nakatanggap ng mas kaunting mga pagsasaayos kaysa noong walang ganoong hadlang. Mahusay ang ginawa ng mga ad na malapit sa mga headline sa tuktok ng pahina. Ang isang banner ad sa itaas ng flag ng homepage ay hindi nakakuha ng kasing dami ng mga fixation gaya ng isang ad na nasa ibaba ng flag at nasa itaas ng editoryal na nilalaman.

Ang mga tekstong ad ay tinitingnan nang husto, sa lahat ng uri na aming sinubukan. Sa aming mga test page, ang mga text ad ay nakakuha ng average na tagal ng oras ng mata na halos 7 segundo; ang pinakamahusay na display-type na ad ay nakakuha lamang ng 1.6 segundo, sa karaniwan.

Mahalaga ang sukat. Ang mas malalaking ad ay may mas magandang pagkakataong makita. Ang maliliit na ad sa kanang bahagi ng mga homepage ay karaniwang nakikita lamang ng isang-katlo ng aming mga tester; ang natitira ay hindi kailanman tumingin sa kanila. Sa mga pahina ng artikulo, ang mga ad na 'kalahating pahina' ang pinakamatindi na tiningnan ng aming mga paksa sa pagsubok. Gayunpaman, nakita lamang sila ng 38 porsiyento ng oras; karamihan sa mga tao ay hindi tumingin sa kanila. Ang mga artikulong ad na pinakamaraming nakita ay ang mga nakalagay sa teksto ng artikulo. Ang mga ad na 'Skyscraper' (manipis na mga patayo na tumatakbo sa kaliwa o kanang column) ay nasa ikatlong lugar.

Sa pagrepaso sa 25 nangungunang mga website ng balita, natuklasan namin na mayroong mas maraming maliliit na banner ad sa mga homepage. At napakakaraniwan nang makakita ng mga ad sa kanang hanay ng mga homepage ng balita. Halos kalahati ng 25 na mga site ang aming sinuri maglagay ng mga ad sa teksto ng artikulo.

[ Magbasa nang higit pa sa sinasabi ng Eyetrack III tungkol sa advertising dito . ]

Mas matagal ang mata ng mas malalaking online na larawan kaysa sa mas maliliit na larawan

Ang mga homepage ng balita ay karaniwang gumagamit ng mga template, na marami sa mga ito ay gumagamit ng paunang natukoy na laki para sa isang pangunahing larawan. Bagama't ang halaga ng paggamit ng isang template-driven na disenyo ay maaaring (at dapat) pagtalunan, kung ano ang natutunan namin tungkol sa laki ng larawan sa Eyetrack III ay maaaring makatulong sa mga nag-iisip kung gaano kalaki ang lugar na iiwan para sa mga larawan.

Bagama't nalaman namin na karamihan sa aming mga kalahok sa pagsusulit ay hindi muna tumitingin sa mga larawan, napansin din namin na ang mga larawan ay nakatanggap ng malaking bilang ng mga pag-aayos ng mata. Nalaman din namin na kapag mas malaki ang imahe, mas maraming oras ang ginugugol ng mga tao upang tingnan ito.

Ang isa sa aming mga page ng pagsubok ay may isang postage-stamp sized na mug shot na tiningnan ng 10 porsyento ng aming mga kalahok. Ihambing iyon sa isang average na laki ng larawan (humigit-kumulang 230 pixel ang lapad at malalim) na nakakuha ng mga tingin mula sa humigit-kumulang 70 porsyento.

Nalaman namin na ang mga larawang hindi bababa sa 210 x 230 pixels ang laki ay tiningnan ng higit sa kalahati ng mga tester. Ipinapakita rin ng aming pananaliksik na ang malinis at malinaw na mga mukha sa mga larawan ay nakakaakit ng higit pang mga pag-aayos ng mata sa mga homepage.

Mukhang sumusunod ang mga pahina sa antas ng artikulo. Muli naming nalaman na mas malaki ang larawan, mas maraming user ang naaakit dito.

Sa pagsusuri sa 25 na website ng balita, nalaman namin na halos 20 porsiyento ang regular na gumagamit ng maliliit na larawan sa kanilang mga homepage. Apat sa limang site ang regular na naglalagay ng kanilang pangunahing larawan sa homepage sa kaliwang itaas.

At narito ang isang kawili-wiling balita sa pagsasaliksik: Napansin namin na ang mga tao ay madalas na nag-click sa mga larawan — kahit na sa aming mga pahina ng pagsubok na hindi nakuha ang mga ito kahit saan (at sa katunayan, ang pag-click sa mga larawan ay walang ginagawa sa maraming totoong site ng balita).

[ Magbasa nang higit pa sa sinasabi ng Eyetrack III tungkol sa mga larawan dito . ]

Teksto para sa mga katotohanan; multimedia graphics para sa hindi pamilyar na mga konsepto

Sa pangkalahatan, napagmasdan namin na ang mga kalahok ay mas malamang na maalala nang tama ang mga katotohanan, pangalan, at lugar noong ipinakita sa kanila ang impormasyong iyon sa isang fomat ng teksto. Gayunpaman, ang bago, hindi pamilyar, konseptong impormasyon ay mas tumpak na naalala noong natanggap ito ng mga kalahok sa isang multimedia graphic na format.

Kaya ano ang ibig sabihin nito? Bagama't sa pangkalahatan, nakakita kami ng bahagyang, bagama't hindi makabuluhan ayon sa istatistika, pagtaas ng pagbabalik ng impormasyon mula sa mga kwentong teksto, dapat nating tandaan na karamihan sa ating mga tanong sa paggunita ay tungkol sa mga katotohanan, pangalan, at lugar. Ang impormasyon ng kwento tungkol sa mga proseso o pamamaraan ay tila naintindihan nang mabuti kapag ipinakita gamit ang animation at teksto. Ang sunud-sunod na animation na sinubukan namin ay sumuporta sa ideyang ito.

Napansin din namin na karamihan sa mga kalahok ay dumalo lamang sa dalawang anyo ng media sa isang pagkakataon. Halimbawa, sa isa sa aming mga sitwasyon sa pagsubok, ipinakita sa mga user ang audio, still images, at mga nakasulat na caption. Napansin namin na itinuon nila ang kanilang pansin sa audio at mga imahe. Ang mahahalagang impormasyon sa mga caption ng larawan ay hindi binasa ng marami.

Ang pangunahing punto ay ang pinakamahuhusay na mamamahayag na nagtatrabaho sa mga multimedia na kapaligiran ay alam kung paano gumawa ng mahusay na mga pagpipilian tungkol sa pagtatanghal ng impormasyon ng kuwento. Tulad ng ipinakita sa pananaliksik na ito, ang ilang impormasyon ay pinakamahusay na naihatid sa pamamagitan ng paggamit ng mahusay, naglalarawang pagsulat. Ang iba pang impormasyon ay mas maipaliwanag nang graphical.

[ Magbasa nang higit pa sa sinasabi ng Eyetrack III tungkol sa pag-unawa sa multimedia dito , at basahin karagdagang pangkalahatang mga obserbasyon sa multimedia dito . ]

Sinaklaw namin ang ilan sa mga highlight sa artikulong ito, ngunit marami pa, kaya mangyaring gumugol ng ilang oras paggalugad dito para sa karagdagang.

Nagbigay si Elizabeth Carr ng tulong sa pananaliksik para sa artikulong ito.

Alamin Ang Pagiging Tugma Sa Pamamagitan Ng Pag -Sign Ng Zodiac