Sayıların ardındaki mantık
Hero bölümü, kullanıcının kalıp kalmama kararını verdiği yerdir. Sayfanın geri kalanı ne kadar iyi olursa olsun, burada tutulamayan ziyaretçi onu hiç görmez.
Bu alanın yapısı ile içindeki söz ayrı konulardır. Buradaki mesele yerleşim: hangi öğeler bulunmalı, ne kadar yer kaplamalı, ne görünür durumda olmalı.
Söylenecek söz ise hero mesajı başlığına ait. İyi kurulmuş bir alan zayıf bir sözü kurtarmaz; iyi bir söz de kötü bir yerleşimde görünmez.
Neleri barındırmalı?
| Öğe | Gereklilik |
|---|---|
| Ne sunulduğu | Şart |
| Ana eylem düğmesi | Şart |
| Destekleyici görsel | Genelde gerekli |
| Kısa güven işareti | Faydalı |
| Dev slogan | Gereksiz |
| Otomatik dönen slayt | Zararlı |
Son satır ölçümlerde tutarlı biçimde kötü çıkıyor. Dönen slaytlarda ilk kare dışındakiler neredeyse hiç görülmüyor; beş mesaj koymak, tek mesajı beşe bölmek anlamına geliyor.
Nasıl kurulur?
- Yüksekliği sınırlayın. Ekranın tamamını kaplamasın.
- Eylemi görünür tutun. Düğme kaydırmadan görünsün.
- Tek mesaj bırakın. Slayt yerine tek kare.
- Altında içerik göstersin. Devamı olduğu anlaşılsın.
- Mobilde ölçün. Görünür alan orada çok küçük.
Uygulamada ne oluyor?
En sık hata, bölümün ekranın tamamını kaplaması. Kullanıcı sayfada başka bir şey olduğunu anlamıyor; alttaki içeriğin bir kısmının görünmesi kaydırmayı kendiliğinden başlatıyor.
İkinci gözlem, dönen slaytların kullanılması. Ekipler karar veremediği için beş mesaj birden konuyor; sonuçta hiçbiri tam olarak iletilmiyor.
Üçüncüsü, eylem düğmesinin kaydırma altına düşmesi. Özellikle mobilde başlık ve görsel yer kaplayınca düğme görünmez oluyor.
Dördüncüsü, büyük görselin yavaş yüklenmesi. İlk ekrandaki ağır görsel açılışı geciktiriyor ve kullanıcı boş bir alana bakıyor.
Beşincisi, mobil görünür alanın hesaba katılmaması. Masaüstünde rahat duran düzen telefonda yalnızca başlığı gösterecek kadar sıkışıyor.
Altıncısı, metnin görsel üstüne okunaksız biçimde yerleştirilmesi. Kontrast yetersiz olduğunda mesaj fiilen yok demek.
Yedincisi, alanın süs olarak görülmesi. Estetik bir görsel konuyor ama ne satıldığı anlaşılmıyor; ziyaretçi doğru yerde olup olmadığını çözemiyor.
Sekizincisi, yükseklik değişiminin sayfa kaymasına yol açması. Görsel geç yüklendiğinde içerik zıplıyor ve kullanıcı yanlış yere tıklıyor.
Dokuzuncusu, kaydırma derinliğinin ölçülmemesi. Kaç kişinin bu bölümün altına indiği bilinmediğinde, alanın işe yarayıp yaramadığı anlaşılmıyor.
Onuncusu, her sayfa tipine aynı yapının uygulanması. Ana sayfa, kategori ve kampanya sayfasında kullanıcının beklentisi farklı; üçü de farklı ilk ekranlar gerektiriyor ama genelde tek bir şablon hepsine uygulanıyor.
On birincisi, bölümün hiç test edilmemesi. Sayfanın en çok görülen parçası burası; buradaki küçük bir değişiklik tüm sayfayı etkilediği halde çoğu ekip testlerine sayfanın alt kısımlarından başlıyor.
On ikincisi, tekrar gelen ziyaretçinin aynı alanı tekrar tekrar görmesi. Siteyi bilen biri için bu bölüm her seferinde aşılması gereken bir engele dönüşüyor; oysa tanınan kullanıcıya daha kısa bir giriş göstermek, onu doğrudan içeriğe taşıyor.
Neyi çözmez?
İyi bir ilk ekran, zayıf teklifi kurtarmaz. Kullanıcı kalır ama devamında bir sebep bulamazsa yine ayrılır.
Sıkça sorulan sorular
Ekranın tamamını kaplamalı mı?
Hayır. Altındaki içeriğin bir kısmı görünmeli ki devamı olduğu anlaşılsın.
Dönen slayt kullanabilir miyim?
Kullanmayın. İlk kare dışındakiler neredeyse hiç görülmez.
Mobilde nasıl ölçmeliyim?
Düğmenin kaydırmadan görünüp görünmediğine bakarak. Mobilde görünür alan çok küçüktür. Bu konuyla birlikte ele alınan Above The Fold Offer, kullanıcı sayfayı hiç kaydırmadan, ilk ekranda gördüğü ana teklif ve harekete çağrıdır.
Bu kavramın bütün resim içindeki yerini Landing Page Optimizasyonu Rehberi içinde ayrıntılı anlattım.
Lead odaklı işletmeler için form, teklif, güven unsurları, CTA, hız ve mobil deneyim optimizasyonu.
