5. Bölüm Teslimi: E-posta tasarımı gerçekten nedir?

Teslim Etme'nin bu bölümünde sunucu Jason Rodriguez, "E-posta tasarımı gerçekten nedir?" sorusunu yanıtlamaya çalışıyor. HTML ve CSS'de yolunuzu biliyor mu? Yoksa sadece kodun ötesine mi geçiyor?

Gelecek bölümleri dinlemek ve #DeliveringPodcast hashtag'ini kullanarak Twitter'daki sohbete katılmak için iTunes veya Spotify'da Teslime abone olmayı unutmayın.

Bölüm Transkript

Yüzeyinde, e-posta tasarımı kolay görünüyor. Sadece biraz HTML ve CSS yazıp abonelere gönderiyor, değil mi? Ama biraz daha derine inerseniz, sadece kodun ötesine geçen bir karmaşıklık dünyasının kapılarını açarsınız. Teslim Etme'nin bu bölümünde, "E-posta tasarımı gerçekten nedir?" Sorusunu yanıtlamaya çalışıyorum.

E-posta pazarlama, strateji, e-posta endüstrisi ve evet, e-posta tasarımı ve geliştirme hakkında bir podcast olan Delivering'e hoş geldiniz. Teslim etme, 600.000'den fazla e-posta uzmanı tarafından daha mutlu aboneler için daha iyi e-posta kampanyaları tasarlamak, test etmek, analiz etmek ve işbirliği yapmak için kullanılan yaratıcı platform olan Litmus tarafından sunulmaktadır. Daha fazla bilgi edinin ve litmus.com'da Litmus'u yedi gün boyunca ücretsiz deneyin.

E-posta tasarımı kolaydır, değil mi? Söz konusu olduğunda, e-posta yalnızca HTML ve CSS'dir, bir tür web sayfası yazmak gibidir. Genel belge yapısı (bir HTML dosyasındaki baş ve gövde) ve ardından bu belgenin içindeki tüm içerik vardır. İçeriği işaretlemek için oldukça standart HTML, ardından bu içeriğe stil vermek için CSS kullanırsınız. Web sayfası oluşturma konusunda biraz deneyimi olan herkes, teorik olarak hızlı bir e-postayı kodlayabilir, bir ESP'ye yükleyebilir ve abonelere gönderebilir.

En azından, birçok insan böyle düşünüyor.

Gerçekte, konu e-posta tasarımı olduğunda HTML ve CSS sadece bir başlangıçtır. Elbette, e-posta tasarımcıları, geliştiricileri ve pazarlamacıların HTML ve CSS'lerini bilmeleri gerekir. Onsuz, bir WYSIWYG editörünün ve ürettiği spagetti kodu ne olursa olsun kaprislerine bırakılırsınız. Ancak, e-posta tasarımı gerçekten nedir?

Yaklaşık on yıllık e-posta tasarlama ve kodlama süreci boyunca, e-posta tasarımını üç temel şeye indirgedim: Riski azaltmak, sınırları zorlamak ve tüm aboneler için daha iyi deneyimler yaratmak.

Birçok insan gibi ben de kendi web sitelerimi oluşturmak için önce HTML ve CSS öğrendim. Web standartları hareketiyle büyüdüm ve Jeffrey Zeldman ve Eric Meyer gibi insanları dini olarak takip ettim. Ne zaman vaktim olsa, Rachel Andrew ve Jen Simmons gibi insanların yazılarını ve konuşmalarını yiyip bitirerek geçiriyorum.

Ancak, ilk e-postamı oluşturmakla görevlendirildiğimde, standartları temel alan HTML ve CSS'yi bilmenin yeterli olmadığını çabucak öğrendim. HTML ve CSS'yi farklı şekilde ele alan düzinelerce popüler e-posta istemcisi sayesinde e-posta başlı başına bir canavardır. Tüm e-posta istemcileri, e-posta kampanyalarımızın altında yatan işaretlemeyi yorumlamak ve görüntülemek için kendi oluşturma motorlarını kullanır. Bazı durumlarda, aynı e-posta istemcisinin farklı sürümleri, çok farklı işleme motorları kullanır.

Microsoft Outlook, e-posta için nispeten iyi bir işleme motoru olan Internet Explorer'ı kullanmaktan, e-postaları görüntülemek için arka uçta Microsoft Word'ü kullanmaya başladı. Microsoft'un geçiş yapmasının birçok nedeni var, ancak o zamandan beri e-posta pazarlamacıları için bir sorun oldu.

E-posta istemcileri, Apple Mail'deki gibi harika oluşturmadan en kötünün en kötüsüne kadar çeşitlilik gösterir. Lotus Notes'un çok fazla işaretlemeyi desteklemeyen eski sürümlerini düşünün.

Bu yüzden e-posta tasarımının çoğu riski azaltmakla ilgilidir. Bu, bu e-posta istemcilerinin her birini ve ilgili tuhaflıkları anlamak ve e-postaları savunmacı bir şekilde kodlamakla ilgilidir. E-posta tasarımcıları olarak, kampanyalarımızda yanlış giden şeylerin sayısını sınırlamak istiyoruz. Bunu yaparken, e-posta istemcilerinde e-postaların iyi çalışmasına yardımcı olacak bazı inanılmaz yaratıcı teknikler ve tüyolar geliştirdik.

Microsoft koşullu yorumlar ve hayalet tablolar, hibrit kodlama ve Fab Four yöntemleri, hatta satır içi CSS kullanmak ve bir e-postada kullanılan HTML öğelerinin ve CSS özelliklerinin sayısını sınırlamak kadar basit bir şey bile tamamen riski azaltmakla ilgilidir.

Yine de birçok e-posta tasarımcısı orada duruyor. E-postada başka neler yapılabileceğini merak etmeden varsayılan olarak savunma amaçlı kodlama tekniklerine başvururlar. Neyse ki, statükodan memnun olmayan e-posta tasarımcıları var. E-posta tasarımının sınırlarını zorlamaya çalışanlar onlardır.

Adil olmak gerekirse, bu savunmacı kodlama tekniklerinin çoğu yaratıcıdır ve sınırları kendi yöntemleriyle zorlar. Ancak sadece mümkün olan en iyi şekilde sınırlayıcı hissetmeleri gerekir. Geleneksel e-posta tasarımı olarak düşünülenin ötesine geçmek için e-posta tasarımcılarına ilham vermelidirler.

Bu nedenle etkili e-posta tasarımının ikinci kısmı bu sınırları zorluyor. E-postanın sınırlarını anlamak, ancak web tasarımı ve geliştirme gibi diğer alanlardan veya görsel tasarım perspektifinden, yaratıcı baskı tasarımı gibi şeylerden ilham almak, işte burada.

Bu tür tasarımın en popüler örneği etkileşimli e-postalar oluşturmaktır. Mark Robbins ve Rebelmail'deki ekip, Burberry gibi markalar için gelen kutusunda ünlü, tam etkileşimli ödeme deneyimleri oluşturdu. Litmus'ta, e-posta kampanyalarında Twitter beslemeleri, arka plan videoları ve çöpçü avları gönderdikten sonra büyük tepkiler aldık.

Ancak sınırları zorlamak ve ortamı geliştirmek için e-postaların etkileşimli olması gerektiğini düşünmeyin. Metin yazarlığı, strateji ve grafikler ve görsel tasarım da iğneyi hareket ettirebilir. Gerçekten İyi E-postalar, tüm e-postalarını etkileşimli hale getirerek değil, benzersiz seslerini, mizah markalarını ve harika kişiselleştirmelerini benimseyerek büyük, özel bir kitle büyüttü.

Tüm zamanların en sevdiğim haber bültenlerinden biri olan Mailchimp'in artık feshedilmiş UX Haber Bülteni, kodla ilgili süslü bir şey yapmadı. Ancak sanat odaklı e-postaları (en sevdiğim, 90'lar dönemi gibi görünen bir HTML e-postası, düz metin ASCII sanatıydı) diğer tasarımcılara sanat yönünü kendi e-posta kampanyalarına dahil etme ve abonelerin bir e-posta bülteninin yapabileceğini düşündükleri kavramını genişletme konusunda ilham verdi. olmak.

Türü tanımlayan bu e-postalardan bazıları yalnızca eğlence için bir defaya mahsus kampanyalar olsa da, bu çalışmaların çoğu iyi e-posta tasarımının son yönüne geliyor: Aboneler için daha iyi deneyimler yaratmak.

Fabio Carneiro ve Nicole Merlin, Stig Morten Myre ve Remi Parmentier gibi kişilerin öncü çalışmaları olmasaydı, abonelere daha iyi deneyimler sunmak için hepimizin kanıksadığı tekniklere sahip olamazdık. Fabio, Nicole ve Remi, dünya çapında milyonlarca abonenin her gün okuduğu duyarlı, mobil uyumlu e-postalar oluşturma konusundaki sohbete katkıda bulundu. Ve Stig'in VML'nin sırlarını ve onunla birlikte kurşun geçirmez düğmeler ve arka planlar dünyasının kilidini açmaya olan bağlılığı, e-posta istemcilerinin kodumuza yaptığı tüm garip boktan şeylere rağmen, her yerdeki abonelerin e-posta kampanyalarıyla etkileşim kurmasını sağladı.

Daha yakın zamanda, daha erişilebilir e-posta kampanyaları oluşturmak için büyük bir baskı gördük. Mark Robbins ve Paul Airy gibi insanlar, yetenekleri ne olursa olsun herkes tarafından kullanılabilecek e-posta kampanyalarının nasıl yapıldığını anlamamıza yardımcı olmak için bir sürü araştırma yaptılar. Tipografi, kontrast, görseller için alternatif metin ve daha net metin yazarlığı kullanımına daha güçlü bir şekilde odaklanmak, e-posta pazarlamasını her zamankinden daha fazla kişiye açtı.

Bu da bizi “E-posta tasarımı gerçekten nedir?” sorusuna geri getiriyor.

E-posta tasarımı koddan daha fazlasıdır. Çok daha fazlası.

E-posta tasarımı, benzersiz bir ortamı anlamakla ilgilidir. Web tasarımı ve geliştirme ile ilgili ancak bunun dışında duran bir ortam. Bilinen teknolojiler üzerine inşa edilmiş ancak başarılı olması için bir uzman bilgisi gerektiren bir teknoloji.

Tabii ki e-posta, her biri kendi sinir bozucu hatalarına sahip çok sayıda e-posta istemcisinin ve işleme motorlarının oluşturduğu riski azaltmakla ilgilidir. Ancak bu, bu risklerin ve sınırlamaların üstesinden gelmek ve tüm abonelerimiz için harika, erişilebilir deneyimler oluşturmanın yaratıcı yollarını bulmakla ilgilidir.

Bu nedenle, bir dahaki sefere birisi e-posta tasarımcısı olup olmadığınızı sorduğunda, cevap vermekten çekinmeyin. "Evet, ama ben de ön uç web çalışması yapıyorum" demeyin. Onlara gerçeği söyleyin: İlginç ve zorlu sorunları çözdüğünüzü ve dünyanın en değerli ve popüler iletişim kanalı olan e-postayı kullanarak daha iyi deneyimler sunduğunuzu söyleyin.

Delivering'in bu bölümünü beğendiniz mi? Bize iTunes'da bir inceleme yapın ve podcast'i arkadaşlarınızla paylaşın. Ve en sevdiğiniz sosyal ağda #DeliveringPodcast hashtag'ini kullanarak sohbete katıldığınızdan emin olun.