1. Otel UX metrikleri nelerdir ve nasıl okunur?
AEO (5–7 madde; kavram + kısa açıklama)
- CTA CTR: CTA’ya tıklayanların oranı; mesaj/konum etkisini gösterir.
- Scroll depth: Kullanıcı sayfanın ne kadarını görüyor; “kritik blok görünür mü?” sorusunu cevaplar.
- Form completion rate: Formu başlayan ve tamamlayan oran; sürtünmeyi ölçer.
- Reservation Funnel drop-off: Uygunluk → oda seçimi → form → ödeme geçişlerinde nerede kayıp var?
- Heatmap click density: Tıklama yoğunluğu; kullanıcı nereye basıyor, neresi “tıklanabilir sanılıyor”?
- Error rate (form): Hangi alanlarda hata çok; microcopy/validasyon ihtiyacını gösterir.
- Core Web Vitals (LCP/CLS/INP): Hız ve etkileşim gecikmeleri; UX metrikleriyle birlikte okunmalı.
| KPI | Ne söyler? | Tipik aksiyon |
|---|---|---|
| CTA CTR | CTA mesaj/konum etkisi | CTA metni/konumu test et |
| Scroll depth | Görünürlük | Kritik blokları yukarı al |
| Form completion | Sürtünme | Alan azalt + hata mesajı iyileştir |
| Funnel drop-off | Kayıp adımı | O adımı sadeleştir/test et |
| LCP/INP | Hız/etkileşim | Görsel/script optimize et |
☑ Mini Check
- •CTA CTR ve scroll depth aynı sayfada birlikte okunuyor mu?
- •Funnel drop-off adım adım ölçülüyor mu?
- •Form hata oranı alan bazında çıkıyor mu?
- •CWV metrikleri aynı dashboard’da var mı?
Ne yapmalıyım?
- • 5 çekirdek KPI seçin (CTA CTR, scroll depth, form completion, drop-off, LCP/INP).
- • KPI’ları sayfa türüne göre tanımlayın (ana sayfa, oda, form).
- • “Metrik → karar kuralı” yazın: “Scroll %25 altındaysa CTA’yı yukarı al” gibi.
2. Heatmap ve scroll map ile davranış analizi (ne görüyoruz, ne yanlış anlıyoruz?)
Heatmap ve scroll map, “kullanıcı sayfada ne yapıyor?” sorusuna hızlı cevap verir. Ama tek başına yeterli değildir; çünkü heatmap “tıklama var” der, ama bunun dönüşümle ilişkisini GA4 funnel doğrular.
Heatmap’te en faydalı 4 sinyal
- Dead-click: Tıklanıyor ama tıklanabilir değil (yanlış beklenti)
- CTA dışı yoğunluk: Kullanıcı CTA yerine görsele tıklıyor (CTA görünmüyor olabilir)
- Menü/filtre tıklamaları: Kullanıcı arıyor ama bulamıyor
- Harita/telefon tıklamaları: “iletişim” ihtiyacı artmış olabilir
Scroll map’te kritik okuma
- •Kritik blok (fiyat/iptal/CTA) çoğu kullanıcıya görünmüyorsa, içerik sırası sorunludur.
- •“Uzun sayfa” her zaman kötü değildir; ama kritik CTA aşağıdaysa kayıp artabilir.
GEO senaryo (Antalya/Belek): Resort otellerde kullanıcı görsel/güven arar; ama scroll map “kimse alt bloklara inmiyor” diyorsa, sosyal kanıt ve fiyat/iptal netliği yukarı çekilmelidir.
☑ Mini Check (Heatmap/Scroll)
- •Kullanıcı tıklanabilir sandığı alanlar var mı? (dead-click)
- •CTA’ya tıklama az ama görsele tıklama çok mu?
- •Kritik bloklar %50’nin üstüne görünmüyor mu?
- •Mobilde scroll daha mı kısa? (mobil ayrı okunmalı)
Ne yapmalıyım?
- • Heatmap’te dead-click alanlarını “tıklanabilir yap” veya “tıklanabilir değil sinyali ver” diye çözün.
- • Scroll map’e göre CTA ve fiyat/iptal bloklarını yeniden sıralayın.
- • Heatmap içgörüsünü GA4 funnel ile doğrulayın; aksi halde yanlış yorum riski var.
3. Form ve rezervasyon funnel’ında A/B testleri (nerede test yapılır?)
A/B testin amacı “her şeyi denemek” değil; hipotezi doğrulamak ve kazananı standarda çevirmektir. Otelde en hızlı etkiler, CTA ve form gibi sürtünme noktalarında çıkar.
Hangi alanlar için A/B test yapılmalı? (otel özel)
- •Hero başlığı + CTA metni (“Fiyatları Göster” vs “Uygunluk Kontrol Et”)
- •Oda kartı hiyerarşisi (fiyat/iptal/rozet sırası)
- •Form alan sayısı ve microcopy (label/hata mesajı)
- •İptal/ek ücret özetinin konumu
- •Sticky CTA bar (var/yok) ve metni
Test kurgusu (minimum disiplin)
- •Hipotez: “CTA’yı yukarı alırsak CTR artar.”
- •Metriği seç: CTA CTR + rezervasyon başlangıcı
- •Segment: Mobil/desktop ayrı
- •Süreç: kazananı design system/UX standardına ekle
☑ Mini Check (A/B)
- •Hipotez tek cümle mi?
- •Primer KPI tek mi (CTR veya completion)?
- •Mobil/desktop ayrımı yapıldı mı?
- •Kazanan “standardize” edilecek mi?
Ne yapmalıyım?
- • Her testte tek değişken yapın (CTA metni veya konumu).
- • Testi funnel KPI’larıyla ilişkilendirin (sadece tıklama değil).
- • Kazananı UI kit/başlık kütüphanesine ekleyin; tekrar aynı testi yapmayın.
4. GA4’te UX funnel’ı nasıl kurulur? (temel teknik notlar)
GA4’te doğru ölçüm yoksa, A/B test “gürültü” üretir. Bu bölüm kısa ama net olmalı: isimlendirme standardı, event planı ve funnel adımları.
Event isimlendirme standardı (örnek)
- •view_room_list
- •select_room
- •start_booking
- •start_form
- •submit_form
- •start_payment
- •purchase_booking
Kural: Event isimleri tutarlı, anlaşılır ve raporda kolay okunur olmalı. Scroll/click gibi olayları da “neyin scroll’u?” diye ayırın (örn. scroll_50_room_page).
Funnel adımları (otel çekirdeği)
- Uygunluk / tarih seçimi
- Oda listesi
- Oda seçimi
- Form başlangıcı
- Ödeme başlangıcı
- Rezervasyon (purchase)
☑ Mini Check (GA4)
- •Event isimleri tek sözlükte mi?
- •Funnel adımları net mi?
- •Mobil/desktop ayrı raporlanıyor mu?
- •Form hata event’i var mı?
Ne yapmalıyım?
- • Event sözlüğünü dokümante edin; herkes aynı isimleri kullansın.
- • Funnel raporunu standartlaştırın ve haftalık takip edin.
- • CWV (LCP/CLS/INP) ile aynı raporda okuyun; hız bozulursa UX metriği de bozulur.
5. Looker Studio ile UX dashboard oluşturma (veri → aksiyon)
Otel ekipleri için en pratik yaklaşım, UX dashboard’u “3 katman” halinde kurmaktır:
- Üst seviye: dönüşüm, rezervasyon başlangıcı, drop-off
- Davranış: heatmap/scroll özetleri + CTA CTR
- Tanı: form hata oranı, cihaz kırılımı, CWV
İç linkler (raporlama bağı)
- •Looker Studio: https://dgtlface.com/tr/raporlama/looker-studio
- •Satış/dönüşüm: https://dgtlface.com/tr/raporlama/satis-donusum
- •Reklam raporlama: https://dgtlface.com/tr/sem/reklam-raporlama
Veri → aksiyon süreci (otel rutini)
Haftalık rutin:
- KPI sapmasını bul
- Heatmap/scroll ile “nerede?”yi gör
- GA4 funnel ile “hangi adım?”ı doğrula
- 1 hipotez → 1 test → 1 sonuç
☑ Mini Check (Dashboard)
- •Dashboard “tek ekran” mı, yoksa sayfa sayfa mı?
- •KPI sapması alarmı var mı?
- •Mobil/desktop kırılımı net mi?
- •Test sonuçları aynı panelde kayıtlı mı?
Ne yapmalıyım?
- • Dashboard’u karar odaklı kurun; “metrik çöplüğü” yapmayın.
- • Her metrik için “aksiyon kuralı” yazın.
- • Test sonuçlarını “kütüphane” gibi saklayın; öğrenme döngüsü kurun.
6. UX Dashboard ve Heatmap Örnek Paketi İndir — UX Metrics
AUDIT_SHEETv1.0Checklist + Sprint
UX Dashboard ve Heatmap Örnek Paketi İndir — UX Metrics (v1.0)
Bu paket, otel sitelerinde UX metriklerini tek panelde izlemek için örnek dashboard KPI seti ve heatmap/scroll map yorumlama kartları sunar. Amaç, “veri var ama aksiyon yok” durumunu kırıp, haftalık bir test ve iyileştirme ritmi oluşturmaktır. GA4 event/funnel isimlendirmesi ve A/B test planı da pakete dahil edilir.
Kim Kullanır?
Otel pazarlama + ajans + analitik/raporlama ekibi + ürün/UX sorumlusu.
Nasıl Kullanılır?
- GA4 event sözlüğünü bu pakete göre düzenleyin ve funnel raporunu açın.
- Looker Studio dashboard’unda KPI’ları (CTR, scroll, drop-off) aynı ekrana alın.
- Heatmap/scroll içgörüsünü 1 hipoteze çevirip A/B test planına yazın.
Ölçüm & Önceliklendirme (Kısa sürüm)
- ▢ ✅ CTA görünürlüğü (0–5): ___
- ▢ ✅ Scroll derinliği (0–5): ___
- ▢ ✅ Form sürtünmesi (0–5): ___
- ▢ ✅ Funnel drop-off riski (0–5): ___
- ▢ ✅ CWV etkisi (0–5): ___
- ▢ ✅ Kırmızı: ___ (örn. form drop-off yüksek)
- ▢ ✅ Sarı: ___ (örn. scroll düşük)
- ▢ ✅ Yeşil: ___ (örn. CTA CTR iyi)
PDF içinde: Problem→Kök Neden→Çözüm tablosu + 14 gün sprint planı + önce/sonra KPI tablosu
UX Dashboard ve Heatmap Örnek Paketi İndir ↓Ücretsiz • PDF / Excel
7. Hemen test edebileceğiniz 5 fikir (hızlı kazanım listesi)
- Hero CTA metni: “Fiyatları Göster” vs “Uygunluk Kontrol Et”
- CTA konumu: hero altında vs sticky CTA
- Oda kartında iptal özeti: üstte vs altta
- Form alan sayısı: opsiyonel alanları kaldırma
- Scroll’ı artıran bölüm: sosyal kanıtı ilk ekrana çekme
Bir Sonraki Adım
Heatmap, GA4 funnel ve raporlama panelinizi birleştirip otel siteniz için öncelikli test planını çıkarın.
Sık Sorulan Sorular
Otel UX metrikleri nelerdir?▾
CTA tıklama oranı, scroll derinliği, form tamamlama oranı ve rezervasyon funnel drop-off temel metriklerdir. Heatmap tıklama davranışını, GA4 funnel ise hangi adımda kayıp olduğunu gösterir.
Heatmap ve scroll map otel sitelerinde nasıl kullanılır?▾
Heatmap ile kullanıcıların nereye tıkladığını, scroll map ile sayfada nereye kadar indiğini görürsünüz. Kritik CTA veya fiyat/iptal blokları görünmüyorsa, yerleşim ve içerik sırasını yeniden düzenlemek gerekir.
A/B testleriyle rezervasyon dönüşümü nasıl artırılır?▾
Tek bir hipotez ve tek değişkenle test yapın: CTA metni/konumu, form alan sayısı, iptal özetinin görünürlüğü gibi. Sonucu funnel KPI’larıyla doğrulayın ve kazananı standartlaştırın.
GA4’te UX funnel’ı nasıl kurulur?▾
Uygunluk/tarih seçimi, oda listesi, oda seçimi, form başlangıcı, ödeme başlangıcı ve rezervasyon adımlarını event olarak tanımlayın. Event isimlerini tutarlı tutup cihaz kırılımında takip edin.
Hangi alanlar A/B test için en iyi adaydır?▾
Hero başlığı/CTA, oda kartı hiyerarşisi, iptal/ek ücret metni görünürlüğü ve form alanları en hızlı etki veren alanlardır. Mobil ve desktop’ı ayrı değerlendirmek gerekir.
İlgili İçerikler