Sayfa açılırken düğmelerin yer değiştirmesi genellikle üstlerinde sonradan beliren veya boyutu değişen bir öğeden kaynaklanır. Fotoğraf gelince metin aşağı kayabilir, en üste eklenen duyuru bütün sayfayı itebilir ya da özel yazı tipi yüklendiğinde başlık iki satıra düşebilir. Sorunu bulmanın yolu yalnız düğmeye bakmak değil, düğme hareket etmeden hemen önce ekranda neyin değiştiğini yakalamaktır.
İlk test: Görsel için yer ayrılmış mı?
Telefonunuzda sayfayı ilk kez açıyormuş gibi, mümkünse gizli pencerede ve mobil bağlantıda deneyin. Başlık ile teklif düğmesi önce üstte beliriyor, sonra araya fotoğraf yerleşip ikisini aşağı itiyorsa tarayıcı görselin kaplayacağı yüksekliği önceden bilmiyor olabilir. Teknik ekip, görselin en-boy oranına uygun yeri daha yükleme başlamadan ayırabilir. Büyük bir görseli küçültmek açılışı hızlandırabilse de yer ayrılmamışsa asıl hareket devam edebilir.
İkinci test: Hangi duyuru sonradan geliyor?
Bir kampanya şeridi, uyarı alanı veya dışarıdan yüklenen bir bileşen ilk çizimden sonra menünün üstünde açılabilir. Duyuru ilk ziyarette görünüp sonraki ziyarette kapanmış kalıyorsa teknik ekip aynı hareketi her seferinde görmeyebilir. Sorunun ilk ziyarette mi, tekrar açılışta mı yaşandığını not edin. Gerekli duyuruyu kaldırmak yerine yerini ve açılma davranışını planlayın.
Örnek hata notu: “Ürün detayını Android telefonda ilk açtığımda fiyat düğmesine dokunuyorum. Bu sırada üstte kampanya şeridi beliriyor ve onun yerine benzer ürün bağlantısı açılıyor. İkinci ziyarette şerit daha önce geldiği için hareketi fark etmedim.”
Üçüncü test: Başlık yazı tipi değişince büyüyor mu?
İlk görünen yazı karakteri daha dar, sonradan gelen yazı karakteri daha geniş olabilir. Başlık tek satırdan iki satıra geçerse düğme aşağı itilir. Özellikle uzun ürün adında ve daha büyük sistem yazısıyla deneyin. Fontu tamamen kaldırmadan da uygun yedek yazı tipi, daha gerçekçi satır yüksekliği veya daha sade başlık düzeni değerlendirilebilir.
Hareketi ölçerken neye bakılır?
CLS, beklenmedik yerleşim kaymalarını ölçen bir göstergedir. Tek bir hız puanı hangi öğenin oynadığını her zaman anlatmaz. Kısa ekran kaydı alın, sayfayı ve cihazı not edin, mümkünse teknik ekibin geliştirici araçlarıyla kaymanın zamanını incelemesini isteyin. Bilinçli olarak bir menüyü açtığınızda görülen her hareket aynı tür sorun değildir. Google’ın yerleşim kaymalarını azaltma rehberi görsel, sonradan eklenen içerik ve yazı tiplerini ayrı ele alır.
Testi özellikle sitenin ilk giriş sayfasında ve uzun bir hizmet detayında ayrı yapın. Aynı sabit iletişim düğmesi birinde hiç hareket etmezken diğerinde sonradan gelen fotoğraf nedeniyle yer değiştirebilir. Ekran kaydında hangi bağlantının açıldığını da göstermeye çalışın.
Düzeltmeden sonra aynı sayfada özellikle tıklanabilir öğeyi deneyin. Web sitesi hızlandırma ve teknik destek çalışmasında ekranın ne zaman kullanılabilir olduğunu da değerlendiriyoruz. Sorunlu adresi ve kısa bir kaydı WhatsApp üzerinden paylaşabilir veya 0542 387 14 54 numarasını arayabilirsiniz.