İçeriğe geç
NAFRUYazılım x Geliştirme
← Blog ana sayfası

2 dk okuma

"Az kaldı" bir web projesindeki en pahalı cümle

Bir site düşük performans gösterdiğinde ekipler genelde zamanlamayı, trafiği ya da eksik bir animasyonu suçlar. Ölçülebilir iki sebep daha var: sayfa yavaştır ya da kendini anlatmıyordur.

Furkan ÇolakDeveloper

Bir matbaa zemininde hazır bekleyen eski model bir Heidelberg baskı makinesi, yanındaki tezgâhta dizgi kasaları ve aletler.
"Heidelberg Platen Press (front-left)", Hoylen, CC BY-SA 4.0, Wikimedia Commons. 3:2 oranına kırpıldı.

“Az kaldı” web projelerindeki en pahalı ifadedir. Zor soruyu sormadan bir hafta daha ince ayar süresi satın alır: bu sayfa gerçekten birine ne yapması gerektiğini, neden önemli olduğunu anlatıyor mu, hem de kişi çoktan ayrılmadan önce mi anlatıyor?

O son kısım retorik değil. Ölçülebilir, ve rakamlar çoğu ekibin sandığından kötü. Mobil sayfa yüklenme süresi bir saniyeden on saniyeye çıktıkça, bir ziyaretçinin sayfadan ayrılma olasılığı %123 artıyor. Çok daha küçük bir gecikme bile zarar veriyor: bir saniyeden üç saniyeye çıkmak ayrılma olasılığını %32, bir saniyeden beşe çıkmak ise %90 artırıyor (Huckabuy, “Page Speed, Bounce Rate, and Conversion Rate Statistics”). Dönüşüm tarafında, oranlar sıfır ile beş saniye arasındaki her ek saniye için ortalama %4,42 düşüyor; mobilde ise her ek saniye dönüşümlerin %20’sine kadarını maliyet edebiliyor. Mobil ziyaretçilerin yarısından biraz fazlası (%53), sayfa üç saniyeden uzun sürerse tamamen ayrılıyor.

Yani bir mesaj sorununu teşhis etmeden önce bir hız sorununu eleyin. Google, Core Web Vitals 2021’de bir sıralama etkeni haline geldiğinde bunu açıkça ortaya koydu. Hız, sayfanın geri kalan ikna gücünün üzerine oturduğu altyapı. Altı saniyede yüklenen kusursuz yazılmış bir hero, neredeyse kimsenin okumadığı bir hero’dur.

Belirtiler ve sebepler

Düşük dönüşüm, yüksek terk oranı ve zayıf demo talepleri birer belirtidir. Hız elendikten sonra sebep genelde şunlardan biridir: belirsiz hiyerarşi, birbiriyle yarışan mesajlar ya da etkileyici duyulan ama ürünün gerçekte ne yaptığı hakkında hiçbir şey söylemeyen bir hero.

Alt bilgiyi yeniden tasarlamadan önce ilk ekranı iki ölçüte göre denetleyin: hızlı yükleniyor mu, ve yabancı biri beş saniye baktıktan sonra teklifinizi tek cümleyle açıklayabiliyor mu?

“Çalışıyor” gerçekte ne demek

Çalışan bir web sitesi mesajı, düzeni, eylemi ve yüklenme süresini hizalar. Her bölüm, gerçek bir soruyu yanıtlayarak ya da gerçek bir sürtünmeyi kaldırarak yerini hak etmelidir, ve bunu artık tek haneli saniyelerle ölçülen ziyaretçi sabrı tükenmeden yapmalıdır.

Sayfadaki bir bloğu belirli bir kullanıcı sorusuna bağlayamıyorsanız, ne kadar özenli görünürse görünsün süstür. Sayfa boyanmak için dört saniye sürüyorsa, mobil trafiğinizin yarısından fazlası o süsü hiç görmez.

Önce hikâye, sonra milisaniyeler

Kitleyi, sorunu ve sonucu adlandırın. O anlatıdan geriye doğru tasarlayın ve anlatının teknik sunumunu da aynı ciddiyetle denetleyin: görsel ağırlığı, font yüklenmesi, başlığa yığılmış üçüncü taraf betikleri.

Hikâye netleştiğinde ve sayfa hızlandığında tasarım kararları kolaylaşır: daha az yazı boyutu, birbiriyle yarışan daha az CTA, “az kaldı” yerine kasıtlı hissettiren bir sayfa.

Önerilen yazılar

( 00-09 ) İLETİŞİM

Ne inşa ettiğinizi ve NAFRU'nun nasıl yardım edebileceğini konuşalım.

Sohbeti başlatalım.