Gerçekten İyi E-posta Tasarım Trendleri: Web Semineri Kaydı + Soru-Cevap

Aboneleriniz çeşitli kanallarda binlerce mesaj bombardımanına tutuluyor ve markanızı öne çıkarmak her zamankinden daha zor. Gürültüyü kesmenin bir yolu mu? Onları gerçekten iyi bir e-posta tasarımıyla etkileyin .

Bu web seminerinde, yıllar boyunca e-posta tasarım trendlerine bir göz attık. 2000'lerin başında e-posta nasıl görünüyordu? 2019'da kazananlar arasına hangi trendler katıldı? Ve 2020'de, hatta 2030'da ne büyük olacak? Gerçekten İyi E-postalar ekibi, e-posta tasarımı hafıza şeridinde bir yolculuk için bize katıldı ve bundan sonra ne olacağına dair tahminlerde bulunmamıza yardımcı oldu.

Web seminerini canlı izleme şansınız olmadı mı? Merak etme. İstediğiniz zaman tam kayıt erişmek ve aşağıdaki Q & A okuyabilir.

Soru-Cevap

Web semineri sırasında soru soran herkese çok teşekkür ederiz! En popüler sorulara verdiğimiz yanıtların bir özetini ve canlı web semineri sırasında alamadığımız bazı soruları ele alıyoruz. Başka sorularınız mı var? Lütfen onları yorumlarda bırakın.

Bu e-posta tasarım trendleri B2C ve B2B arasında nasıl farklılık gösteriyor?

Mike Nelson : Bu eğilimler B2B, B2C ve Kâr Amacı Gütmeyen Kuruluş genelinde tutarlıdır. Bir sektörde olmanız, diğerinin tasarım fikirlerini kullanamayacağınız anlamına gelmez. Kendine has bir havası olan tek sektör, genellikle metin ağırlıklı olan devlet e-postalarıdır.

Artık Karanlık Mod bunu daha da zorlaştırma eğiliminde olduğundan, beyaz alanı kullanmanın en iyi yolu nedir?

Mike : Gerçekten sadece boşluk anlamına geldiğinde "beyaz boşluk" olarak adlandırmak biraz kafa karıştırıcı görünüyor. Bu bağlamda, beyaz mı yoksa karanlık mı olduğu önemli değil - sadece her öğe için biraz yer açmak istiyorsunuz.

Lily Worth : Bence beyaz boşluk terimi genellikle negatif boşluk olarak kabul edilir, bu da renge özgü olmadığı için kullanışlıdır.

Düz metin tarzı e-postalara daha düşünceli görsel tasarım öğeleri eklemenin yolları için herhangi bir ipucu var mı?

Jason Rodriguez : Düz metin tarzı e-postalar için, gerçekten hiyerarşiye iner, bu nedenle abonelerinizin muhtemelen bakmayacağı uzun bir metin bloğu değildir. Farklı başlıklara sahip bölümler oluşturarak ve bu başlıkları öne çıkarmak için farklı ağırlıklar veya farklı tarzdaki metinler kullanarak taranabilirlik oluşturabiliyorsanız, bu da yardımcı olur.

Mike : Uzun bir makale yazmıyor ve araç olarak e-posta kullanmıyorsanız, paragraflarınızı yalnızca birkaç veya birkaç cümleyle sınırlamaya çalışın. Fikirleri özetleyebileceğiniz yerlerde madde işaretleri kullanın. Fikirler arasında görsel aralar oluşturmak için “#################” gibi özel karakterler kullanın. RGE'deki bu koleksiyonda bazı iyi metin ve mektup stili e-posta örneklerine sahibiz .

Lily : Jason'a katılıyorum. Farklı yazı tipi boyutları ve ağırlıkları ve belki de hiyerarşi oluşturmak için birkaç farklı yazı tipi stili kullanmak, bir e-postayı taranabilir ve sindirilebilir hale getirmeye yardımcı olacaktır. Tipografi konusunda kesinlikle yaratıcı olabilirsiniz; Kalın tipografiyle ilgili blog yazımızın alt kısmında salt metin içeren e-postaların bazı güzel örnekleri var .

Animasyon ve animasyonlu GIF'leri erişilebilir hale getirmenin bir yolu var mı?

Lily : Bir animasyon destekleyici bir rol oynamalı, bu nedenle , yazılı içerikte önemli mesajlar ve harekete geçirici mesajlar bulunmalıdır . Bir animasyon herhangi bir ayrı ve önemli bilgi içeriyorsa, bu bir ALT etiketinde gösterilmelidir.

Animasyonun kendisi için, 2 Hz ile 55 Hz arasındaki içerik yanıp sönme hızları, ışığa duyarlı epilepsili kullanıcılara zarar verebilir. Ayrıca, görme engelli kullanıcılar, animasyon değişmeden önce bir GIF'deki içeriği okumakta veya incelemekte zorluk çekebilir. Animasyonlu GIF'lerinizin yumuşak geçişlere sahip olduğundan veya bir kareden diğerine yüksek hızda animasyon yapmadığından emin olun.

Jason : GIF'ler çoğu kampanya için doğası gereği çok dekoratiftir. Ancak bu GIF yüklenmezse, aboneleriniz e-postalarını açtığında orada değilse, mesajınız yine de anlamlı mı? Birisi e-postanızı okumak için bir ekran okuyucu kullanıyorsa, mesajınızı anlayabilecekler mi? Lily'nin dediği gibi, GIF tekrarlanmayan bir değer sağlıyorsa, tüm abonelerin bu bilgilere erişebilmesi için bu mesajı bir ALT etiketine koyduğunuzdan emin olun.

Animasyonlar ve GIF'ler oluşturmak için önerebileceğiniz araçlar var mı?

Matt Helbig : Markaların hala Adobe Photoshop veya After Effects gibi araçlar kullandığını görüyoruz. Bazı CSS animasyonları veya fareyle üzerine gelme efektleri eklemek, birkaç satır kodla e-postanıza hareket katmanın iyi bir yolu olabilir.

Lily : Litmus e-postalarında yer verdiğimiz animasyonları oluşturmak için Adobe Animate kullanıyoruz. Bu yazılım, GIF, PNG ve HTML5 animasyonları oluşturmamızı sağlar; geçmişte Flash ile çalışmış olanlar bu yazılımı tanıdık bulacaklardır.

Whitney Rudeseal Peet : Animasyonlu PNG'ler (APNG'ler) uygulamak istiyorsanız, Adobe Photoshop veya Adobe Animate ile animasyonları APNG'ler olarak kaydetmek şu anda mümkün değildir. E-postalarımıza APNG'leri eklediğimizde, animasyonu oluşturmak için Adobe Animate'i kullanırız, ancak her kareyi tek bir PNG olarak dışa aktarırız. Tüm bu bireysel PNG'leri bir APNG'ye dönüştürmek için PNG Animator gibi bir araç veya ezgif.com'daki bu ücretsiz alternatifi kullanabilirsiniz .

B2B ve B2C hedef kitlelerinde mi yoksa esas olarak B2C'de mi özel illüstrasyonlar kullanılıyor?

Mike : Neredeyse eşitler. Web seminerinde kullandığımız örnekler daha çok tüketici tarzı gibi görünebilir, ancak hepsi B2B şirketlerine aitti: Mailchimp (diğer şirketlere e-posta hizmetleri satıyor), HelpScout (işletmelere müşteri hizmetleri teknolojisi satıyor) ve Bulb (işletmelere enerji satıyor) .

Jason : E-postadaki her şey gibi, bu da markanıza ve hedef kitlenize ve her kampanya için hedefinizin ne olduğuna bağlıdır. Bu nedenle, özel çizimler gibi şeylerin daha az ciddi olarak algılanabileceği sektörlerden birindeyseniz, bunları kullanmayın. Ancak, sektörü bozmak için fırsatlar da olduğunu unutmayın. Finans endüstrisindeki Simple veya Stripe gibi markalar, soyut kavramları daha net bir şekilde temsil edebildikleri ve markalarına biraz kişilik kazandırabildikleri için bazı yeni tasarım trendlerini benimsiyor. O yüzden asla asla deme.

E-posta istemcileri arasında etkileşimli özelliklerin oluşturulmasıyla ilgili hala zorluklar var mı?

Whitney : Birçok şirket için, daha fazla etkileşimli e-posta göndermemelerinin ana nedeni, tutarsız ve sınırlı gelen kutusu sağlayıcı desteğidir. Ne yazık ki, fareyle üzerine gelme efektleri ve etkileşimli görüntü karuselleri gibi özellikler için durum hala böyle. Bunu göz önünde bulundurarak, yine de etkileşim uygulamak istiyorsanız, bir yedeğiniz varsa sınırlı destekten korkmanıza gerek yoktur. Başlamak için etkileşimli e-postanın yedekleriyle ilgili tüm blog yazımıza göz atın .

Peki ya Karanlık Mod daha iyi bir erişilebilirlik deneyimi sağlar?

Mike : Bu alanda hala çok fazla araştırma yapılıyor. Kapsamlı bir ifade doğru olmadığı için “Karanlık Mod”un gözler için daha kolay olduğunu söylemek, bazılarına yardımcı olur ve alternatif olarak, şiddetli astigmatizması olanlar gibi diğerleri için daha kötü olabilir. Uyumakta zorluk çekenler için akşamları Karanlık Modu kullanmanın , sirkadiyen ritimlerinizi etkileyebilecek daha parlak ekranlardan daha yararlı olduğu görülmüştür . Karanlık Mod da genellikle daha az dikkat dağıtıcı olarak görülür ve insanların odaklanmasına yardımcı olmak için kullanılır . Ancak kontrast çok güçlüyse – örneğin gerçek siyah arka plan ve gerçek beyaz metin – disleksisi olan kişiler için okumak daha zordur . Bu, koyu bir arka plan kullanılarak, ancak yazı tipi için krem ​​rengi ile koyu gri gibi bir şey kullanılarak hafifletilebilir.

Sizce bu tasarım trendleri 65 yaş üstü bir kitleyle nasıl çalışabilir?

Mike : Bunu özellikle ele almadık, ancak web seminerinde gösterdiğimiz ve Gerçekten İyi E -postalarda gördüğümüz e-postalar , yazı tipi boyutlarını sadece birkaç yıl öncesine kıyasla önemli ölçüde artırıyor. Bu, eski demografinin benimsediği bir şey. Bauhaus ve İsviçre tasarımı ile trendlerin nereye gittiği konusunda da bir aşinalık var.

Lily : Mike'ın önerdiği gibi, 2020'de popüler olacağı tahmin edilen retro stiller, muhtemelen daha yaşlı bir demografi için nostaljik olacak. E-postalar daha da az karmaşık hale geldiğinden, mesajı ve harekete geçirici mesajın okunmasını ve anlaşılmasını çok daha kolay hale getirdiğinden, sadeleştirmenin hedef kitlenize de yardımcı olması muhtemeldir.

Tipografi öne çıkmanın harika bir yolu olsa da, birçok yazı tipinin e-posta istemcilerinde desteklenmediğini doğrulamak zordur. Bunun yakında değişeceğini düşünüyor musunuz?

Lily : Ne yazık ki, web yazı tiplerine daha fazla destek verilip verilmeyeceğini bilmek mümkün değil, ancak bunun olmasını kesinlikle istiyoruz. Bu kullanışlı araç , bu arada web yazı tipinizle kullanmak için doğru yedeği bulmanıza yardımcı olabilir.

Bu yeni trendlerden bazıları söz konusu olduğunda kişiselleştirmenin nasıl gelişeceğini düşünüyorsunuz?

Matt : Daha fazla markanın bir e-postanın her bölümünü kişiselleştirmesini bekliyoruz. Müşteriler daha iyi bir deneyim için veri alışverişinde bulunacaklar. Anlaşılması kolay raporlar, benzersiz teklifler ve teşekkür, müşterilerin VIP hissetmesini sağlar. E-posta pazarlamacıları, müşteri verilerini aboneler için en yararlı ve alakalı hale getirmelidir.

Ayrıca, web seminerinde ele aldığımız trendler için tüm Gerçekten İyi E-postalar koleksiyonlarını burada bulabilirsiniz:

• Özel Çizimler
• Daha Düşünceli Görsel Tasarım
• Daha Koyu Tasarımlar
• Daha Cesur Renkler
• Hareketli E-postalar