2016'da Başarılı E-postalar Oluşturmak için 7 Tasarım İpucu

Yayınlanan: 2016-01-26

Bir e-posta tasarımcısı olarak, abonelere işlevsel bir e-posta deneyimi sağlamak sizin işiniz. Bu, abone deneyimini aşındırabilecek ve nihayetinde marka imajınıza zarar verebilecek sürtünmeyi ortadan kaldırmak anlamına gelir.

Bu hedefe ulaşmak, e-postanın sürekli gelişmesi nedeniyle karmaşıktır. E-posta dünyasındaki en son güncellemelerden haberdar olmak çok önemlidir, özellikle de bu değişiklikler (örneğin yeni uygulamalar ve HTML ve CSS desteğindeki güncellemeler) dikkatle tasarlanmış kampanyalarınızı etkileyebilir.

2016 E-posta Durumu Raporu'nda, geçen yıl e-posta dünyasında meydana gelen her şeyi bir araya getirerek e-posta kampanyalarınız için büyük etkileri olabilecek önemli yenilikleri belirlemeye yardımcı oluyoruz.

Ücretsiz raporunuzu alın →

İşte içeride bulacağınız şeylere bir göz atın:

1. ELMA SAATİNİ AKILINIZDA TUTUN

Nisan 2015'te Apple Watch piyasaya sürüldü. Giyilebilir cihazların e-posta uygulama filosuna eklenmesi kaçınılmazdı ve bu, e-posta tasarımcıları için bazı önemli sonuçları beraberinde getiriyor. Kitleniz, teknolojiyi erken benimseyenleri ve potansiyel Watch kullanıcılarını içeriyorsa, Watch'taki abone deneyimini göz önünde bulundurun.

Uzak veya bağlantılı görüntüler algılandığında Apple Watch düz metin görüntülediğinden, e-postalarınızın düz metin sürümünü optimize etmek çok önemlidir. Ayrıca, masaüstü düz metin tüketimi için ayrılmış özel karakterler, fazladan boşluklar ve diğer biçimlendirme hilelerinin Saat'in küçük ekranına çok kötü bir şekilde çevrildiğini unutmayın.

Mesajınıza üçüncü bir bölüm eklemek için daha gelişmiş bir seçenek de vardır: text/watch-html. Bu ek parçayı dahil ederek ve İçerik Tipi'ni “metin/izleme-html” olarak belirleyerek, HTML bölümü uygun olmadığında Saat, düz metin bölümü yerine metin/izle bölümünü görüntüleyecektir. Ancak, İzleme bölümünü eklemeden önce ESP'nize danışın - herkes desteklemez.

2. GÖRÜNTÜ ENGELLEME İÇİN OPTİMİZE ET

Outlook 2016 ve AOL'nin Alto Mail uygulaması 2015'te tanıtıldı ve her biri varsayılan olarak görüntüleri engelledi. E-posta tasarımcıları, görüntü engellemeyle mücadele etmek için ALT metin, kurşun geçirmez düğmeler ve uygun bir görüntü ve HTML metni dengesi gibi savunmacı tasarım tekniklerini kullanmalıdır.

3. ABONELİKTEN KALMA BAĞLANTISINI GİZLEMEYİN

Eylül 2015'te Gmail, tüm Gmail web postası ve Android Gmail uygulaması kullanıcılarına yeni bir "engelleme" işlevi sunarak tüketicilere gelen kutularından istemedikleri e-postalardan kurtulmaları için başka bir seçenek daha sundu. Bir abone bir göndereni "engellediğinde", bu gönderenden bir daha asla e-posta görmeyecekleri anlamına gelir.

İyi tarafı, yeni "engelleme" seçeneğinin spam şikayetlerini azaltması gerektiğidir, çünkü daha önce "spam bildir"i tıklayan bazı aboneler artık bunun yerine "engelle"yi tıklayacaktır. Dezavantajı, "engelle" düğmesinin ISP müdahalesi için yeni, daha düşük bir çubuk oluşturmuş olabileceğidir, bu nedenle daha önce "abonelikten çık"ı tıklamış olabilecek bazı aboneler artık bunun yerine "engelle"yi tıklayacaktır.

Peki ne yapmalısın? Abonelikten çıkmayı kolaylaştırın. Aboneler devre dışı bırakma bağlantınızı kolayca bulamazlarsa, bazıları mesajınızı engeller veya spam olarak işaretler. Abonelikten çıkma bağlantınız küçük gri yazı tipinde gömülüyse, daha büyük, okunması daha kolay metinle kendi başına bir satıra ayırmanın zamanı geldi.

Ek olarak, "liste-abonelikten çıkma" başlığını ekleyin; Gmail, belirli durumlarda, gönderen adınızdan ve gönderenin e-posta adresinden sonra bir "Abonelikten çık" bağlantısı yerleştirir.

Bu bağlantı, abonelerin, eğer kullanıyorsanız tercih merkezi de dahil olmak üzere, devre dışı bırakma sürecinizi atlamalarına izin verse de, yine de bir engelleme veya spam şikayeti almak tercih edilir.

4. İNTERAKTİF E-POSTALARINIZI GÜNCELLEME

Eylül 2015'te Apple, mobil işletim sisteminin en son sürümü olan iOS 9'u yayınladı. Bu güncellenmiş işletim sistemi, birkaç yeni CSS özelliği için destek ekledi ve e-posta tasarımcılarını hayal kırıklığına uğratan birkaç değişiklik getirdi.

Böyle bir hayal kırıklığı mı? Genel kardeş seçicisi (~) her zaman desteklenmez. Litmus Topluluğu üyeleri Remi Parmentier ve Justin Khoo, genel kardeş seçicinin ~ :hover veya :checked sözde sınıf seçicileriyle kullanıldığında iOS 9'da desteklenmediğini bildirdi.

Pek çok etkileşimli e-posta, bir e-postada bir şey olup olmadığını kontrol etmek için sözde sınıfları kullanır ve duruma bağlı olarak öğeleri uygun şekilde biçimlendirir. Ancak bu hata, önceden etkileşimli e-postaların statik olmasına neden olacaktır.

Neyse ki, bir düzeltme var! Genel kardeş seçicisini ~ bitişik kardeş seçicisi + ile değiştirin. Daha az spesifik olan genel kardeş seçici kadar esnek olmasa da aynı sonuçları verir.

5. TABLO TABANLI YERLEŞİMLERİ KULLANIN

Eylül 2015'te Microsoft, Outlook istemcisinin en son sürümü olan Outlook 2016'yı piyasaya sürdü. Ne yazık ki, öncekilerden çok fazla değişmedi. Outlook 2007, 2010 ve 2013 gibi, Outlook 2016 da e-postaları HTML ve CSS için zayıf desteğe sahip ve bir sürü sinir bozucu tuhaflığa sahip Microsoft Word kullanarak işler.

Outlook'un daha yeni sürümleri (2007-2016) HTML ve CSS için zayıf desteğe sahiptir ve akılda tutulması gereken bir takım tuhaflıklar içerir:

  • Div'lerde ve tablo hücrelerinde arka plan resimleri için destek yok
  • CSS kayan nokta veya konum desteği yok
  • Metin gölgesi desteği yok
  • Dolgu ve kenar boşluğu için zayıf destek
  • CSS genişliği ve yüksekliği için zayıf destek
  • İç içe geçmiş öğelerin arka plan renkleriyle ilgili sorunlar

Pek çok CSS özelliği için desteğinin olmaması nedeniyle, tablo tabanlı düzenler Outlook 2016'da optimizasyon için bir zorunluluktur. Özel olarak Outlook 2016'yı hedeflemek için koşullu CSS'yi de kullanabilirsiniz.

6. MOBİL DOSTU ÖĞELER KULLANIN

E-posta açılışlarının %55'i mobil cihazlarda gerçekleştiğinden, bir mobil e-posta stratejisine sahip olmak her zamankinden daha önemli. Duyarlı tasarım kullanmak harika bir seçenek olsa da, medya sorgularının desteklenmediği durumlarda mobil uyumlu öğeler de kullanmalısınız.

Örneğin, her ikisi de 2015'te kullanıma sunulan AOL'nin Alto Mail uygulaması veya Universal Outlook uygulaması medya sorgularını desteklemez.

Abonelerinize mümkün olan en iyi deneyimi sağlamak için büyük metin, dokunmatik düğmeler ve tek sütunlu tasarımdan yararlanın.

7. TASARIM KARARLARI ALMAK İÇİN AÇIK VERİLERİ KULLANIN

Sektör genelindeki e-posta açık trendlerine bakmak, belirli e-posta istemcilerinin benimsenmesinin harika bir göstergesi olsa da, önemli olan hedef kitlenizdir. Hedef kitlenizin e-postalarını nerede açtığına bakmak ve tasarımlarınızı buna göre ayarlamak her zamankinden daha önemli.

Örneğin, 2015'te iPhone açılışlarında %22'lik bir artış gördük ve bu şimdi toplam e-posta açılışlarının %33'üne tekabül ediyor. Kendi hedef kitlenizde benzer bir şey görüyorsanız, bu verileri tasarım kararlarınızı bildirmek için kullanabilirsiniz. iPhone'un işletim sistemi olan iOS'un HTML ve CSS için mükemmel bir desteğe sahip olduğunu biliyoruz, bu nedenle kampanyalarımızda HTML5 video arka planları gibi gelişmiş teknikleri güvenle kullanabilirsiniz.

Anahtar, kitlenizi anlamaktır. Email Analytics ile tasarımlarınızı optimize etmek için ihtiyacınız olan verileri alacaksınız. Bugün ücretsiz deneme için kaydolun. Kredi kartına gerek yok.

2016 E-POSTA DURUM RAPORU ELDE EDİN

Daha fazla bilgi ve eyleme geçirilebilir çıkarımlar mı istiyorsunuz? Ücretsiz raporu bugün indirerek en son e-posta güncellemeleri ve gelişmelerden haberdar olun.

2016 E-posta Durumu Raporunu Alın →