Email Design Podcast # 60: كيف يقترب CodePen من تصميم البريد الإلكتروني والتسويق مع Chris Coyier

في الحلقة الستين من The Email Design Podcast ، جلس المضيفان كيفن ماندفيل وجيسون رودريغيز مع خبير CSS كريس كويير لمناقشة كيفية تعامل CodePen مع تصميم البريد الإلكتروني والتسويق والأفكار حول تطوير البريد الإلكتروني بتنسيق HTML من منظور مصممي الويب. تأكد من المتابعة والانضمام إلى المناقشة على Twitter باستخدام #EmailDesignPodcast.

شاهد الفيديو الكامل أعلاه أو استمع إلى النسخة الصوتية فقط أدناه.

قم بتنزيل ملف MP3

في هذه الحلقة:

• (1:44) كيف تعلمت HTML و CSS؟ أخذ كريس فصلًا عن البرمجة في المدرسة الثانوية واستمر في دراسته في الكلية. في النهاية لم يحب البرمجة الخلفية وانتقل إلى تخصص في الفن. انتهى به الأمر إلى الدخول إلى HTML و CSS من خلال إنشاء مواقع WordPress ، بما في ذلك موقع CSS Tricks الشهير.
• (8:05) هل كانت هناك أية موارد مبكرة استخدمتها للتعلم؟ كريس من أشد المعجبين بـ Dan Cederholm وكتابه Bulletproof Web Design.
• (9:27) ما هو مصدر إلهامك الأساسي لإنشاء حيل CSS وما هي رؤيتك لها؟ يقول كريس إن الفكرة الأصلية كانت إنشاء مجموعة كاملة من مواقع WordPress بمحتوى فوق التكنولوجيا الشائعة ، مثل InDesign Help لتوليد حركة المرور لكسب المال منها. لم تكن CSS Tricks شائعة في البداية ، لكنها كانت تلك التي استمتع بها كريس حقًا وأراد الاحتفاظ بها كمجلة شخصية لتعلمه من بناء كل هذه المواقع المختلفة.
• (11:48) ما هو CodePen؟ CodePen هو "ملعب لشبكة الويب الأمامية". إنه يعمل عن طريق السماح لك بإنشاء "أقلام" ، وهي مجموعات من HTML و CSS و JavaScript ، وهي شبكة اجتماعية للمطورين أيضًا ، تشبه Dribbble للتعليمات البرمجية أو حتى Litmus Builder لتطوير الواجهة الأمامية. أطلقوا مؤخرًا مشاريع تسمح لك بالعمل في بيئة تطوير أمامية محلية.
• (14:30) ما هي رؤية CodePen؟ إنه عمل موازنة. يريد CodePen أن ينمو كعمل تجاري ، ولكنه يحتاج أيضًا إلى الحفاظ على مجتمعه قويًا وسعيدًا وصحيًا. نظرًا لكونهم فريقًا صغيرًا من ثمانية أفراد بموارد محدودة ، فهم بحاجة حقًا إلى التركيز على الأولويات الأساسية.
• (17:15) كيف يبدو التسويق عبر البريد الإلكتروني في CodePen؟ ما أنواع رسائل البريد الإلكتروني التي ترسلها؟ كان المسعى الأخير في البريد الإلكتروني هو CodePen Spark ، وهي مجموعة أسبوعية من أروع الأقلام الحديثة. قام CodePen بالفعل ببناء CMS مخصص للمساعدة في إدارة وبناء البريد الإلكتروني ، والذي ينشر أيضًا على موقع CodePen للأرشيف. تم إنشاء البريد الإلكتروني من قوالب Rails التي يتم تضمينها في CSS وتجميعها من بيانات CMS. يقوم كريس بعد ذلك بإدخال البريد الإلكتروني في Litmus لاختباره وإجراء أي تعديلات ضرورية. يستخدم CodePen Sparkpost لإرسال رسائل البريد الإلكتروني الخاصة بهم. المشاريع الأخيرة التي يأمل كريس القيام بها للبريد الإلكتروني في CodePen هي دمج تفضيلات البريد الإلكتروني الخاصة بهم داخل تطبيق الويب CodePen وبناء رسائل البريد الإلكتروني على متن الطائرة وتشغيلها بناءً على نشاط المستخدم.
• (23:53) كيف تزن بناء حلول مخصصة مقابل الشراء في منصات وخدمات البريد الإلكتروني الأخرى؟ يعتقد كريس أن معظم مزودي خدمة البريد الإلكتروني مكلفون للغاية بحيث لا يمكن تبريرهم. يواجه CodePen تحديًا فريدًا يتمثل في وجود فريق صغير ولكن قاعدة مستخدمين كبيرة تزيد عن مليون مستخدم حيث تكون التكاليف مرتفعة حقًا. لذلك بالنسبة لـ CodePen في الوقت الحالي ، من المنطقي استثمار وقتهم في بناء أدواتهم.
• (28:31) كيف تخطط لرسائل البريد الإلكتروني التي يتعين عليك إرسالها؟ يستخدم CodePen محرر مستندات Google للتخطيط لأنشطة التسويق عبر البريد الإلكتروني.
• (32:47) هل تعلم ما هو تكوين جمهور المشتركين لديك؟ لا تولي CodePen اهتمامًا كبيرًا لجمهور المشتركين في الوقت الحالي وتركز ببساطة على جعل البريد الإلكتروني يتم عرضه في جميع عملاء البريد الإلكتروني المشهورين. يقتربون من تطوير البريد الإلكتروني الخاص بهم باستخدام نهج المحمول أولاً.
• (35:00) ما هي نقاط ضعفك الأساسية في تصميم البريد الإلكتروني وتطويره؟ كيف يمكن أن يكون أسهل بالنسبة لك؟ يكافح كريس لمعرفة ما هي الطبقة الصحيحة للتجريد لرسائل البريد الإلكتروني بتنسيق HTML. إنه لا يريد أن يبني رسائل بريد إلكتروني بتنسيق HTML يدويًا ، لكنه لا يريد أن يصبح مجرّدًا جدًا بحيث يُزال كثيرًا ويصعب تحديد الأخطاء أو تعديلها عند استكشاف الأخطاء وإصلاحها. إنه يعتقد أن المصدر الوحيد للحقيقة يجب أن يكون Litmus في عملية الاختبار.
• (36:59) كيف تحاول حل مشاكل العرض التي تواجهها؟ واجه كريس مؤخرًا خطأ في Outlook مع مساحة عشوائية تبلغ 100 بكسل تقريبًا. لم ير كريس أي أخطاء في الكود نفسه ولم يعرف كيفية البحث عن هذا النوع المحدد من الأخطاء عبر الإنترنت - لقد استخدم للتو Litmus لتجربة مجموعة من الأشياء لاستكشاف الأخطاء وإصلاحها حتى يتم عرضها بشكل صحيح.
• (39:10) ما أغرب خطأ واجهته؟ واجه Chris مشكلة في استخدام صور شبكية العين في البريد الإلكتروني ، ويرجع ذلك في الغالب إلى سلوك Outlook وجعلها تعمل بشكل صحيح للبريد الإلكتروني المتجاوب.
• (41:13) كيف تقيس نجاح رسائل البريد الإلكتروني CodePen؟ نظرًا لطبيعة فريقها الصغير وعدم وجود شخص مخصص للتسويق عبر البريد الإلكتروني أو التحليلات في الفريق ، فإنهم لا ينظرون إلى تحليلات البريد الإلكتروني لكل بريد إلكتروني. إنهم يتعاملون معها من منظور نوعي أكثر من ملاحظات المستخدمين.
• (45:00) لماذا يمتلك عالم تصميم الويب وجهة نظر سلبية للبريد الإلكتروني بتنسيق HTML؟ يقول كريس إنه ليس لغزًا سبب كره الويب للبريد الإلكتروني: لأنه ليس حديثًا ولا يمكنهم البرمجة بالطريقة التي يريدون. كما يشير إلى حقيقة أنه حتى في تصميم الويب ، لا يستمتع الأشخاص باختبار المتصفحات. لا يعد اختبار العرض جزءًا ممتعًا من الوظيفة بالنسبة لمعظم الأشخاص ويتم تضخيمه عندما يتعلق الأمر بالبريد الإلكتروني.
• (48:54) كيف يمكننا توعية عالم الويب أكثر بالبريد الإلكتروني؟ يعتقد كريس أنه سيكون من المفيد أن نعيد إلى المنزل مقدار تطور البريد الإلكتروني في تقديم الدعم ومدى بساطة ذلك. أن تكون قادرًا على القول أنك لست مضطرًا إلى تضمين CSS أو استخدام الجداول من شأنه أن يكون له تأثير كبير على إدراك البريد الإلكتروني.

اتبع تصميم البريد الإلكتروني Podcast

• اتبع SoundCloud
• اشترك في iTunes
• اشترك على موقع يوتيوب

احصل على أحدث توصيل مباشر إلى صندوق الوارد الخاص بك

تريد الحصول على مزيد من النصائح والنصائح مثل هذا؟ اشترك في النشرة الإخبارية الأسبوعية لدينا واحصل على أحدث محتوى لمحترفي تصميم البريد الإلكتروني يتم تسليمه مباشرة إلى صندوق الوارد الخاص بك. كل اسبوع.