Web Sitesi Çerez Banner Tasarımı: Rahatsız Etmeden Bilgilendirmek
Web Sitesi Çerez Banner Tasarımı: Rahatsız Etmeden Bilgilendirmek
Çerez bilgilendirmesi yasal bir gereklilik olduğu kadar ziyaretçinin siteyle ilk karşılaşmasıdır. Ekranı kaplayan, kapatılamayan ya da reddetme seçeneği gizlenmiş bir banner, daha ilk saniyede olumsuz bir izlenim bırakır.
Bu rehberde çerez bannerının nasıl tasarlanacağını, yerleşim kararlarını, metin dilini ve seçenek dengesini ele alıyoruz. Tasarımın sitenize uyarlanması için Weblike web sitesi tasarımı ekibimizden destek alabilirsiniz. Bu içerik genel bilgilendirme amaçlıdır; hukuki danışmanlık niteliği taşımaz.
Web Sitesi Çerez Banner Tasarımı Nedir?
web sitesi çerez banner tasarımı, ziyaretçiye çerez kullanımını bildiren ve tercihlerini almasını sağlayan bölümün kurgulanmasıdır. Banner genelde ilk ziyarette görünür.
Tasarım yalnızca görsel bir karar değildir. Hangi seçeneklerin sunulacağı ve nasıl sıralanacağı da bu kapsamdadır.
Neden Gerekli?
Çerez bilgilendirmesi birkaç nedenle zorunlu hale gelmiştir. Bunlar birlikte değerlendirilmelidir.
- Mevzuat: Kişisel veri düzenlemeleri.
- Şeffaflık: Ne toplandığının bildirilmesi.
- Tercih: Kullanıcı kontrolü.
- Güven: Açık iletişim.
Güncel düzenlemelere Google üzerinden ilgili kurumların sayfalarından ulaşılabilir.
Yerleşim Seçenekleri
Banner sayfanın altında, üstünde ya da ortasında gösterilebilir. Her seçeneğin etkisi farklıdır.
Alt şerit en az rahatsız eden seçenektir. Orta konumdaki pencere ise dikkat çeker ama akışı keser.
Alt Şerit
Alt şerit içeriği görmeyi engellemez. Çoğu site bu yerleşimi tercih eder.
Mobilde alt menüyle çakışabilir. Bu durum test edilmelidir.
Ortadaki Pencere
Ekranı kaplayan pencere tercih alınmasını garantiler. Ancak ilk izlenimi olumsuz etkiler.
Arka plan karartması kullanılıyorsa hafif tutulmalıdır. Bu yöntem içeriği tamamen gizlememelidir.
Köşe Kutusu
Sol ya da sağ alt köşedeki küçük kutu dengeli bir seçenektir. Hem görünür hem engelleyici değildir.
Kutu boyutu makul olmalıdır. Çok küçük kutular fark edilmez.
Boyut Dengesi
Banner ekranın küçük bir bölümünü kaplamalıdır. Yarısını kaplayan bir şerit deneyimi bozar.
Mobilde bu oran daha da önemlidir. Dar ekranda büyük banner içeriği tamamen gizler.
Metin Uzunluğu
Banner metni kısa olmalıdır. İki ya da üç cümle yeterlidir.
Ayrıntılı bilgi için politika sayfasına bağlantı verilmelidir. Çerez politikasını çerez politikası yazısında ele aldık.
Dil ve Üslup
Metin anlaşılır olmalıdır. Hukuki terimlerle dolu bir paragraf okunmaz.
Günlük dil tercih edilmelidir. Ne toplandığı ve neden toplandığı sade anlatılmalıdır.
Seçenek Dengesi
Kabul ve reddet düğmeleri eşit görünürlükte olmalıdır. Reddetme seçeneğinin gizlenmesi doğru değildir.
İki düğme aynı boyutta ve aynı seviyede olmalıdır. Renk farkı makul tutulmalıdır.
Karanlık Desenlerden Kaçınmak
Reddetme düğmesini soluk göstermek ya da birkaç adım arkasına koymak yaygın ama sakıncalı bir uygulamadır.
Bu yöntemler hem güven kaybı hem uyum riski üretir. Dürüst tasarım uzun vadede daha güvenlidir.
Ayarlar Seçeneği
Ayrıntılı tercih yapmak isteyen kullanıcı için ayar bağlantısı bulunmalıdır. Bu bağlantı görünür olmalıdır.
Ayar ekranı kategori bazlı seçim sunmalıdır. İzin yönetimini çerez izin yönetimi yazısında anlattık.
Çerez Kategorileri
Çerezler kategorilere ayrılmalıdır. Her kategori kısaca açıklanmalıdır.
Zorunlu, tercih, istatistik ve pazarlama yaygın kategorilerdir. Zorunlu grup kapatılamaz olmalıdır.
Varsayılan Durum
Zorunlu olmayan çerezler varsayılan olarak kapalı gelmelidir. Önceden işaretli kutular uygun değildir.
Kullanıcı aktif olarak seçim yapmalıdır. Bu yaklaşım hem mevzuata hem güvene uygundur.
Kapatma Davranışı
Bannerın çarpı ile kapatılması ne anlama geldiği belirsizdir. Bu davranış tanımlanmalıdır.
Kapatma reddetme sayılabilir. Karar yazılı hale getirilmelidir.
Tercih Değiştirme
Kullanıcı sonradan tercihini değiştirebilmelidir. Alt menüde bir bağlantı bulunmalıdır.
Alt menü tasarımını footer tasarımı yazısında ele aldık. Bağlantı metni anlaşılır olmalıdır.
Tercih Saklama
Verilen tercih kaydedilmelidir. Her ziyarette yeniden sorulması rahatsız edicidir.
Saklama süresi tanımlanmalıdır. Süre dolduğunda tercih yeniden sorulabilir.
Betik Engelleme
Tercih alınmadan izleme betikleri çalışmamalıdır. Yalnızca banner göstermek yeterli değildir.
Bu teknik tarafın doğru kurulması gerekir. Aksi halde banner yalnızca görüntüden ibaret kalır.
Analitik Etkisi
Reddedilen izleme çerezleri analitik verisini azaltır. Bu düşüş beklenmelidir.
Analitik kurulumunu analitik takibi yazısında anlattık. Veri kaybı planlamada dikkate alınmalıdır.
Sayfa Hızına Etkisi
Banner betikleri sayfa yüklenmesini geciktirebilir. Hafif çözümler tercih edilmelidir.
Banner betiği asenkron yüklenmelidir. Banner ilk ekranı bloke etmemelidir.
Görsel Kayma
Banner geç yüklendiğinde sayfa içeriği kayabilir. Bu kayma rahatsız edicidir.
Alan önceden ayrılmalıdır. Bu sorun ölçülebilir ve düzeltilebilir.
Erişilebilirlik
Banner klavyeyle kullanılabilmelidir. Odak banner açıldığında içeri alınmalıdır.
Düğmeler ekran okuyucuya doğru bildirilmelidir. Erişilebilirlik tarafını web sitesi erişilebilirliği yazısında ele aldık.
Renk Kontrastı
Metin ve düğme renkleri yeterli kontrast sağlamalıdır. Soluk metinler okunmaz.
Kontrast ölçülerek doğrulanmalıdır. Marka renkleri kullanılabilir.
Mobil Tasarım
Mobilde banner ekranın çok küçük bir bölümünü kaplamalıdır. Düğmeler parmakla basılabilir boyutta olmalıdır.
Mobil ilkelerini mobil öncelikli tasarım yazısında ele aldık. Metin daha da kısaltılabilir.
Çok Dilli Siteler
Banner metni ziyaretçinin diline göre gösterilmelidir. Yanlış dilde bir bildirim anlamsızdır.
Çoklu dil yapısını çoklu dil desteği yazısında anlattık. Çeviriler düzgün yapılmalıdır.
Kayıt Tutma
Alınan tercihlerin kaydı tutulmalıdır. Bu kayıt uyum açısından değerlidir.
Kayıt tarih ve tercih bilgisi içermelidir. Saklama süresi ve erişim yetkisi tanımlanmalıdır.
Test Etmek
Banner tasarımı test edilebilir. Kabul oranı ve çıkış oranı birlikte izlenmelidir.
Yalnızca kabul oranını artırmaya çalışmak doğru değildir. Dürüst tasarım önceliklidir.
Ölçüm Göstergeleri
Bannerın etkisi birkaç gösterge ile izlenir. Bunlar birlikte değerlendirilmelidir.
- Etkileşim: Seçim yapan ziyaretçi oranı.
- Kabul: İzin verilen çerez oranı.
- Ayar: Ayrıntılı ayar açma oranı.
- Çıkış: Banner sonrası terk oranı.
Üçüncü Taraf Betikler
Harita, video ve sohbet gibi dış servisler kendi çerezlerini bırakır. Bu servisler izin alınana kadar yüklenmemelidir.
Yer tutucu kullanılabilir. Ziyaretçi izin verdiğinde içerik yüklenir.
Dürüst Tasarımın Karşılığı
web sitesi çerez banner tasarımı, ziyaretçinin siteyle ilk temasıdır. Sade, kısa ve dengeli bir banner olumlu bir başlangıç üretir.
Reddetmeyi zorlaştıran tasarımlar kısa vadede daha yüksek izin oranı gösterebilir ancak güven kaybı ve uyum riski getirir. Bu değişim kârlı değildir.
Ziyaretçiye çerez kullanımını bildiren ve tercihlerini almasını sağlayan bölümün kurgulanmasıdır.
Alt şerit en az rahatsız eden seçenektir; köşe kutusu da dengeli bir çözümdür.
İki ya da üç cümle; ayrıntı için politika sayfasına bağlantı verilmelidir.
Eşit görünürlükte olmalı; reddetme seçeneğinin gizlenmesi güven kaybı ve uyum riski üretir.
Zorunlu olmayan çerezler kapalı gelmeli ve önceden işaretli kutu kullanılmamalıdır.
Değiştirilebilmeli; alt menüde görünür bir bağlantı bulunmalıdır.
Yeterli değil; tercih alınmadan izleme betikleri çalışmamalıdır.
Reddedilen izleme çerezleri veriyi azaltır; bu düşüş planlamada dikkate alınmalıdır.
Seçim yapan ziyaretçi oranı, izin oranı, ayrıntılı ayar açma oranı ve banner sonrası terk oranı.
İlk ekran, ilk izlenimdir. web sitesi çerez banner tasarımı yapılırken yerleşimi hafif tutmak, metni kısaltmak, kabul ve reddi eşitlemek, varsayılanı kapalı bırakmak ve tercihi kaydetmek gerekir. İzin tarafını çerez izin yönetimi yazımızda ele aldık.
BİZE ULAŞIN
Bizimle iletişime geçerek projeniz için hemen ücretsiz teklif alabilirsiniz.
