Yazılar

Responsive Email Nedir? Neden Responsive Tasarım?

Responsive Email Nedir? Neden Responsive Tasarım?

Responsive Email Nedir? Neden Responsive Email Yapılmalıdır?

Günümüzde responsive email gittikçe popülerliği arttırmakta olan bir email türüdür. Popülerliğini arttırmasının sebebi, mobil cihazların kullanım oranının armasıdır. Bugün yaklaşık olarak emailleri %47’si sadece mobil cihazlarda açılmaktadır.

Peki responsive email nedir? Ve niye mobil cihazlar için bu kadar önemlidir?

Responsive email aslında hepimiz artık tanışmışızdır. Responsive email kısaca, emailin açıldığı cihaza göre tasarımın değiştiği emaillerdir. Yani aynı emaili bilgisayardan ve telefondan açtığınızda farklı tasarımla karşılaşıyorsanız, bu responsive emaildir. Responsive tasarım emailin uyumluluk ve genel kitleye hitap etmesi açısından çok önemlidir. Çünkü markanız adına hazırladığınız tasarım ne kadar kaliteli olursa olsun, cihaza uyumlu olmadıktan sonra pek bir şey ifade etmemektedir.

Günümüzdeki %47’lik emaillerin mobil cihazlarda açılma oranı, 2009 yılında yaklaşık olarak %4’dü. Ve şu anda sahip olduğumuz oran, her yıl artmaktadır. Bu durum bizlere emaillerde mobil uyumluluğunun ne kadar önemli olduğunu göstermektedir.

Bilgisayarlar için tasarlanmış standart emailler, mobil cihazlarda boyutlandırma sıkıntısı yaşadığı için tam ve düzgün olarak gözükmez. Mesela, yazılar kayabilir veya küçük gözükebilir. Aynı şekilde tablolar taşabilir, içerik resimleri kayabilir. Kullanıcılarımıza düzgün ve etkileyici email göndermek, bu noktada marka bilinirliği açısından çok önemlidir.

Email gönderisi oluştururken ilk önce tasarım belirlenir. Daha sonra bu tasarım HTML kodlamaya çevirilerek, email gönderimine uygun hale getirilir. Responsive tasarım, HTML kod içerisinde 2 farklı tasarım kodlamak anlamına geliyor. O yüzden tasarım oluştururken hem mobil cihazlar, hem de bilgisayarlar göz önünde bulundurulmalıdır.

Ebülten Tasarımı ve HTML Kodlama İçin Dikkat Edilmesi Gerekenler yazımızı okuyabilirsiniz.

Responsive tasarımlar, HTML ve CSS kodlama ile yapılmaktadır.

Neden Responsive Tasarım?

  • Gönderilen emaillerin %47’si mobil cihazlarda açılmakta.

  • İnsanların %80’i telefonunda açılmayan veya okunmayan emailleri silmekte.

  • Araştırmalara göre normal bir insan günde yaklaşık olarak 150 kere telefonuna bakmakta.

Responsive Tasarım İle Ne Yapılabilir?

Tasarımda:

  • Fontlar büyütülebilir

  • Sıralama düzenlenebilir

  • Yapı değiştirilebilir

  • Renkler değiştirilebilir

  • Resimler tekrar boyutlandırılabilir

  • İçerik eklenebilir veya çıkartılabilir

Tabii ki bu konuda ki olanaklar istekler doğrultusunda sınırsızdır.

message34.com

Mailing Tasarımı ve Mailing Kodlama

Ebülten Tasarımı ve HTML Kodlama İçin Dikkat Edilmesi Gerekenler

Ebülten Tasarımı ve HTML Kodlama İçin Dikkat Edilmesi Gerekenler

Toplu email gönderimi yaparken Spam Filter’ların filtrelerinden geçerek üyelerinize ulaşmak için sadece teknik detaylara uymanız yetmemektedir.

Bunun dışında tasarımınız ve HTML kodlamanızda dikkat etmeniz gereken bazı maddeler vardır.

Bunlardan bahsedecek olursak öncelikle;

  • Ebülten tasarlamanın web sitesi tasarımından farklı olduğunu unutmayın. 1024/768 pikselin dışında bir tasarım email kutularında scrolla sebep olacaktır. Tasarımınızın genişliği 680 piksel’i geçmemelidir.
  • Tasarımınız ve HTML kodlamanız sadece görsellerden oluşmamalıdır. Mutlaka görsel / metin olmalıdır. %50 görsel %50 metinden oluşması çok daha faydalı olacaktır.
  • Tasarım içindeki metinlerin görsel değil mümkün olduğu kadar metin olarak HTML kodlamaya yerleştirilmesine özen gösterilmelidir.
  • Büyük görselleri tek parça olarak değil birden fazla parçaya bölerek HTML kodunuzun içine yerleştirmeniz hızlı yüklenmesini sağlayacaktır.
  • HTML kodunuzun toplamda 150 KB’ı geçmemesine özen gösterilmelidir.
  • HTML kodunuzda HTML 4.0 kodlama dili dışında kod olmamasına dikkat edilmelidir. JavaScript, flash, iframe gibi kodlamaları kullanmamalısınız.
  • HTML içindeki metinlerinize style verirken CSS ile değil bulundukları TD içine style ile vermeniz istediğiniz font ailesinin gözükmesini sağlayacaktır.

    Son bir not olarak ise;

    Ne kadar kurallara uymak isteniz dahi her browserda mailinizin gözükmeme ihtimali olduğunu göz önünde bulundurun ve mutlaka bülteninizin web versiyonunu yaparak HTML kodun en üstünde bu linki paylaşın.

www.message34.com