<!DOCTYPE article PUBLIC "-//NLM//DTD JATS (Z39.96) Journal Archiving and Interchange DTD v1.0 20120330//EN" "JATS-archivearticle1.dtd">
<article xmlns:xlink="http://www.w3.org/1999/xlink">
  <front>
    <journal-meta />
    <article-meta>
      <title-group>
        <article-title>Web Sayfas Tasar m n n Kullan c lar n I_lgi Dag l m U zerindeki Etkileri: Goz I_zleme Cal smas</article-title>
      </title-group>
      <contrib-group>
        <contrib contrib-type="author">
          <string-name>Sukru Eraslan ve Yeliz Yesilada</string-name>
          <email>seraslan@metu.edu.tr</email>
          <email>yyeliz@metu.edu.tr</email>
          <xref ref-type="aff" rid="aff0">0</xref>
        </contrib>
        <contrib contrib-type="editor">
          <string-name>Anahtar Kelimeler: Gorsel Bloklar, Kullan c I_lgisi, Is Haritas</string-name>
        </contrib>
        <aff id="aff0">
          <label>0</label>
          <institution>Orta Dogu Teknik U</institution>
        </aff>
      </contrib-group>
      <fpage>516</fpage>
      <lpage>528</lpage>
      <abstract>
        <p>Web pages are usually designed for visual interaction and typically supported with visual blocks on web pages. For instance, menu, header, main content and footer are used as the main visual blocks of web pages. These visual elements are separated with spaces which are used as way-edges. For example, the space between the menu and main content is a way-edge to separate the menu and main content. In this study, eye tracking technology has been used to investigate how these way-edges are used. We observed the e ects of way-edges on distribution of users' interests in our analysis. Users' interests are di erently distributed on web pages with di erent designs whereas users' interests are distributed in a similar way on web pages with similar designs. According to our analysis, users' interests can be guided by alternative web designs.</p>
      </abstract>
      <kwd-group>
        <kwd>The E ects of Web Page Design on Distribution of Users' Interests</kwd>
        <kwd>An Eye Tracking Study</kwd>
      </kwd-group>
    </article-meta>
  </front>
  <body>
    <sec id="sec-1">
      <title>Giris</title>
      <p>
        Web sayfalar tasarlan rken genellikle gorsel etkilesim on planda tutulmakta ve
gorsel etkilesimi saglamak amac ile cesitli gorsel bloklar kullan lmaktad r. Temel
gorsel bloklar ise menu, ust bilgi, ana icerik ve alt bilgi bloklar d r. Gorsel bloklar
web sayfalar uzerine yerlestirilirken genellikle birbirlerinden ay rt edilebilecekleri
sekilde yerlestirilmektedir [
        <xref ref-type="bibr" rid="ref11">11</xref>
        ]. Bu bloklar n birbirlerinden ay rt edilebilmesi icin
ise cogu zaman bosluklar kullan lmaktad r. O rnegin, menu ile ana icerik aras nda
b rak lan bos alan blok ayrac olarak gorev almakta ve menu ile ana icerigin
birbirinden ay rt edilmesini saglamaktad r.
      </p>
      <p>
        Kullan c lar web sayfalar uzerinde bulunan gorsel bloklar kullanarak
istedikleri bilgilere ulasabilmekte ve yapmak istedikleri islemlerini
tamamlayabilmektedirler [
        <xref ref-type="bibr" rid="ref10">10</xref>
        ]. O rnegin, Sekil 1'de gosterilmis olan BBC websitesinin ana
sayfas n n ust bolumunde bulunan menu gorsel blogu kullan larak hava durumu,
spor vs. gibi farkl haber kategorilerinin detaylar na erisilebilmektedir. Sekilde
de goruldugu uzere bu menu blogu blok ayraclar sayesinde diger gorsel
bloklardan kolay bir sekilde ay rt edilebilmektedir.
      </p>
      <p>Sekil 1. BBC websitesinin ana sayfas uzerinde bir kullanc ya ait tarama guzerga^h</p>
      <p>Bir sey okurken goz genellikle yumusak hareketler yerine surekli ve h zl
hareketler yapar. Bu hareketler aras nda gozun nispeten hareketsiz kald g
yerler sabit bak s olan isimlendirilir. Sabit bak slar kullan c lar n ilgilerini nerelere
verdiklerini gosterir. Sabit bak s dizileri ise kullan c lar n tarama guzerg^ahlar n
gosterir. Sekil 1'de BBC websitesinin ana sayfas uzerinde bir kullanc ya ait
tarama guzerga^h gosterilmektedir. Sabit bak slar daire olarak gosterilirken, daha
uzun bak s suresine sahip olan sabit bak slar daha buyuk daireler kullan larak
gosterilmektedir.</p>
      <p>
        Bu cal sman n amac , goz izleme teknolojisini kullanarak blok ayraclar n n
kullan c lar n ilgi dag l m uzerindeki etkisini incelemektir. Bu amac icin 40
kisinin kat lm s oldugu bir goz izleme cal smas n n verileri kullan lm st r [
        <xref ref-type="bibr" rid="ref2">2</xref>
        ].
Yap lan goz izleme cal smas nda alt farkl populer websitesinin ana sayfalar
kullan lm s ve kat l mc lara bu sayfalar uzerinde arama ve tarama tipinde gorevler
verilmistir. Kat l mc lar bu gorevleri tamamlarken goz hareketleri bir goz izleme
cihaz kullan larak kaydedilmistir.
      </p>
      <p>Bu cal sma kapsam nda yap lan analizler sonucunda, blok ayraclar n n
kullan c lar n ilgi dag l m uzerinde etkili oldugu gozlemlenmistir. Farkl tasarlanan
sayfalarda kullan c ilgisinin farkl bir sekilde dag l m gosterdigi ancak benzer
sekilde tasarlanan sayfalarda kullan c ilgisinin benzer sekilde dag l m gosterdigi
gozlemlenmistir. Bu analiz sonuclar na gore, web tasar mc lar n n kullan c lar n
ilgi dag l m n blok ayraclar sayesinde yonlendirebilecegi soylenebilmektedir.
2</p>
      <sec id="sec-1-1">
        <title>I_lgili Cal smalar</title>
        <p>
          I_nsanlar n goz hareketlerini izlemek 30 y l ask n bir suredir bilissel islemlerin
arast r lmas nda yayg n olarak kullan lmaktad r [
          <xref ref-type="bibr" rid="ref7">7</xref>
          ]. Web sayfalar uzerinde yap lan
goz izleme cal smalar genellikle sayfalar n tasar m ve duzeninin gelistirilip,
kullan labilirliginin olculmesi amac ile yap lmaktad r [
          <xref ref-type="bibr" rid="ref1">1</xref>
          ]. Bu cal smalar ile sayfa
uzerindeki gorsel elemanlar n degisik durumlarda ne kadar dikkat cektigi [
          <xref ref-type="bibr" rid="ref3">3</xref>
          ],
aranmakta olan bilgiye gore gozlerin nas l hareket ettigi [
          <xref ref-type="bibr" rid="ref2">2</xref>
          ] ve sayfa karmas kl k
duzeyinin kullan c y nas l etkiledigi incelenebilmektedir [
          <xref ref-type="bibr" rid="ref4">4</xref>
          ].
        </p>
        <p>
          Web sayfalar gorsel bloklardan ve bu gorsel bloklar birbirinden ay rt
etmek icin kullan lan blok ayraclar ndan olusmak yerine sadece yaz icerikli
olsayd web sayfalar n n ayn ana dile sahip kisiler taraf ndan ayn sekilde
okunmas beklenirdi. O rnegin, ana dili Turkce olan kullan c lar n web sayfalar n
soldan saga ve yukardan asag ya dogru okumalar beklenirdi. Fakat, yap lm s olan
goz izleme cal smalar web sayfalar n n bu sekilde okunmad g n net bir sekilde
gostermektedir. O rnegin, Nielson Norman Group taraf ndan yap lan buyuk capl
bir goz izleme cal smas sonucunda, kullan c lar n ilgi dag l m n n genelde F har
seklinde oldugu gozlemlenmistir [
          <xref ref-type="bibr" rid="ref5">5</xref>
          ].
        </p>
        <p>
          Yap lan farkl goz izleme cal smalar nda da kullan c lar n ilgi dag l m n n F
har seklinde olabilecegi gozlemlenebilmektedir. O rnegin, Sekil 2'de farkl bir
goz izleme cal smas ile IMDb websitesinin ana sayfas uzerinde olusturulan s
haritas gosterilmektedir [
          <xref ref-type="bibr" rid="ref10">10</xref>
          ]. Is haritalar sabit bak s surelerine veya say lar na
gore olusturulabilmektedir [
          <xref ref-type="bibr" rid="ref9">9</xref>
          ]. En ac k yesil renk en az zaman harcanan veya
Sekil 2. IMDb websitesinin ana sayfas uzerinde olusturulan s haritasi (Al nt : [
          <xref ref-type="bibr" rid="ref10">10</xref>
          ])
en az bak lan alanlar gosterirken en koyu k rm z renk ise en cok zaman
harcanan veya en cok bak lan alanlar gostermektedir [
          <xref ref-type="bibr" rid="ref9">9</xref>
          ]. Sekil 2'de gosterilen s
haritas ndan F har seklinde olan ilgi dag l m gozlemlemek mumkundur.
        </p>
        <p>
          Gunumuzde web sayfalar cok farkl sekillerde tasarlanmakta olup kullan c lar n
ilgi dag l mlar farkl l k gosterebilmektedir. Daha onceki goz izleme cal smam zda
farkl sekillerde tasarlanm s olan web sayfalar kullanm s ve bu sayfalar uzerinde
olusturulan s haritalar ile kullan c lar n ilgi dag l mlar n n farkl sekillerde
olabilecegini gozlemlemistik [
          <xref ref-type="bibr" rid="ref2">2</xref>
          ]. Bu cal smam zda ise kullan c lar n ilgi dag l mlar n n
gorsel bloklar birbirinden ay rt etmek icin kullan lan blok ayraclar taraf ndan
etkilenip etkinlenmedigini inceledik.
3
        </p>
      </sec>
      <sec id="sec-1-2">
        <title>Goz I_zleme Cal smas</title>
        <p>Bu cal sma kapsam nda asag da detaylar verilen goz izleme cal smam z n verileri
kullan lm st r.
3.1</p>
        <sec id="sec-1-2-1">
          <title>Ekipman ve Materyal</title>
          <p>
            Yap lan goz izleme cal smas nda 17" boyutunda bir monitore sahip olan Tobii
T60 isimli goz izleme cihaz kullan ld . Kullan lan ekran cozunurlugu 1280x1024
olarak ayarland . Bu cal smada Alexa.com taraf ndan listelenen populer web
sitelerinin aras ndan rastgele secilen alt web sitesinin ana sayfalar kullan ld .
Secim yap l rken ilgili web sayfalar n n farkl gorsel karmas kl k seviyesinde
olmalar na dikkat edildi. Bu sayfalar n gorsel karmas kl klar ViCRAM (Visual
Complexity Rankings and Accessibility Metrics) isimli bir teknik kullan larak
degerlendirilmistir [
            <xref ref-type="bibr" rid="ref4">4</xref>
            ]. Bu teknik, web sayfalar n n gorsel karmas kl klar n
kullan c alg s temeline dayand rmaktad r. Kullan lan web siteleri ve ana sayfalar n n
gorsel karmas kl k seviyeleri sunlard r: Apple - Alt duzey, Babylon - Alt duzey,
AVG - Orta duzey, Yahoo! - Orta duzey, Godaddy - Ust duzey ve BBC - U st
duzey.
3.2
          </p>
        </sec>
        <sec id="sec-1-2-2">
          <title>Prosedur</title>
          <p>Kat l mc lardan ilk olarak kendilerine verilen bilgilendirme dokuman n
okumalar istendi. Daha sonras nda ise bilgilendirme dokuman n okuduklar n , bu
cal smaya kendi istekleri ile kat ld klar n ve sahip olduklar haklar bildiklerini
belirten onay formunu imzalad lar. Kat l mc lar n cinsiyet, yas, internet kullan m
s kl g ve egitim duzeyi bilgileri de al nd ktan sonra, kat l mc lar goz izleme
cihaz onune oturtuldu. Kat l mc lara her sayfa uzerinde arama ve tarama olmak
uzere iki farkl tipte gorev verildi. Tarama tipi gorevlerde kat l mc lara 30 saniye
sure verilerek sayfalar kendi istedikleri sekilde taramalar istendi. Arama tipi
gorevlerde ise kat l mc lardan en fazla 120 saniye icerisinde sayfa uzerinde var
olan baz bilgileri bulmalar istendi. Kat l mc lara verilen arama gorevleri Tablo
1'de gosterilmektedir.</p>
          <p>Tablo 1. Ana sayfalar kullan lan web siteleri ve bu sayfalar uzerinde kat l mc lara
verilen arama gorevleri
Site Arama Gorevleri
Apple 21.. iAPnaad mmeinnui iulezeilrginildieTbVurlueknlaanmilPaardn seizcleenyeegbiinleicbeuglianbizililrinmkiisbinuilza?bilir misiniz?
Babylon 12.. BBaabbyylloonn''uunn bdiegdearvuarsuunrluemrinuinbuuilnudpiriesbimilelecreigniinoizk uliynakbiibliurlmabisiliinrizm?isiniz?
AVG 21.. AAVVGG IAnntteirvniertusSeFcRuEriEty 22001133''uu iinnddiirreebbiilleecceeggiinniizz lliinnkkii bbuullaabbiilliirr mmiissiinniizz??
Yahoo! 21.. \KNuecwuks"rebsaisml lgerealstanhdipakoilailnk ahnaabemriannsbeatsllerginn isoimkulyeraibniiliorkmuyisaibniilzi?r misiniz?
Godaddy 21.. TYeeknniibkirdaeslatenkaadlaabrilaeycaebgiilneiczegteinleifzoanranmumaakruatsunsunbuulubpulaobkiuliyrambiilsirinmizi?siniz?
BBC 12.. \SBpoursihnaebsse"rlberaisnldgenalitlknindian bbualsulngann poikyuasyaabvielirrilemriisniinbizu?labilir misiniz?
3.3</p>
          <p>Kat l mc lar
Yukar da detaylar verilen goz izleme cal smas hem Orta Dogu Teknik U niversitesi
Kuzey K br s Kampusu'nde, hem de I_ngiltere'de Manchester Universitesi'nde
gerceklestirildi. Bu cal smaya toplamda 20 erkek ve 20 kad n kat l mc kat lm st r.
Bu kat l mc lar n cogunlugu ilgili universitelerde bulunan cesitli bolumlerden
ogrencilerdi. Tum kat l mc lar interneti gunluk olarak kulland klar n belirttiler.
Kat l mc lar n 18'i 18-24 yas, 14'u 25-34 yas, diger alt s ise 35-54 yas aral g ndayd .
Kat l mc lardan 14 tanesi lise veya dengi bir okul mezunu, alt tanesi lisans
mezunu, dokuz tanesi yuksek lisans mezunu, diger dokuz tanesi ise doktora
program mezunuydu.
4</p>
        </sec>
      </sec>
    </sec>
    <sec id="sec-2">
      <title>Analiz Sonuclar</title>
      <p>Yap lan goz izleme cal smas na kat lan kat l mc lar normal sartlar alt nda bir
dokuman icerisindeki sat rlar ilk sat rdan baslayarak soldan saga dogru okuyan
kat l mc lard . Eger web sayfalar sadece yaz icerikli olsayd , bir diger deyisle
farkl bloklardan olusmasayd , bu kat l mc lar n web sayfalar n da ayn sekilde
okumalar beklenecekti. Bu durumda sayfa uzerindeki belli bolgelere benzer
oranlarda bakmalar beklenirdi. O rnegin, tum sayfalar n sol ust bolgelerine dusen
toplam sabit bak s say s n n benzer oranlarda olmalar beklenirdi.</p>
      <p>
        Bu cal smada kullan lan web sayfalar uzerinde blok ayraclar ile ayr lm s olan
farkl bloklar bulundugundan dolay kat l mc lar n farkl sayfalar uzerinde
bulunan ayn bolgelere farkl oranlarda bakmalar beklenir. Bu beklentinin dogrulugunu
kan tlamak amac ile oncelikle baska goz izleme cal smalar nda da yap ld g gibi
her sayfa 3x3'luk tablo sablonu kullan larak esit boyutlarda sahip dokuz tane
kare seklinde bloga ayr ld [
        <xref ref-type="bibr" rid="ref8">8</xref>
        ]. Ard ndan ise her web sayfas icin her bloga dusen
toplam bak s say s hesapland .
      </p>
      <p>Tablo 2. Tarama gorevi s ras nda web sayfalar n n 3x3'luk tablo sablonu kullan larak
olusturulan bloklar na yap lan toplam sabit bak s say lar</p>
      <p>Blok Apple Babylon AVG Yahoo Godaddy BBC</p>
      <p>B1 342 417 393 493 247 419
B2 420 595 907 638 565 605
B3 160 402 300 168 173 341
B4 474 283 571 415 275 510
B5 432 879 633 621 935 598
B6 103 128 259 228 213 304
B7 365 212 79 211 200 189
B8 745 468 90 292 545 381</p>
      <p>B9 307 122 170 236 349 219</p>
      <p>Tablo 2 ve Sekil 3 tarama gorevi s ras nda web sayfalar n n 3x3'luk tablo
sablonu kullan larak olusturulan bloklar na yap lan toplam sabit bak s say lar n
gosterirken, Tablo 3 ve Sekil 4 arama gorevi s ras nda web sayfalar n n
bloklar na yap lan toplam sabit bak s say lar n gostermektedir. Bu tablolardan ve
sekillerden goruldugu uzere iki farkl tipteki gorevler icin de farkl sayfalar uzerinde
bulunan ayn bolgelere farkl oranlarda bak lmaktad r. O rnegin, tarama tipi
gorevlerde Apple websitesinin ana sayfas n n alt-orta bolumu (B8) 745 tane sabit
Sekil 3. Tarama gorevi s ras nda web sayfalar n n 3x3'luk tablo sablonu kullan larak
olusturulan bloklar na yap lan toplam sabit bak s say lar n n gra k ile gosterimi
Tablo 3. Arama gorevi s ras nda web sayfalar n n 3x3'luk tablo sablonu kullan larak
olusturulan bloklar na yap lan toplam sabit bak s say lar
Sekil 4. Arama gorevi s ras nda web sayfalar n n 3x3'luk tablo sablonu kullan larak
olusturulan bloklar na yap lan toplam sabit bak s say lar n n gra k ile gosterimi
bak s bulunduruken, AVG websitesinin alt-orta bolumu sadece 90 tane sabit
bak s bulundurmaktad r. Buna benzer olarak, arama tipi gorevlerde Apple
websitesinin ana sayfas n n alt-orta bolumu (B8) 520 tane sabit bak s bulunduruken,
AVG websitesinin alt-orta bolumu sadece 45 tane sabit bak s bulundurmaktad r.</p>
      <p>
        Web sayfas tasar m nda blok ayraclar n n kullan c ilgisi uzerindeki etkilerini
incelemek amac ile Tobii Studio (v2.2.7) isimli uygulama kullan larak her web
sayfas uzerinde arama gorevi icin ayr tarama gorevi icin ayr olmak uzere iki
tane s haritas olusturulmustur [
        <xref ref-type="bibr" rid="ref9">9</xref>
        ]. Sekil 5, Sekil 6 ve Sekil 7'de ornek olarak
Apple, AVG ve BBC websitesinin ana sayfalar uzerinde arama tipi gorevleri icin
sabit bak s say s na gore olusturulan s haritalar gosterilmektedir. Bu s
haritalar ndan da gozlemlenebildigi gibi blok ayraclar kullan c lar n ilgi dag l m n
etkilemektedir.
      </p>
      <p>Sekil 5. Apple web sitesinin ana sayfas (alt duzey karmas kl k) uzerindeki s haritasi</p>
      <p>
        Blok ayraclar n n kullan c lar n ilgi dag l m n etkiledigini say sal verilerle
gostermek amac ile ilk olarak goz izleme cal smas nda kullan lan web sayfalar
blok ayraclar na gore bloklar na bolunmustur [
        <xref ref-type="bibr" rid="ref11">11</xref>
        ]. Sayfalar farkl sekilde
tasarland g ndan dolay sayfalar uzerindeki blok say lar da farkl l k gostermektedir.
O rnegin, Yahoo websitesinin ana sayfas nda dokuz tane blok varken Apple
websitesinin ana sayfas uzerinde dort tane blok vard r. Ard ndan ise, her web sayfas
icin her blok icerisine dusen toplam bak s say s hesaplanm st r.
Sekil 6. AVG web sitesinin ana sayfas (orta duzey karmas kl k) uzerindeki s haritasi
Sekil 7. BBC web sitesinin ana sayfas (ust duzey karmas kl k) uzerindeki s haritasi
      </p>
      <p>Tablo 4 ve Sekil 8 tarama gorevi s ras nda web sayfalar n n blok ayraclar
kullan larak olusturulan bloklar na yap lan toplam sabit bak s say lar n gosterirken,
Tablo 5 ve Sekil 9 arama gorevi s ras nda web sayfalar n n bloklar na yap lan
toplam sabit bak s say lar n gostermektedir. Bu tablolardan ve sekillerden de
goruldugu uzere iki farkl tipteki gorevler icin de her sayfa icin olusturulan
bloklar daha anlaml bloklar oldugu icin baz bloklar diger bloklara gore onemli olcude
daha cok sabit bak s alm st r. O rnegin, tarama tipi gorevlerde Apple websitesinin
ana sayfas n n alt bilgi bolumunu iceren blok (B4) toplamda 66 tane sabit bak s
al rken, sayfan n ana icerigini bulunduran bolum (B2) toplam 1655 tane sabit
bak s alm st r. Buna benzer olarak, arama tipi gorevlerde Apple websitesinin
ana sayfas n n alt bilgi bolumunu iceren blok (B4) toplamda 67 tane sabit bak s
al rken, sayfan n ana icerigini bulunduran bolum (B2) toplam 1532 tane sabit
bak s alm st r.</p>
      <p>Tablo 4. Tarama gorevi s ras nda web sayfalar n n blok ayraclar kullan larak
olusturulan bloklar na yap lan toplam sabit bak s say lar
Sekil 8. Tarama gorevi s ras nda web sayfalar n n blok ayraclar kullan larak
olusturulan bloklar na yap lan toplam sabit bak s say lar n n gra k ile gosterimi
Tablo 5. Arama gorevi s ras nda web sayfalar n n blok ayraclar kullan larak
olusturulan bloklar na yap lan toplam sabit bak s say lar</p>
      <p>Blok Apple Babylon AVG Yahoo Godaddy BBC
B1 354 168 140 275 697 49
B2 1532 1674 1347 599 952 503
B3 803 1678 1734 2185 751 389
B4 67 143 212 694 241 764
B5 8 26 634
B6 151 625
B7 141
B8 61</p>
      <p>B9 164
Sekil 9. Arama gorevi s ras nda web sayfalar n n blok ayraclar kullan larak
olusturulan bloklar na yap lan toplam sabit bak s say lar n n gra k ile gosterimi
5</p>
    </sec>
    <sec id="sec-3">
      <title>Tart sma</title>
      <p>Yapt g m z bu cal sma ile, web sayfalar uzerinde bulunan gorsel bloklar
birbirinden ay rt etmek icin kullan lan blok ayraclar n n kullan c lar n ilgi dag l m n
yonlendirdigini gozlemledik. Bu durumda, web tasar mc lar n n kullan c lar n ilgi
dag l mlar n n nas l olabilecegini onceden yonlendirebilecegi soylenebilir. Eger bir
web tasar mc s sayfa icerisinde olan bilgileri onemlilik derecesine gore ay rmak
isterse, bu bilgileri onemlilik derecelerine gore farkl gorsel bloklara yerlestirip
bu bloklar blok ayraclar ile ay rarak, kullan c lar n daha onemli bilgileri iceren
bloklar daha rahat bir sekilde farketmesini saglayabilir.</p>
      <p>Bu cal sma temel al narak, makine ogrenme teknikleri ile blok ayraclar n
ozellik olarak kullanan ve kullan c lar n ilgi dag l m n goz izleme verileri olmadan
tahmin eden bir model gelistirilebilir. Bu model sayesinde web tasar mc lar
goz izleme cal smas yapmadan tasarlad klar sayfa uzerinde kullan c lar n
ilgilerinin nas l bir dag l m gosterecegi hakk nda bilgi sahibi olabilir. Bu modeli
olustururken blok ayraclar d s nda kullan c lar n ilgi dag l m n etkileyen diger
ozelliklerin de belirlenmesi ve kullan lmas , olusturulacak modelin daha basar l
sonuclar vermesini saglayacakt r. Bu modeli olusturmak icin kullan lacak olan
goz izleme verileri bircok farkl tasar ma sahip web sayfalar uzerinde olmal d r.</p>
      <p>
        Daha onceden yap lm s goz izleme cal smalar web sayfalar uzerindeki baz
bolumlerin kullan c lar taraf ndan okunmad g n gostermistir. O rnegin, Nielson
Norman Group taraf ndan yap lan bir arast rmada kullan c lar n web sayfalar
uzerindeki reklam alanlar na pek bakmad klar raporlanm st r [
        <xref ref-type="bibr" rid="ref6">6</xref>
        ]. Rapor edilmis
sonuclar incelendigimiz zaman reklam icerikli gorsel bloklar n blok ayraclar ile
diger bloklardan ayr ld g n gozlemledik. Bu da kullan c lar n reklam bloklar n
blok ayraclar sayesinde kolayca farkettigini ve bundan dolay da ilgilerini o
bloklara vermedikleri tezimizi desteklemis oluyor.
      </p>
      <p>
        Yukar da bahsetmis oldugumuz model olusturulursa ve bu model ile hangi
alanlar n kullan c lar taraf ndan okunmad g tahmin edilebilirse, web sayfalar n
k s tl ortamlarda sunarken okunmayan k s mlar kald r l p sayfa daha erisilebilir
hale getirilebilir. O rnegin, gorme engelli kullan c lar web sayfalar na sayfalar n
kodunu okuyan ekran okuyucular ile erisebilmektedir [
        <xref ref-type="bibr" rid="ref11">11</xref>
        ]. Eger web sayfas
uzerinde okunmayan k s mlar kald r l rsa, sayfa bu kullan c lar icin daha erisilebilir
hale gelecektir.
6
      </p>
    </sec>
    <sec id="sec-4">
      <title>Sonuc</title>
      <p>Bu cal sma kapsam nda, goz izleme teknolojisini kullanarak web sayfas uzerinde
bulunan gorsel bloklar n birbirlerinden ay rt edilebilmeleri icin kullan lan blok
ayraclar n n kullan c lar n ilgi dag l m n nas l etkiledigi incelenmistir. Yap lan
analizlerin sonuclar , blok ayraclar n n kullan c lar n ilgi dag l m uzerinde etkili
oldugunu gostermistir. Benzer sekilde tasarlanan sayfalarda kullan c ilgisinin
benzer sekilde dag l m gosterirken, farkl tasarlanan sayfalarda kullan c ilgisinin
farkl bir sekilde dag l m gosterdigi gozlemlenmistir.</p>
    </sec>
    <sec id="sec-5">
      <title>Kaynakca</title>
    </sec>
  </body>
  <back>
    <ref-list>
      <ref id="ref1">
        <mixed-citation>
          1.
          <string-name>
            <surname>Ehmke</surname>
            ,
            <given-names>C.</given-names>
          </string-name>
          , Wilson, S.:
          <article-title>Identifying Web Usability Problems from Eye-tracking Data</article-title>
          .
          <source>In: Proceedings of the 21st British HCI Group Annual Conference on People and Computers: HCI</source>
          ...
          <article-title>but not as we know it</article-title>
          .
          <source>BCS-HCI '07</source>
          , vol.
          <volume>1</volume>
          , pp.
          <volume>119</volume>
          {
          <fpage>128</fpage>
          . British Computer Society, Swinton, UK (
          <year>2007</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref2">
        <mixed-citation>
          2.
          <string-name>
            <surname>Eraslan</surname>
            ,
            <given-names>S.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Yesilada</surname>
            ,
            <given-names>Y.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Harper</surname>
            ,
            <given-names>S.</given-names>
          </string-name>
          :
          <article-title>Scanpath trend analysis on web pages: Clustering eye tracking scanpaths</article-title>
          .
          <source>ACM Trans. Web</source>
          <volume>10</volume>
          (
          <issue>4</issue>
          ),
          <volume>20</volume>
          :1{
          <fpage>20</fpage>
          :35 (Nov
          <year>2016</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref3">
        <mixed-citation>
          3.
          <string-name>
            <surname>Mccarthy</surname>
            ,
            <given-names>J.D.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Sasse</surname>
            ,
            <given-names>M.A.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Riegelsberger</surname>
          </string-name>
          , J.:
          <article-title>Could I Have the Menu Please? An Eye Tracking Study of Design Conventions</article-title>
          .
          <source>In: In Proceedings of HCI2003</source>
          . pp.
          <volume>401</volume>
          {
          <fpage>414</fpage>
          . Springer-Verlag (
          <year>2003</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref4">
        <mixed-citation>
          4.
          <string-name>
            <surname>Michailidou</surname>
          </string-name>
          , E.:
          <article-title>Visual complexity rankings and accessibility metrics</article-title>
          .
          <source>Ph.D. thesis</source>
          , The University of Manchester (
          <year>2010</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref5">
        <mixed-citation>
          5.
          <string-name>
            <surname>Nielsen</surname>
            ,
            <given-names>J.:</given-names>
          </string-name>
          <article-title>F-shaped pattern for reading web content (</article-title>
          <year>2006</year>
          ), https: //www.nngroup.com/articles/f-shaped
          <string-name>
            <surname>-</surname>
          </string-name>
          pattern-reading-web-content/,
          <source>ulas lma tarihi</source>
          <volume>17</volume>
          /05/2017
        </mixed-citation>
      </ref>
      <ref id="ref6">
        <mixed-citation>
          6.
          <string-name>
            <surname>Nielsen</surname>
          </string-name>
          , J.:
          <article-title>Banner blindness: Old and new ndings (</article-title>
          <year>2007</year>
          ), https: //www.nngroup.com/articles/banner
          <article-title>-blindness-old-and-new-findings/</article-title>
          ,
          <source>ulas lma tarihi</source>
          <volume>17</volume>
          /05/2017
        </mixed-citation>
      </ref>
      <ref id="ref7">
        <mixed-citation>
          7.
          <string-name>
            <surname>Rayner</surname>
            ,
            <given-names>K.</given-names>
          </string-name>
          :
          <source>Eye Movements in Reading and Information Processing: 20 Years of Research. Psychological Bulletin</source>
          <volume>124</volume>
          ,
          <issue>372</issue>
          {
          <fpage>422</fpage>
          (
          <year>1998</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref8">
        <mixed-citation>
          8.
          <string-name>
            <surname>Sutcli</surname>
            <given-names>e</given-names>
          </string-name>
          ,
          <string-name>
            <given-names>A.</given-names>
            ,
            <surname>Namoun</surname>
          </string-name>
          ,
          <string-name>
            <surname>A.</surname>
          </string-name>
          :
          <article-title>Predicting user attention in complex web pages</article-title>
          .
          <source>Behaviour &amp; Information Technology</source>
          <volume>31</volume>
          (
          <issue>7</issue>
          ),
          <volume>679</volume>
          {
          <fpage>695</fpage>
          (
          <year>2012</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref9">
        <mixed-citation>
          9.
          <string-name>
            <given-names>Tobii</given-names>
            <surname>Technology</surname>
          </string-name>
          <string-name>
            <surname>AB</surname>
          </string-name>
          :
          <article-title>Tobii StudioT M 2</article-title>
          .
          <string-name>
            <given-names>X</given-names>
            <surname>User</surname>
          </string-name>
          <article-title>Manual</article-title>
          (version
          <year>September 2010</year>
          ).
          <article-title>Tobii Technology AB (</article-title>
          <year>2010</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref10">
        <mixed-citation>
          10.
          <string-name>
            <surname>Yesilada</surname>
            ,
            <given-names>Y.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Jay</surname>
            ,
            <given-names>C.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Stevens</surname>
            ,
            <given-names>R.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Harper</surname>
            ,
            <given-names>S.</given-names>
          </string-name>
          :
          <article-title>Validating the Use and Role of Visual Elements of Web Pages in Navigation with an Eye-tracking Study</article-title>
          .
          <source>In: Proceedings of the 17th international conference on World Wide Web</source>
          . pp.
          <volume>11</volume>
          {
          <fpage>20</fpage>
          . WWW '08,
          <string-name>
            <surname>ACM</surname>
          </string-name>
          , New York, NY, USA (
          <year>2008</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref11">
        <mixed-citation>
          11.
          <string-name>
            <surname>Yesilada</surname>
            ,
            <given-names>Y.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Stevens</surname>
            ,
            <given-names>R.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Harper</surname>
            ,
            <given-names>S.</given-names>
          </string-name>
          ,
          <string-name>
            <surname>Goble</surname>
            ,
            <given-names>C.</given-names>
          </string-name>
          :
          <string-name>
            <surname>Evaluating</surname>
            <given-names>DANTE</given-names>
          </string-name>
          :
          <article-title>Semantic Transcoding for Visually Disabled Users</article-title>
          .
          <source>ACM Trans. Comput.-Hum. Interact</source>
          .
          <volume>14</volume>
          (
          <issue>3</issue>
          ),
          <volume>14</volume>
          (Sep
          <year>2007</year>
          )
        </mixed-citation>
      </ref>
    </ref-list>
  </back>
</article>