Optimum Mobil Duyarlı E-posta Tasarımı için Kontrol Listeniz

duyarlı e-posta tasarımı kontrol listesi

Mobil cihazımda dört gözle beklediğim bir e-postayı açtığımda olduğu kadar beni hayal kırıklığına uğratan hiçbir şey yok ve okuyamıyorum. Ya görüntüler ekrana yanıt vermeyen sabit kodlanmış genişliklerdir ya da metin o kadar geniştir ki okumak için ileri geri kaydırmam gerekir. Kritik olmadığı sürece, okumak için masaüstüme dönmek için beklemiyorum. Sildim.

Tek ben değilim - hem tüketiciler hem de işletmeler artık e-postalarının yarısından fazlasını daha küçük ekranlarda okuyorlar. Duyarlı e-posta tasarımı kritiktir e-posta tıklama oranlarınıza.

Neredeyse her e-posta hizmeti platformunda duyarlı e-postalar uyguladığımız için, genellikle bu kuruluşlara ulaşıyor ve yardım teklif ediyoruz. Dürüst olmak gerekirse hiç cevap almadım. Çok kötü - kimsenin okumadığı bir e-posta göndermek için bir platform için para ödüyorlar. Değiştirmek e-posta şablonunun gerekçelendirilmesi kolaydır. İş yerinizde yazıcıya doğru yürüdüğünüzü ve kağıdın yarısını attığınızı hayal edin… e-postalarınızı yanıtlayamadığınızda yaptığınız şey budur.

Bu pazarda en iyi uygulamalar ortaya çıktı. Duyarlı tasarım o kadar kolay değil - ama imkansız da değil. E-posta Monks'taki arkadaşlarımız bize yardımcı oldu ve e-postanızı mobil ve tablet görüntü alanlarına duyarlı olmasını sağlamak için optimize etmek için bu kanıtlanmış kontrol listesini takip ediyorlar.

  1. Tek sütunlu tasarım
  2. Parmaklar düşünülerek tasarım
  3. Tutun Eylem Çağrıları kolayca dokunulabilir (minimum 44 piksel)
  4. Kaydırmayı kolaylaştırmak için beyaz alanı kullanın
  5. Başlığı temiz tutun
  6. Retina ekranlar için görüntü çözünürlüklerini optimize edin
  7. Bağlantıları bir araya toplamayın, düğmeleri kullanın
  8. Sağlamak bağlantılı telefon numaraları
  9. Konu satırlarını 30 karakter veya daha azıyla sınırlayın
  10. Mobil cihazda uzatıldığında bulanık olmaması için minimum 480 piksel olan resim genişlikleri kullanın
  11. Görüntüleri yalnızca ölçeklendirmeyin, CSS medya sorgularını kullanın
  12. Yüksekliği kısıtlayın - daha kısa e-postaları gözden geçirmek daha kolaydır
  13. Önemli Harekete Geçirici Mesajları ekranın üst kısmında tutun
  14. E-posta tasarımlarınızı test edin e-posta istemcileri arasında

Duyarlı E-posta Tasarımı Kontrol Listesi

2 Yorumlar

  1. 1

    Bu gerçekten harika ve niş bir makale Douglas! Bundan çok şey öğrendim.

    Çoğu makale duyarlı web tasarımından bahsediyor, bu, duyarlı e-posta tasarımı hakkında ilk kez okuyorum. Buraya eklediğiniz gerçekten harika ipuçları ve adımlar. Hangi e-posta pazarlama yazılımını kullandınız?

Ne düşünüyorsunuz?

Bu site spam'i azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl işlendiğini öğrenin.