“Above the fold nedir?” sorusunun cevabını aslında çok iyi biliyorsunuz. Her gün sonsuz sayıda içerik, haber ve bilginin içinde gezerken, “ekranın üst kısmı” yani “above the fold” ile karşılaşıyoruz. Hiç durmadan yeni web sitelere giriyoruz ve sadece ekranın üst kısmına bakarak o sitede kalmalı mıyız yoksa hemen çıkmalı mıyız karar veriyoruz. Bu makalede “Above the fold nedir?”, “Neden önemlidir?” ve “Nasıl olurda bir sitede kalıp kalmayacağımıza etki edebilir?” sorularını cevaplayarak, web geliştiriciliğinde sıkça karşılaşacağınız bu terimi ve önemini detaylıca öğreneceğiz.

Above the fold nedir? Ekranın üst kısmı nedir?

Ekranın üst kısmı terimi ilk başlarda sadece gazetecilik ile ilgiliydi. Gazetelerin raflarda ikiye katlanarak okuyucu ile buluşması nedeniyle gazetenin ön sayfasının üst yarısında görünen alan çok önemlidir.  Bu alana above the fold adı verildi. Gazeteler akılda kalıcı başlıklar ve resimler ekleyerek okuyucunun dikkat çekmeyi amaçlıyordu. Bu terim nadiren “katlama çizgisi” olarak da karşımıza çıkabiliyor.

Zaman hızla ilerledi ve internet yaygınlaşmaya başladıkça bu terim artık web geliştiricilerini de yakından ilgilendirmeye başladı. Günümüzde hala bir gazetecilik terimi olsa bile “above the fold” ya da Türkçesi ile “ekranın üst kısmı”, bir siteye girdiğimizde karşımıza çıkan ekranın ilk kısmını ifade etmeye yarıyor.

Above the fold (ekranın üst kısmı) neden önemlidir?

Günümüz modern mobil cihazların ekran boyutları oldukça fazla farklılık göstermektedir. Bu nedenle ekranın üst kısmını her cihazda aynı sunmak mümkün değildir. Örneğin;

• Iphone 6 (375 x 667)
• Galaxy S6 (360 x 640)
• Xperia Z3 (360 x 598)
• Lumia 920 (384 x 640)
• iPad Air (768 x 1024)
• Galaxy Tab 2 10.1 (800 x 1280)

Bu durum beraberinde bir soruyu daha getiriyor: “ Hepsi aynı olamıyorsa, Above the fold (ekranın üst kısmı) önemli midir?”

Ekran boyutu olarak çok fazla değişiklik gösteren mobil cihazlar için above the fold kullanımı oldukça karmaşık görünebilir. Ekranın üst kısmı olarak ayarlamaya çalıştığınız alanın tam konumu ekran boyutlarına göre değişkenlik gösterecektir. Fakat yine de birbirine yakın görüntüler elde etmek mümkün. Ayrıca daha önce yapılmış araştırmalar above the fold’un yerinden ziyade konseptinin önemli olduğunu göstermiştir.

Çeşitli denemeler sonucu yapılan testlerde farklı oranlarda önem yüzdesi verilmiştir.

• Google’a göre ekranın üst kısmında görünen reklamlar kullanıcıların %74’ü tarafından fark edilir.
• 2019 yılında şirketini kapatan, eskiden arama hedefli reklam şirketi olan Chitika ise 22 milyondan fazla gösterimin analizini inceleyerek reklamların ekranın üst kısmında %44 daha fazla etkileşim aldığını belirtmişti.
• 1998 yılından bu yana bilgisayar kullanıcı arayüzü ve kullanıcı deneyimi konusunda danışmanlık yapan Nielsen Norman Group şirketi, “Sayfanın üst kısmında görünen ve gizli olanlarla ekran boyutundan bağımsız olarak her zaman kullanıcı deneyimini etkiler. Kullanıcıların ekranın üst kısmına veya alt kısmına nasıl davrandığı konusunda ortalama fark %84’tür.” açıklamasında bulunmuştur. Ayrıca NNG şirketi, ekranın hemen üstündeki 100 pikselin, ekranın hemen altındaki 100 pikselden %102 daha fazla görüntülendiğini söyledi.

Daha gerçek bir örnek verecek olursak eğer, Google arama sonuçlarını düşünmek yeterlidir. İlk 4 sırada ki web siteleri ekranın üst kısmı (above the fold) ile karşımıza gelir ve evet en çok tıklanan arama sonuçları Google’da ilk 4’te karşımıza çıkanlardır.

Above the fold (ekranın üst kısmı) kullanıcı davranışını nasıl etkiler?

Yapılan araştırmalara göre above the fold’un etkisi eski zamanlara göre daha az. 90’lı yıllar boyunca, yavaş gezinme hızları ve oldukça yavaş web siteleri nedeniyle, ekranın altında olan her hangi bir metni okumak nadiren olan bir şeydi. Kullanıcılar artık giriş yaptıkları sitede daha fazla inceleme yapıyorlar. Yine de above the fold günümüzde önemini korumayı hala başarıyor.

Above the fold (ekranın üst kısmı)’un kullanıcı davranışına çok ciddi etkileri olduğunu yukarıda açıklanan verilerden anlamak mümkündür. Kullanıcılar, sadece ekranın üst kısmına bakarak o siteyi incelemeye devam edip etmeyeceğine karar verir.

Above the fold’ta bulunması gerekenler:

• Kullanıcıların kaydırma için bir nedene ihtiyaç vardır. Kaydırmaya teşvik edici görsel vb öğeler kullanın.
• Gezinme, arama ve bağlantı öğeleri kullanın. İlgi çekici yerlere hızlı bir şekilde atlamanıza olanak tanır.
• Harekete geçirici mesaj düğmeleri kullanın.
• Ekranı tamamen kaplayan görüntülerden sakının ve sayfanın devam ettiğini anlaşılır şekilde gösteren tasarımlar hazırlayın.

Above the fold’a son bakış

Above the fold (ekranın üst kısmı) kullanıcı davranışında ortalama %70-80 civarında etkisi olan SEO için oldukça önemli sayılan, fakat gün geçtikçe değerini biraz daha kaybeden bir terimdir. Kullanıcılar içerikteki değeri görmediğinde kaydırmayı durdururlar. Bu nedenle onlara kaydırmaya devam etmeleri için bir neden sunmalısınız. Sayfalarınızın tasarımını above the fold’a uygun tasarlamak günümüzde hala çok büyük bir avantajdır.