7 اتجاهات لتصميم التسويق عبر البريد الإلكتروني تحتاج إلى معرفتها

نشرت: 2015-01-22

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

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

لأولئك منكم الذين يستخدمون أداة محرر البريد الإلكتروني BeeFree ، قمنا أيضًا بتضمين إرشادات إرشادية مختصرة لكل نصيحة مدرجة هنا.

1) كل شيء عن الهاتف المحمول.

لقد سمعت عن "الموقع ، الموقع ، الموقع" في العقارات ، أليس كذلك؟ بالنسبة إلى المسوقين عبر البريد الإلكتروني ، فهو "جوّال ، جوّال ، جوّال".

من الصعب المبالغة في تقدير مدى أهمية الهاتف المحمول. يتم فتح 53٪ من رسائل البريد الإلكتروني على الأجهزة المحمولة وفقًا لتقرير استخدام الجهاز الأخير من Litmus في 15 يناير. ومع ذلك ، لا يزال العديد من المسوقين عبر البريد الإلكتروني يفكرون في أجهزة الكمبيوتر المكتبية أولاً ، ثم الأجهزة المحمولة في المرتبة الثانية.

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

  • يجب أن تكون سطور الموضوع 40 حرفًا أو أقل.
  • تخصيص نص العنوان المسبق: يكون مرئيًا تقريبًا مثل سطر الموضوع على الأجهزة المحمولة.
  • لا يوجد نص أساسي أصغر من كتابة 13 أو 14 نقطة. يوصي العديد من مصممي البريد الإلكتروني في الواقع بنوع 15 أو 16 نقطة.
  • تبدو الأعمدة المفردة أفضل. تهدف لشيء أقل من 600 بكسل.
  • قم بضغط الصور قدر الإمكان ، طالما أنها لا تزال تبدو جيدة ، خاصة على الأجهزة عالية الدقة.
  • يجب أن تكون الأزرار بعرض 48 بكسل على الأقل ، لكن من الأفضل أن تكون أكبر قليلاً. لماذا تجعل من الصعب النقر؟
  • تجنب "الروابط المكدسة" (عمود أو قائمة روابط). من الصعب النقر فوقها.
  • مختصرا. قم بقص كل المحتويات غير الضرورية.
  • قم بترميز دعوتك إلى اتخاذ إجراء في CSS و HTML أو VML (لغة توصيف المتجهات). لا تستخدم أبدًا صورة للدعوة إلى العمل. إذا تم إيقاف تشغيل الصور ، فلن تعمل عبارة البريد الإلكتروني التي تحث المستخدم على اتخاذ إجراء. لا يزال حوالي 40٪ من جميع مستخدمي Gmail مغلقين.

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

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

اجعل رسائل البريد الإلكتروني أقل من 600 بكسل

تريد تصميم عمود واحد؟ لدينا هؤلاء. اختر أي تصميم عمود واحد من صفحة البداية ، ثم اسحب كتلة نصية كاملة العرض ، مثل هذا:

كيفية إضافة نص كامل العرض

2) لا يقرأ الناس رسائل البريد الإلكتروني. يقومون بمسحها ضوئيًا.

هناك عدة عواقب لذلك:

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

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

كيفية ضبط حجم النص في محرر البريد الإلكتروني BeeFree

3) تهدف إلى الحصول على نسبة نص إلى صورة 60/40.

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

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

لكن لحسن الحظ ، أجرت وكالة البريد الإلكتروني Email on Acid بعض الأبحاث ، ووجدت أن نسبة النص إلى الصور ليس لها أي تأثير على قابلية التسليم على الإطلاق - بشرط أن يكون هناك ما لا يقل عن 500 حرف من النص في البريد الإلكتروني. هذا ما يقرب من ستة إلى سبعة أسطر من النسخ ، لذلك ينتهي الأمر بأن يكون الشريط منخفضًا جدًا.

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

لمعرفة ما إذا كانت رسائل البريد الإلكتروني الخاصة بك تفي بقاعدة 60/40 ، استخدم زر معاينة في BeeFree ، ثم قم بإلقاء نظرة على بريدك الإلكتروني. في الأساس ، تريد أن يكون أكثر من نصف مساحة بريدك الإلكتروني نصًا أو مساحة بيضاء حول النص. أو قم فقط بالعد حتى 500 حرف ، وتأكد من أن صورك مضغوطة جيدًا قدر الإمكان ، وتوقف عن القلق.

كيفية استخدام أداة المعاينة

4) استخدم الصور كاملة العرض.

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

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

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

كيفية إضافة صورة في BeeFree

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

لا تنس تحرير علامات بديل للصور في رسائل البريد الإلكتروني الخاصة بك

5) استخدم الفضاء الأبيض.

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

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

هل تحتاج إلى إنشاء مساحة بيضاء أكبر في رسائل البريد الإلكتروني الخاصة بك؟ جرب هذه النصائح:

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

في BeeFree ، إذا كنت تريد إضافة المزيد من المسافات البيضاء ، فحدد مربع نص ، ثم انتقل إلى عنصر تحكم "Box settings" في العمود الأيمن. قم بزيادة المساحة المتروكة حتى تظهر بالشكل الذي تريده.

كيفية إضافة مسافة بيضاء حول كتلة نصية

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

كيفية تغيير لون الخلفية لرسالة بريد إلكتروني

حرّك شريط التمرير حتى يتحول إلى اللون الأبيض بالكامل.

كيفية ضبط لون الخلفية

انقر فوق موافق. ستكون خلفية بريدك الإلكتروني الآن بيضاء.

تعد المسافات البيضاء أحد اتجاهات تصميم التسويق عبر البريد الإلكتروني الرئيسية

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

الكتابة المخادعة أو "العكسية" هي أحرف بيضاء على خلفية سوداء أو ملونة. كان David Oglivy في الواقع أحد الأصوات الأولى ضد الكتابة العكسية. كان يعتقد أنه من الصعب القراءة. وكان محقًا: ها هي نتائج الدراسة من كتاب Colin Wheildon Type & Layout: كيف يمكن للطباعة والتصميم أن يعبرا عن رسالتك - أو يعترضان طريقك .

النوع العكسي أو بالضربة القاضية يصعب على الناس قراءته

هل كنت تعتقد أن هذه البيانات لا تنطبق على نوع سان سيريف؟ أنه لا يزال من المقبول استخدام سان سيريف لنوع الضربة القاضية؟ فكر مرة اخرى. وجد Wheildon أن الكتابة العكسية لـ san serif تؤذي بالفعل فهم القراءة أكثر من النوع serif.

6) مظهر النص العادي بتنسيق.

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

في ما يلي مثال من النشرة الإخبارية للبريد الإلكتروني لشركة Belle Beth Cooper:

مثال على نص عادي ، أحد اتجاهات تصميم البريد الإلكتروني الرئيسية

ومثال آخر:

مثال آخر لاتجاه تصميم التسويق عبر البريد الإلكتروني بالنص العادي

يجعل BeeFree النص العادي يبدو سهلاً حقًا. بشكل أساسي ، شكل النص العادي هو الإعداد الافتراضي لـ BeeFree.

كيف يبدو البريد الإلكتروني من محرر البريد الإلكتروني BeeFree

يستخدم بريد BeeFree الإلكتروني هذا معظم الإعدادات الافتراضية. كل ما فعلته هو إضافة صورة وكتبتها بنص مختلف. لا تتطلب مهارات التصميم!

7) تصميم مسطح في.

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

فيما يلي مثال على التصميم المسطح على أحد مواقع الويب:

تصميم مسطح على صفحة ويب

ومثال على التصميم المسطح في رسالة بريد إلكتروني:

تصميم مسطح في رسالة تسويقية عبر البريد الإلكتروني

هل تريد مثالاً آخر للتصميم المسطح؟ تحقق من BeeFree. إنه تصميم مسطح كلاسيكي.

BeeFree نفسها هي مثال على اتجاه التصميم المسطح

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