اتجاهات تصميم بريد إلكتروني جيدة حقًا: تسجيل ندوة عبر الويب + أسئلة وأجوبة

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

في هذه الندوة عبر الويب ، ألقينا نظرة على اتجاهات تصميم البريد الإلكتروني على مر السنين. كيف بدا البريد الإلكتروني في أوائل العقد الأول من القرن الحادي والعشرين؟ ما هي الاتجاهات التي انضمت إلى دائرة الفائزين في عام 2019؟ وما الذي سيكون هائلاً في عام 2020 - أو حتى عام 2030؟ انضم إلينا فريق Really Good Emails في رحلة عبر ممر ذاكرة تصميم البريد الإلكتروني وساعدنا في عمل تنبؤات بشأن ما سيحدث بعد ذلك.

لم يكن لديك فرصة لمشاهدة الندوة مباشرة على الويب؟ لا تقلق. يمكنك الوصول إلى التسجيل الكامل في أي وقت وقراءة الأسئلة والأجوبة أدناه.

سؤال وجواب

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

كيف تختلف اتجاهات تصميم البريد الإلكتروني هذه بين B2C و B2B؟

مايك نيلسون : هذه الاتجاهات متسقة عبر B2B و B2C وغير الربحي. لا يعني مجرد وجودك في أحد القطاعات أنه لا يمكنك استخدام أفكار التصميم الخاصة بآخر. العنصر الرأسي الوحيد الذي يبدو أن له نوعًا خاصًا به هو رسائل البريد الإلكتروني الحكومية ، والتي عادةً ما تكون نصية ثقيلة للغاية.

ما هي أفضل طريقة لاستخدام المساحة البيضاء ، الآن بعد أن أصبح الوضع الداكن أكثر صعوبة؟

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

ليلي وورث : أعتقد أن مصطلح الفضاء الأبيض غالبًا ما يُنظر إليه على أنه مساحة سلبية ، وهو أمر مفيد لأنه ليس محددًا باللون.

هل من نصائح حول طرق تضمين عناصر تصميم مرئي أكثر تفكيرًا في رسائل البريد الإلكتروني ذات النص العادي؟

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

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

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

هل هناك طريقة لإتاحة الوصول إلى الرسوم المتحركة وصور GIF المتحركة؟

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

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

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

هل هناك أي أدوات تقترحها لإنشاء رسوم متحركة وصور GIF؟

مات هيلبيج : ما زلنا نرى العلامات التجارية تستخدم أدوات مثل Adobe Photoshop أو After Effects. قد تكون إضافة بعض الرسوم المتحركة لـ CSS أو تأثيرات التمرير طريقة جيدة لإضافة حركة إلى بريدك الإلكتروني ببضعة أسطر من التعليمات البرمجية.

Lily : لإنشاء الرسوم المتحركة التي نعرضها في رسائل البريد الإلكتروني Litmus ، نستخدم Adobe Animate. يتيح لنا هذا البرنامج إنشاء رسوم متحركة بتنسيق GIF و PNG و HTML5 - سيجد أولئك الذين عملوا مع Flash في الماضي هذا البرنامج مألوفًا.

Whitney Rudeseal Peet : إذا كنت تبحث عن تطبيق PNG متحركة (APNGs) ، فليس من الممكن حاليًا حفظ الرسوم المتحركة كـ APNGs باستخدام Adobe Photoshop أو Adobe Animate. عندما نقوم بتضمين APNGs في رسائل البريد الإلكتروني الخاصة بنا ، فإننا نستخدم Adobe Animate لإنشاء الرسوم المتحركة - لكننا نقوم بتصدير كل إطار بتنسيق PNG واحد. لتحويل كل ملفات PNG الفردية إلى APNG ، يمكنك استخدام أداة مثل PNG Animator أو هذا البديل المجاني من ezgif.com .

هل تُستخدم الرسوم التوضيحية المخصصة عبر جماهير B2B و B2C ، أو بشكل أساسي B2C؟

مايك : إنهم متساوون. ربما بدت الأمثلة التي استخدمناها في الندوة عبر الإنترنت أسلوبًا أكثر استهلاكيًا ، ولكن تم إجراؤها جميعًا بواسطة شركات B2B: Mailchimp (بيع خدمات البريد الإلكتروني لشركات أخرى) ، HelpScout (بيع تكنولوجيا خدمة العملاء للشركات) ، و Bulb (بيع الطاقة للشركات) .

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

هل لا تزال هناك تحديات مع عرض الميزات التفاعلية عبر عملاء البريد الإلكتروني؟

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

ماذا عن Dark Mode الذي يوفر تجربة وصول أفضل؟

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

كيف تعتقد أن اتجاهات التصميم هذه قد تعمل مع جمهور أكبر من 65 عامًا؟

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

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

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

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

كيف تعتقد أن التخصيص سيتطور عندما يتعلق الأمر ببعض هذه الاتجاهات الجديدة؟

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

بالإضافة إلى ذلك ، إليك جميع مجموعات رسائل البريد الإلكتروني الجيدة حقًا للاتجاهات التي تناولناها في الندوة عبر الويب:

• الرسوم التوضيحية المخصصة
• تصميم مرئي أكثر تفكيرًا
• تصاميم أغمق
• ألوان أكثر جرأة
• رسائل البريد الإلكتروني المتحركة