Göz izleme ve UX navigasyon

1) Neden Eye-tracking kullanıyorsunuz

Göz izleme, kullanıcıların arayüzü nasıl taradığını tam olarak gösterir: ne fark ettiklerini, neyi görmezden geldiklerini, nerede kaybolduklarını. Tıklama ve kaydırma metriklerini tamamlar, dikkat yolunu ve görsel hiyerarşinin kullanıcının görevlerine uygunluğunu ortaya çıkarır.

• Gezinme ve bilgi mimarisini kontrol edin (menüler, filtreler, arama).
• İlk ekranın/üst katın ve aksanların doğrulanması.
• Kart/dizin/tablo seçeneklerinin karşılaştırılması (F-desen, Z-desen, Gutenberg diyagramı).
• Afiş körlüğü, aşırı yük ve "görsel gürültü" teşhisi.
• Doğruluk oranı yüksek ürünler: finans, bahisler, canlı marketler, kasiyer.

2) Göz takibi hangi eserleri verir

Isı haritası: Bölgeye göre sabitlemelerin toplu yoğunluğu.
Bakış grafiği/Scanpath: sabitleme dizisi (numaralandırılmış noktalar) ve saccade (oklar).
AOI metrikleri: belirtilen arayüz bölgeleri için göstergeler (düğmeler, alanlar, menüler, afişler, kartlar, tablolar).
Geçiş matrisleri: Kullanıcıların bölgeler arasında nasıl "atladığı" (gezinme alışkanlıkları).
Segment raporları: role/cihaza/deneyime göre dikkat farklılıkları.

3) Temel dikkat kalıpları

F-deseni (metinler/tablolar): üst satır - sol sütun - aşağıda yatay.
Z-deseni: sol üst - sağ üst - sağ diyagonal - sağ alt.
Gutenberg diyagramı: güçlü/zayıf kadranlar, doğal okuma yolu.
Kör noktalar: Yoğun ekranlarda sağ/alt alanlar, "afiş körlüğü".
Rakip çapalar: indirim kalıpları, titreyen öğeler, animasyonlu afişler - CTA'nın dikkatini "çalmak".

4) Faaliyet gösterdiğimiz metrikler

• TFF (Time to First Fixation) - Bölge üzerindeki ilk fiksasyona kadar geçen süre.
• Fiksasyon sayısı/süresi - fiksasyonların sayısı/toplam süresi.
• Bekleme süresi - bölgedeki toplam süre (yeniden aramalar dahil).
• Tekrar ziyaretler - AOI'deki geri dönüş sayısı (zorluk/önem işareti).
• Geçiş olasılığı - AOI A'dan B'ye geçiş olasılığı
• Dizi puanı/sabitleme sırası - bölgenin diziye ne kadar erken düştüğü.
• Scanpath uzunluğu/Entropi - rota uzunluğu/rastgelelik (düşük entropi = net hiyerarşi).
• Kapsama/Dışbükey gövde - görsel muayene alanı (aşırı bypass = aşırı yük).

• Düşük TTFF ve yüksek CTA üzerinde durmak - iyi (hızlı fark, düşünce ve tıklama).
• Navigasyon için yüksek TTFF - kötü (menüyü uzun süre aradı).
• Birçoğu bir bloğa geri döner - belirsizlik şüphesi veya istemsiz zorunlu bir eylem.

5) Çalışma planı (şablon)

Amaç, kullanıcının önemli gezinme öğelerini hızlı ve öngörülebilir bir şekilde bulup bulmadığını test etmektir.
Segmentler: 2-3 (yeni başlayanlar/deneyimli; masaüstü/mobil).
Örnek: Segment başına 6-8 (niteliksel olarak) veya 25-60 (yarı niceliksel olarak).
Hedefler: Kontrollü başlangıç ile 5-7 gerçekçi senaryo (aşağıya bakınız).
Ekipman: Sabit izleyici/mobil kurulum/web kamerası (bkz. § 7).
AOI: anahtar öğeleri önceden işaretleyin (logo/arama/menü/filtreler/CTA/afiş/kart/tablo/önbellek).
Prosedür: Kalibrasyon - görev - kayıt sonuçları - önde gelen sorular olmadan kısa bilgilendirme.
Verim: ısı haritası, scanpath, AOI metrik tablosu, öneriler ve A/B hipotezleri.

Görev Komut Dosyası Şablonu

1. "Karanlık Temayı bulun ve açın (veya bir hız sınırı belirleyin)".
2. "Dizini X sağlayıcısına göre filtreleyin ve RTP'ye göre sıralayın".
3. "Önbelleği açın ve mevcut çıktı yöntemlerine bakın".
4. "Canlı etkinliği bulun ve sonucu betslip'e ekleyin".
5. "Kurallar ve Sorumlu Oyun sayfasını bulun".
Her adım için TTFF'yi, geçişleri, başarıyı ve çalışma süresini düzeltiyoruz.

6) AOI işaretleme: en iyi uygulamalar

Bölgeleri semantik yapın: "Tam ana menü", "Arama", "Filtreler", "Oyun kartı: kapak", "CTA: Play", "Promo banner", "Ekmek kırıntıları".
Ayrı bilgilendiriciler (etiketler, durumlar) ve etkileşimli (düğmeler).
Mobilde, gizli panelleri (burger/perde) ayrı AOI'ler olarak düşünün.
Tablolar/faktörler için: AOI'yi sütunlara göre ayırın ("Lig", "Canlı gösterge", "Faktör" 1X2, "CTA Ekle").
Piksellere çarpmayın: Ekran başına 10-15 AOI, analiz için en uygun olanıdır.

7) Ekipman, doğruluk ve sınırlamalar

Donanım izleyicileri (masaüstü/mobil donanımlar): yüksek doğruluk, yoğun UI için iyi (tablolar, katsayılar).
Web kamerası (uzak ET): daha ucuz/daha hızlı ama daha yüksek gürültü, küçük amaçlar için daha kötü; Kaba bir hiyerarşi için uygun.
Kalibrasyon - kritik: 5-9 puan; ofset/yorgunluk tekrarlayın.
Yüksek sesle düşünmek, görünüm modelini bozabilir - en az, daha iyi görev sonrası görüşme kullanın.

8) Analitik boru hattı

1. Veri kalitesi: izleme doğruluğu, kayıp yüzdesi, geçerli sabitlemeler.
2. Görevlerin özeti: başarı, zaman, hatalar, öznel ölçekler (SEQ/UMUX-Lite).
3. AOI tablosu: TTFF, dwell, revisits, geçişler, entropi - segment ve cihaza göre.
4. Heatmap + Scanpath: ekstra dikkat çapaları, "yapışkan", ihmaller arıyoruz.
5. Hipotezler ve çözümler: yeniden düzenlemek/büyütmek/yeniden adlandırmak/gizlemek için ne; Ne ipuçları/iskele.
6. Önceliklendirme: Etki × Çaba; Hızlı Düzenlemeler - Prototip - Benchmark Yeniden Testi.
7. Doğrulama: Anahtar metriklerde A/B (gezinme TO'su, görev zamanı, adım dönüştürme).

9) Tipik buluntular ve bunlara nasıl tepki verileceği

Arama/filtrelerdeki yüksek TTFF, onları sürekli görünür hale getirir, kontrastı/etiketi arttırır.
Afiş, birincil CTA'dan dikkat çekiyor - afişin görsel ağırlığını azaltın, pozisyonları değiştirin, bir çerçeve/CTA yazı tipi ağırlığı ekleyin.
Kartlardaki uzun scanpath - görsel ilkelleri basitleştirir (daha az kalıp/etiket), önizlemeleri standartlaştırır.
Zayıf durum/hata tespiti - renk/simgeler + alana yakınlık, ARIA-etiketi, mikro metin yazarlığı.
Navigasyon çıkmazları - açık "döner", ekmek kırıntıları, sabit şapka, CTA çoğaltma.

10) iGaming/Finansal UI'ler için: AOI ve Çözüm Örnekleri

Nakit: "Para Yatırma/Çekme" sekmeleri, yöntemler, limitler, komisyonlar, ETA - TTFF ve "Onayla" yolunu kontrol edin.
Betslip: Bir sonuç eklemek, miktarı değiştirmek, katsayı ipuçları, risk uyarıları - bakışın mikro hareketlerini en aza indirin.
Canlı pazarlar/faktör tabloları: katsayı sütun önceliği, yapışkan şapka, değişiklik vurgulama.
Slot lobisi: sağlayıcı kartı, rozetler (jackpot/freespins), mekanik filtreler - CTA "Play'in kaybolmaması için görsel gürültüden kaçının.
Sorumlu oyun: Sınırları yüksek dikkat alanına yerleştirin, bir burgerin arkasına saklanmayın.

11) Rapor şablonu (wiki'ye kopyala)

Ürün/Sürüm/Cihaz İçeriği

Görevler: liste, başarı kriterleri

Segmentler: Her biri için N

AOI: Diyagram/Liste

Temel Metrikler: TTFF Tablosu/dwell/revisits/transitions

Bulur (Top-5): kısa + görsel (ısı haritası/scanpath)

Etki × Çaba Önerileri

Deneyler: A/B planı, beklenen etki, dönem

Riskler/yorumlar: verilerin sınırlamaları/genellenebilirlik

12) Lansman öncesi kontrol listesi

• Çalışma hedefleri/sorular formüle
• Görevler gerçekçi ve atomik (≤60 sn/görev)
• AOI işaretlendi, efsane kabul edildi
• Kalibre edildi, ofsette tekrarlandı
• Arayüz seçenekleri dengelenmiştir (A/B sırası)
• Rıza toplama ve gizlilik politikası hazır
• Analiz Planı/Tablo Şablonları Tedarik Edildi
• UX kontrol metrikleri (başarı, zaman, SEQ) bağlanır

13) Antipatterns ve yorumlama tuzakları

"Daha fazla sabitleme = daha iyi" düşünün. "Bazen karışıklık oluyor.
Sonuçları yalnızca dizisiz ısı haritasıyla (scanpath) çizin.
Farklı ekranları/çözünürlükleri tek bir ısı haritasında karıştırın.
İçeriği ve görev bağlamını göz ardı edin (banner uygun olabilir).
Çıkışları segmentasyon/cihaz olmadan tüm kullanıcılara aktarın.
Kantitatif bir çalışmada olduğu gibi 5 katılımcı üzerinde yüksek sesli sonuçlar çıkarın.

14) Etik ve gizlilik

Bilgilendirilmiş onam: hedefler, kayıt, depolama, anonimleştirme.
PII'yi en aza indirin, ham verileri sınırlı ölçüde saklayın, ID kullanın.
Hassas senaryolar için (finans/oyunlar) - yumuşak ifadeler, bir soruyu atlama yeteneği, güvenli demo verileri.

15) Hızlı başlangıç (tek çağrı cihazı)

1. 3-5 anahtar navigasyon görevini tanımlayın.
2. Hedef ekranlarda 10-15 AOI işaretleyin.
3. 8-10 seans yapın (her biri 10-12 dakika): Görevin kalibrasyonu - kısa bir bilgilendirme.
4. AOI tablosunu (TTFF, dwell, transitions, entropy) segment/cihaza göre özetleyin.
5. Top-5 buluntular ve 3-5 A/B hipotezleri üretin (pozisyonlar, boyutlar, telif hakkı, görünürlük).
6. Hızlı düzenlemeler çalıştırın - aynı görevlerde göz izlemeyi test edin.