Konu Başlıkları
Yükleniyor...

E-Posta Bülteninde Görsel: Yüklenmediğinde Geriye Ne Kalıyor

Bülten Tasarımında Görsel-Metin Dengesinin Teknik Sınırları

Bülten tasarımı tartışmaları çoğunlukla "görsel dönüşümü artırır mı" sorusunda dönüyor. Daha yararlı soru şu: görsel hiç yüklenmediğinde ekranda ne kalıyor. Tamamen grafik olarak kurgulanmış bir bültende cevap genelde boş bir çerçeve oluyor, ve bu bir tasarım tercihi değil, bir hata.

Görselin gücü, görselin yüklendiği varsayımına dayanıyor

Görsellerin dikkat çektiği doğru. Ama bu etki, görsel indirildiğinde başlıyor. Kurumsal istemcilerin bir kısmı harici görselleri hâlâ varsayılan olarak engelliyor, mobil tarafta veri tasarrufu modları aynı işi yapıyor, kurumsal ağ filtreleri de araya girebiliyor. Yani "büyük ve kaliteli görsel kullanın" tavsiyesi, en iyi durumu tasarlayıp en kötü durumu boş bırakmak anlamına geliyor.

Doğru sıralama tersi. Önce görselsiz halin okunabilir olduğundan emin olun, sonra görselleri o iskeletin üzerine ekleme olarak koyun. Bu yaklaşımın maliyeti neredeyse yok, kazancı ise engelleme oranı kadar.

Alt metin bir kurtarma planı, ama sandığınız kadar güçlü değil

"Her görsele açıklayıcı alt metin ekleyin" maddesi doğru ve eksik. Alt metin ekran okuyucular için gerçekten kritik, görsel engellendiğinde de bir şeyler gösteriyor. Ancak istemciler arası davranışı tutarsız: bazıları alt metni gösterir, bazıları kırpar, bazıları görselin ayrılmış yüksekliğine sığmayan metni tamamen yutar. Görselin içine gömülü otuz kelimelik bir kampanya metnini alt metinle telafi etmeye çalışırsanız, o telafi büyük olasılıkla görünmez.

Alt metni tek başına bir yedek plan olarak değil, gerçek metnin yanındaki bir ek olarak kurgulayın. Başlığı ve fiyatı HTML metni olarak yazın, görsel yalnızca aynı şeyi tekrar etsin. Ölçmesi de kolay: bülteni kendinize gönderip görselleri kapatın, kalan ekran görüntüsünde kampanyanın ne olduğu anlaşılıyor mu.

Tamamen grafik bültenin sessiz maliyeti önizleme yazısında

Kaynak metinlerin neredeyse hiç değinmediği bir nokta var: gelen kutusunda kullanıcının gördüğü ilk şey tasarım değil, konu satırı ve onun yanındaki önizleme yazısı. Önizleme, gövdedeki ilk metin parçasından türetiliyor. Gövde tek bir görselse türetilecek metin yok, istemci de o alanı boş bırakır ya da "görselleri görüntülemek için tıklayın" gibi bir teknik satırla doldurur.

Bu, açılma oranını daha kullanıcı bülteni açmadan etkileyen bir kayıp. Kampanyanın en değerli cümlesini gövdenin ilk metin satırına koyun, çünkü o satır aynı zamanda gelen kutusundaki reklam alanınız.

Koyu tema, görselinizi ters çevirir

Şeffaf arka planlı ve koyu yazılı bir PNG, açık temada kusursuz görünür. Aynı görsel koyu temada koyu zemine oturur ve yazı kaybolur. Logolar bu sorunun en sık yaşandığı yer.

Çözüm basit ve teknik: şeffaflığa güvenmek yerine görselin arka planını kendiniz sabitleyin, ya da koyu tema için ayrı bir varyant tanımlayın. Kritik hiçbir bilgiyi sadece görsel kontrastına yıkmayın, çünkü o kontrastı kontrol eden taraf artık siz değilsiniz.

Butonu görselden çıkarın

Eylem çağrısını görselin içine gömmek bültenlerde en pahalı hata. Görsel engellenirse buton yok, tıklanacak alan yok, dönüşüm yok. Butonu arka plan rengi verilmiş bir tablo hücresi ve içine bir bağlantı olarak kurun; birkaç satır HTML yeter, ek bir araca ya da tasarım dosyasına gerek yok. Metin olarak yazılmış bir buton görseller kapalıyken de çalışır, ekran okuyucuda da okunur.

Tıklanabilirliğin okunması da ayrı bir mesele. Görsel odaklı bültenlerde kullanıcı neyin bağlantı olduğunu tahmin etmek zorunda kalıyor. Tek bir belirgin buton, dağıtılmış beş gömülü bağlantıdan daha çok tıklanır.

"Kaliteli görsel" ile "küçük dosya" aynı cümlede rahat durmuyor

Tavsiye listeleri genelde iki maddeyi yan yana koyar: yüksek çözünürlüklü etkileyici görseller kullanın, dosya boyutunu düşük tutun. İkisi aynı anda tam olarak sağlanamaz, bir denge noktası seçilir. Bültende bu denge şöyle kurulmalı: bir tane gerçekten iyi görsel, kalanı metin. Beş orta kaliteli görselin toplam yükü, bir iyi görselden fazla ve etkisi daha az.

Görsel genişliğini hedef şablonun genişliğinin iki katı üretip HTML tarafında yarıya sabitlemek, yoğun ekranlarda netliği korur. Bunun ötesine geçmek dosyayı büyütür, görünür bir kazanç getirmez.

Denge nerede kuruluyor

Görsel bültenin kabuğu, metin ise taşıyıcı yapısı. Bu ikisinin yerini karıştıran her tasarım, istemcilerin davranışına bahis oynuyor. Bültenizi görselleri kapalı, koyu temada ve dar bir mobil ekranda açın; üç durumda da mesaj ayakta kalıyorsa tasarım hazır, kalmıyorsa görsel eklemek onu kurtarmaz.