تسليم الحلقة 5: ما هو تصميم البريد الإلكتروني حقًا؟

في هذه الحلقة من "التسليم" ، يحاول المضيف جيسون رودريغيز الإجابة على السؤال ، "ما هو تصميم البريد الإلكتروني حقًا؟" هل تعرف طريقك حول HTML و CSS؟ أم أنها تتجاوز مجرد كود؟

تأكد من الاشتراك في التسليم على iTunes أو Spotify للاستماع إلى الحلقات المستقبلية والانضمام إلى المحادثة على Twitter باستخدام علامة التصنيف #DelevisionPodcast.

نص الحلقة

على السطح ، يبدو تصميم البريد الإلكتروني سهلاً. إنها مجرد كتابة بعض HTML و CSS وإرسالها إلى المشتركين ، أليس كذلك؟ لكن السباحة أعمق قليلاً وتفتح عالمًا من التعقيد يتجاوز مجرد الشفرات. في هذه الحلقة من "التسليم" ، أحاول الإجابة على السؤال ، "ما هو تصميم البريد الإلكتروني حقًا؟"

مرحبًا بكم في تقديم ، بودكاست حول التسويق عبر البريد الإلكتروني ، والاستراتيجية ، وصناعة البريد الإلكتروني ، ونعم ، تصميم البريد الإلكتروني وتطويره. يتم تقديم التسليم إليك بواسطة Litmus ، النظام الأساسي الإبداعي الذي يستخدمه أكثر من 600000 متخصص في البريد الإلكتروني لتصميم واختبار وتحليل والتعاون في حملات بريد إلكتروني أفضل للمشتركين الأكثر سعادة. تعرف على المزيد وجرب Litmus مجانًا لمدة سبعة أيام في litmus.com.

تصميم البريد الإلكتروني سهل ، أليس كذلك؟ عندما يتعلق الأمر بذلك ، فإن البريد الإلكتروني هو مجرد HTML و CSS ، نوعًا ما يشبه كتابة صفحة ويب. هناك بنية المستند العامة - الرأس والجسم في ملف HTML - ثم كل المحتوى داخل ذلك المستند. أنت تستخدم HTML قياسيًا جدًا لترميز المحتوى ، ثم CSS لتصميم هذا المحتوى. يمكن لأي شخص لديه خبرة قليلة في إنشاء صفحات الويب ، من الناحية النظرية ، كتابة رمز بريد إلكتروني سريع ، وتحميله إلى ESP ، وإرساله إلى المشتركين.

على الأقل ، هذا ما يعتقده الكثير من الناس.

في الواقع ، تعد HTML و CSS مجرد البداية عندما يتعلق الأمر بتصميم البريد الإلكتروني. بالتأكيد ، يحتاج مصممو البريد الإلكتروني والمطورون والمسوقون إلى معرفة HTML و CSS. بدونها ، أنت متروك لأهواء محرر WYSIWYG وأي كود سباغيتي ينتج عنه. ولكن ، ما هو تصميم البريد الإلكتروني حقًا؟

على مدار ما يقرب من عقد من الزمن في تصميم وترميز رسائل البريد الإلكتروني ، قمت بتقسيم تصميم البريد الإلكتروني إلى ثلاثة أشياء رئيسية: التخفيف من المخاطر ، ودفع الحدود ، وخلق تجارب أفضل لجميع المشتركين.

مثل الكثير من الناس ، تعلمت أولاً HTML و CSS لبناء مواقع الويب الخاصة بي. لقد نشأت مع حركة معايير الويب وتابعت أشخاصًا مثل جيفري زيلدمان وإريك ماير دينياً. كلما كان لدي وقت ، أقضيه في التهام الكتابة والمحادثات من أشخاص مثل راشيل أندرو وجين سيمونز.

ومع ذلك ، عندما تم تكليفي بإنشاء أول بريد إلكتروني لي ، سرعان ما تعلمت أن معرفة HTML و CSS المستندة إلى المعايير ليست كافية. يعد البريد الإلكتروني وحشًا خاصًا به ، وذلك بفضل العشرات من عملاء البريد الإلكتروني المشهورين الذين يتعاملون جميعًا مع HTML و CSS بشكل مختلف. يستخدم جميع عملاء البريد الإلكتروني محركات العرض الخاصة بهم لتفسير وعرض العلامات التي تقوم عليها حملات البريد الإلكتروني الخاصة بنا. في بعض الحالات ، تستخدم الإصدارات المختلفة من عميل البريد الإلكتروني محركات عرض مختلفة تمامًا.

اشتهر Microsoft Outlook بالتبديل من استخدام Internet Explorer ، وهو محرك عرض جيد نسبيًا للبريد الإلكتروني ، إلى استخدام Microsoft Word في الواجهة الخلفية لعرض رسائل البريد الإلكتروني. هناك الكثير من الأسباب وراء قيام Microsoft بهذا التغيير ، لكنها كانت شوكة في جوانب مسوقي البريد الإلكتروني منذ ذلك الحين.

يتراوح عملاء البريد الإلكتروني من العرض المذهل كما هو الحال في Apple Mail إلى أسوأ ما في الأمر. فكر في الإصدارات القديمة من Lotus Notes ، والتي لم تدعم الكثير من الترميز.

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

التعليقات الشرطية وجداول الأشباح من Microsoft ، والتشفير الهجين وطرق Fab Four ، وحتى الأشياء الأساسية مثل استخدام CSS المضمنة والحد من عدد عناصر HTML وخصائص CSS المستخدمة في البريد الإلكتروني ، كل ذلك يدور حول تقليل المخاطر.

ومع ذلك ، يتوقف الكثير من مصممي البريد الإلكتروني عند هذا الحد. إنهم يقتربون من أساليب الترميز الدفاعية دون التساؤل عما يمكن إنجازه في البريد الإلكتروني. لحسن الحظ ، على الرغم من ذلك ، هناك مصممو بريد إلكتروني لا يكتفون بالوضع الراهن. هم الذين يعملون على دفع حدود تصميم البريد الإلكتروني.

لكي نكون منصفين ، فإن الكثير من تقنيات الترميز الدفاعية إبداعية وتدفع الحدود بطريقتها الخاصة. لكن يجب أن يشعروا بالحد فقط بأفضل طريقة ممكنة. يجب أن يلهموا مصممي البريد الإلكتروني لتجاوز ما يُعتقد أنه تصميم بريد إلكتروني تقليدي.

هذا هو السبب في أن الجزء الثاني من تصميم البريد الإلكتروني الفعال يدفع هذه الحدود. فهم قيود البريد الإلكتروني ، ولكن أخذ الإلهام من مجالات أخرى مثل تصميم الويب وتطويره - أو من منظور التصميم المرئي ، أشياء مثل التصميم الإبداعي المطبوع - هو المكان الذي يوجد فيه.

المثال الأكثر شيوعًا لهذا النوع من التصميم هو بناء رسائل بريد إلكتروني تفاعلية. اشتهر مارك روبينز وطاقم العمل في Rebelmail ببناء تجارب تسجيل خروج تفاعلية بالكامل في صندوق الوارد لعلامات تجارية مثل Burberry. في Litmus ، حصلنا على استجابات ضخمة بعد إرسال موجزات Twitter ومقاطع فيديو في الخلفية ومطاردات البحث في حملات البريد الإلكتروني.

لكن لا تعتقد أن رسائل البريد الإلكتروني يجب أن تكون تفاعلية لتخطي الحدود وتطوير الوسيط. يمكن للكتابة والإستراتيجية والرسومات والتصميم المرئي أن تحرك الإبرة أيضًا. لقد نجحت "Really Good Emails" في تنمية جمهور هائل ومتفاني ليس من خلال جعل جميع رسائل البريد الإلكتروني الخاصة بهم تفاعلية ، ولكن من خلال تبني صوتهم الفريد وعلامتهم التجارية الفكاهية وبعض التخصيص الرائع.

واحدة من النشرات الإخبارية المفضلة لدي على الإطلاق ، رسالة UX الإخبارية من Mailchimp التي انتهت صلاحيتها الآن ، لم تفعل أي شيء يتوهم باستخدام الكود. لكن رسائل البريد الإلكتروني الموجهة لفنونهم - والتي كانت المفضلة لدي هي بريد HTML الإلكتروني الذي بدا مثل حقبة التسعينيات ، فن ASCII بنص عادي - ألهمت المصممين الآخرين لإدخال التوجيه الفني في حملات البريد الإلكتروني الخاصة بهم وتوسيع مفهوم ما يعتقد المشتركون أن الرسالة الإخبارية بالبريد الإلكتروني يمكن يكون.

على الرغم من أن بعض رسائل البريد الإلكتروني التي تحدد النوع هي حملات لمرة واحدة فقط من أجل الاستمتاع بها ، فإن الكثير من هذا العمل يأتي إلى الجانب الأخير من تصميم البريد الإلكتروني الجيد: إنشاء تجارب أفضل للمشتركين.

بدون عمل رائد من أشخاص مثل فابيو كارنيرو ونيكول ميرلين وستيج مورتن ماير وريمي بارمنتييه ، لن نمتلك التقنيات التي نأخذها جميعًا كأمر مسلم به لتقديم تجارب أفضل للمشتركين. ساهم فابيو ونيكول وريمي جميعًا في المحادثة حول إنشاء رسائل بريد إلكتروني سريعة الاستجابة ومتوافقة مع الجوّال يقرأها ملايين المشتركين يوميًا حول العالم. وقد مكّن تفاني Stig في الكشف عن أسرار VML وعالم الأزرار والخلفيات المضادة للرصاص المشتركين في كل مكان من المشاركة في حملات البريد الإلكتروني على الرغم من كل الهراء الغريب الذي يفعله عملاء البريد الإلكتروني مع التعليمات البرمجية الخاصة بنا.

في الآونة الأخيرة ، رأينا دفعة كبيرة لإنشاء المزيد من حملات البريد الإلكتروني التي يمكن الوصول إليها. أجرى أشخاص مثل مارك روبينز وبول إيري مجموعة من الأبحاث لمساعدتنا جميعًا على فهم كيفية إنشاء حملات بريد إلكتروني يمكن لأي شخص استخدامها ، بغض النظر عن قدرته. كما أن التركيز الأقوى على استخدام الطباعة والتباين والنص البديل للصور وكتابة النصوص بشكل أوضح قد فتح المجال للتسويق عبر البريد الإلكتروني لعدد أكبر من الأشخاص أكثر من أي وقت مضى.

إذن ، هذا يعيدنا إلى السؤال ، "ما هو تصميم البريد الإلكتروني حقًا؟"

تصميم البريد الإلكتروني هو أكثر من مجرد كود. إنها أكثر من ذلك بكثير.

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

بطبيعة الحال ، فإن البريد الإلكتروني يتعلق بالتخفيف من المخاطر التي يشكلها العديد من عملاء البريد الإلكتروني ومحركات العرض ، ولكل منها مجموعة من الأخطاء المحبطة الخاصة به. ولكن الأمر يتعلق بالارتفاع فوق تلك المخاطر والقيود وإيجاد طرق إبداعية لبناء تجارب مذهلة يمكن الوصول إليها لجميع مشتركينا.

لذلك ، في المرة القادمة التي يسأل فيها شخص ما إذا كنت مصمم بريد إلكتروني ، لا تخجل من الإجابة. لا تقل ، "نعم ، ولكني أقوم بعمل الواجهة الأمامية للويب أيضًا." قل لهم الحقيقة: أخبرهم أنك تحل مشكلات شيقة وصعبة ، وأن تقدم تجارب أفضل باستخدام أكثر قنوات الاتصال قيمة وشعبية في العالم ، ألا وهي البريد الإلكتروني.

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