E-posta Tasarımı Podcast #60: CodePen, Chris Coyier ile E-posta Tasarımına ve Pazarlamaya Nasıl Yaklaşıyor?

The Email Design Podcast'in 60. bölümünde, sunucu Kevin Mandeville ve Jason Rodriguez, CSS gurusu Chris Coyier ile bir araya gelerek CodePen'in e-posta tasarımına ve pazarlamasına nasıl yaklaştığını ve web tasarımcılarının bakış açısından HTML e-posta geliştirme hakkındaki düşüncelerini tartışıyorlar. Takip ettiğinizden ve #EmailDesignPodcast kullanarak Twitter'daki tartışmaya katıldığınızdan emin olun.

Yukarıdaki videonun tamamını izleyin veya aşağıdaki yalnızca sesli sürümü dinleyin.

MP3'ü indirin

Bu bölümde:

• (1:44) HTML ve CSS'yi nasıl öğrendiniz? Chris aslında lisede bir programlama dersi aldı ve üniversitede okumaya devam etti. Sonunda arka uç programlamayı sevmedi ve sanatta ana dalına geçti. Sonunda, ünlü CSS Tricks sitesi de dahil olmak üzere WordPress siteleri oluşturarak HTML ve CSS'ye girdi.
• (8:05) Daha önce öğrendiğiniz kaynaklar var mıydı? Chris, Dan Cederholm'un ve Kurşun Geçirmez Web Tasarımı adlı kitabının büyük bir hayranıdır.
• (9:27) CSS Püf Noktaları oluştururken temel ilham kaynağınız neydi ve bunun için vizyonunuz neydi? Chris, orijinal fikrin, onlardan para kazanmak için trafik oluşturmak için InDesign Help gibi popüler teknolojinin üzerine içerik içeren bir sürü WordPress sitesini döndürmek olduğunu söylüyor. CSS Hileleri başlangıçta aslında popüler değildi, ancak Chris'in gerçekten keyif aldığı ve tüm bu farklı siteleri oluştururken öğrendiklerini kişisel bir günlük olarak tutmak istediği oydu.
• (11:48) CodePen nedir? CodePen, “ön uç web için bir oyun alanıdır”. HTML, CSS ve JavaScript kümeleri olan "kalemler" oluşturmanıza izin vererek çalışır ve geliştiriciler için de bir sosyal ağdır, kod için Dribbble'a ve hatta ön uç geliştirme için Litmus Builder'a benzer. Daha yakın zamanda, yerel bir ön uç geliştirme ortamında çalışmanıza izin veren Projeler başlattılar.
• (14:30) CodePen'in vizyonu nedir? Bu bir dengeleme eylemidir. CodePen bir işletme olarak büyümek istiyor ama aynı zamanda topluluğunu güçlü, mutlu ve sağlıklı tutması gerekiyor. Özellikle sınırlı kaynaklara sahip sekiz kişilik küçük bir ekip olarak, gerçekten temel önceliklere odaklanmaları gerekiyor.
• (17:15) CodePen'de e-posta pazarlaması nasıldır? Ne tür e-postalar gönderiyorsunuz? E-postadaki son çabalardan biri, en yeni Kalemlerin haftalık bir koleksiyonu olan CodePen Spark olmuştur. CodePen aslında, arşivler için CodePen web sitesinde de yayınlanan e-postayı yönetmeye ve oluşturmaya yardımcı olmak için özel bir CMS oluşturdu. E-posta, CSS'yi satır içine alan ve CMS verilerinden derlenen Rails şablonlarından oluşturulmuştur. Chris daha sonra test etmek için e-postayı Litmus'a girer ve gerekli düzeltmeleri yapar. CodePen, e-postalarını göndermek için Sparkpost'u kullanır. Chris'in CodePen'de e-posta için yapmayı umduğu son projeler, e-posta tercihlerini CodePen web uygulaması içinde birleştirmek ve kullanıcı etkinliğine dayalı olarak işe alım ve tetiklenen e-postalar oluşturmaktır.
• (23:53) Özel çözümler oluşturmaya karşı diğer e-posta platformları ve hizmetleri satın almaya nasıl ağırlık verdiniz? Chris, e-posta servis sağlayıcılarının çoğunun haklı çıkarılamayacak kadar pahalı olduğunu düşünüyor. CodePen'in benzersiz bir zorluğu var, küçük bir ekibe sahip olmakla birlikte, maliyetlerin gerçekten yüksek olduğu 1 milyonun üzerinde büyük bir kullanıcı tabanına sahip olmak. Dolayısıyla şu anda CodePen için zamanlarını araçlarını oluşturmaya harcamak daha mantıklı.
• (28:31) Göndermeniz gereken e-postaları nasıl planlıyorsunuz? CodePen, e-posta pazarlama etkinliklerini planlamak için Google Dokümanlar'ı kullanır.
• (32:47) Abone kitlenizin makyajının ne olduğunu biliyor musunuz? CodePen şu anda abone kitlesine fazla ilgi göstermiyor ve sadece e-postanın tüm popüler e-posta istemcilerinde işlenmesine odaklanıyor. E-posta geliştirme süreçlerine mobil öncelikli bir yaklaşım kullanarak yaklaşıyorlar.
• (35:00) E-posta tasarımı ve geliştirmesiyle ilgili temel sıkıntılarınız nelerdir? Senin için nasıl daha kolay olabilir? Chris, HTML e-postaları için doğru soyutlama katmanının ne olduğunu bulmakta zorlanıyor. HTML e-postalarını manuel olarak oluşturmak istemiyor, ancak çok soyut hale gelmek ve sorun giderme sırasında hataları saptamak veya düzenlemek çok zor ve zor hale gelmek istemiyor. Test sürecinde doğrunun tek kaynağının Litmus olması gerektiğine inanıyor.
• (36:59) Karşılaştığınız render sorunlarını nasıl çözmeye çalışıyorsunuz? Chris kısa süre önce ~100px rastgele alan bloğuna sahip bir Outlook hatasıyla karşılaştı. Chris, kodun kendisinde herhangi bir hata görmedi ve bu tür bir hatayı çevrimiçi olarak nasıl araştıracağını bilmiyordu - sadece Litmus'u, düzgün şekilde işlenene kadar sorun giderme için bir sürü şeyi denemek için kullandı.
• (39:10) Karşılaştığınız en tuhaf hata nedir? Chris, çoğunlukla Outlook davranışından ve yanıt veren e-posta için düzgün çalışmasını sağlamaktan dolayı retina görüntülerini e-postada kullanmakta sorun yaşadı.
• (41:13) CodePen e-postalarının başarısını nasıl ölçüyorsunuz? Küçük ekibinin doğası göz önüne alındığında ve ekipte özel bir e-posta pazarlama veya analiz uzmanı bulunmadığından, her bir e-postanın e-posta analizine bakmazlar. Kullanıcıların geri bildirimlerinden daha çok niteliksel bir bakış açısıyla yaklaşıyorlar.
• (45:00) Web tasarım dünyası HTML e-postasına neden olumsuz bakıyor? Chris, web'in e-postadan neden nefret ettiğinin bir sır olmadığını söylüyor: Çünkü modern değil ve istedikleri gibi kod yazamıyorlar. Ayrıca, web tasarımında bile insanların tarayıcılar arası testlerden hoşlanmadığına işaret ediyor. Render testi, çoğu için işin eğlenceli bir parçası değildir ve e-posta söz konusu olduğunda bu daha da artar.
• (48:54) Web dünyasını e-posta hakkında nasıl daha fazla eğitebiliriz? Chris, destek sağlamada e-postanın ne kadar geliştiğini ve bunun ne kadar basit olabileceğini eve götürmenin faydalı olacağına inanıyor. CSS'yi satır içi yapmak veya tabloları kullanmak zorunda olmadığınızı söyleyebilmek, e-posta algısı üzerinde büyük bir etki yapacaktır.

E-posta Tasarımı Podcast'ini takip edin

• SoundCloud'da takip edin
• iTunes'a abone olun
• YouTube'da abone olun

EN SON GÖNDERİLERİ DOĞRUDAN GELEN KUTUSUNA GETİRİN

Bunun gibi daha fazla ipucu ve tavsiye almak ister misiniz? Haftalık bültenimize abone olun ve e-posta tasarımı uzmanlarına yönelik en son içeriği doğrudan gelen kutunuza teslim edin. Her hafta.