من عام 2010 حتى الآن: اتجاهات تصميم البريد الإلكتروني التي نجت من اختبار الزمن

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

في شهر أكتوبر من هذا العام ، بلغ البريد الإلكتروني 50 عامًا رسميًا. لا يسعنا إلا أن نشعر ببعض الحنين إلى الماضي. لهذا السبب قررنا إلقاء نظرة على تاريخ البريد الإلكتروني ، من 2010 إلى الآن.

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

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

نشأ البريد الإلكتروني في العقد الأول من القرن الحادي والعشرين

كانت فترة التسعينيات إلى القرن الحادي والعشرين فترة نهضة لتصميم البريد الإلكتروني. حوالي عام 1991 ، وُلد الإنترنت - كما نعرفه الآن. ثم في أواخر التسعينيات ، شهد البريد الإلكتروني ولادة جديدة مع إدخال HTML في البريد الإلكتروني.

ماذا عن 2010؟ على الرغم من كونه "العقد الأكثر نوعًا" على الإطلاق ، فقد حدثت تطورات كبيرة في التسويق عبر البريد الإلكتروني.

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

فيما يلي نبذة مختصرة عن معالم التسويق عبر البريد الإلكتروني على مدار العقد الماضي:

• 2009 - تقديم رسائل البريد الإلكتروني المستجيبة.
• 2010 - أصبحت رسائل البريد الإلكتروني المشغلة هي القاعدة ، حيث يرسل 48٪ من جهات التسويق الآن رسائل بريد إلكتروني تم تشغيلها.
• 2012 - 90 مليون أمريكي يستخدمون الآن البريد الإلكتروني على جهاز محمول.
• 2013 - جوجل تقدم علامات تبويب داخل Gmail.
• 2014 - جاء دمج CSS مع HTML في عصر رسائل البريد الإلكتروني التفاعلية.
• 2014 - يُستخدم المحتوى الديناميكي لإنشاء تجارب مخصصة مع المشتركين.
• 2014 - دخل التشريع الكندي لمكافحة البريد الإلكتروني العشوائي (CASL) حيز التنفيذ.
• 2015 - اكتسبت الرسوم المتحركة CSS داخل البريد الإلكتروني شعبية.
• 2016 - إضفاء الطابع الشخصي على السلطة.
• 2016 - تم اعتماد اللائحة العامة لحماية البيانات (GDPR).
• 2018 - تقدم Apple وضع Dark Mode كجزء من إصدارها الخامس عشر لنظام التشغيل.

ماذا عن البرمجة والتصميم؟

اتجاهات تصميم البريد الإلكتروني التي حددت العقد 2010

للاستمتاع بذكرياتنا ، طلبنا من ليلي البحث في الأرشيفات ومشاركة أول بريد إلكتروني يمكنها العثور عليه. دعنا نلقي نظرة على أول بريد إلكتروني صممته وطورته لـ Experian في عام 2009:

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

إليك واحدة أخرى من رسائل البريد الإلكتروني الأولى لـ Lily ، من مشروع مختلف في Experian:

ماذا تتذكر ليلي من هذا؟ "الأزرار ونص العنوان المطول. من الجيد أن نرى ذلك في ذلك الوقت ، كنا نستخدم النص المباشر في معظم الأوقات ".

لأخذ الأمور إلى أبعد من ذلك ، طلبنا من مجتمعنا على Twitter مشاركة أول حملة بريد إلكتروني أرسلوها على الإطلاق (شكرًا #EmailGeeks!). دعونا نلقي نظرة على بعض الخصائص الرئيسية التي حددت رسائل البريد الإلكتروني لهذا العقد.

أزرار مبهرجة

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

أولاً ، دعنا نلقي نظرة على بعض الأمثلة على الأزرار اللامعة.

هذا مثال في البريد الإلكتروني ، يعود تاريخه إلى عام 2014:

وانظر إلى هذا التأثير المائل والزخرفي. لا يقاوم ، ألا تعتقد ذلك؟

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

لقد صممت هذا في Photoshop في عام 2008 ، في أول تدريب لي في التصميم الجرافيكي. تم إرساله إلى فريق التطوير للترميز! pic.twitter.com/OA9xsrXjrF

- ميغان بوشويزن (megbosh) 10 مارس 2021

إسقاط الظلال

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

تحقق من هذا البريد الإلكتروني من عام 2010. لقد أصبحت بطاقة الهدايا وبطاقة ستاربكس "العائمة" ممكنة بفضل الظلال المسقطة.

أشرطة التنقل

يميل تصميم البريد الإلكتروني إلى اتباع خطى تصميم الويب عن كثب. الكثير مما كان شائعًا على الويب سيجد طريقه قريبًا إلى البريد الإلكتروني.

فيما يلي مثال على شريط التنقل في حملات البريد الإلكتروني الأولى لشركة Paul Airy:

واحدة من أولى حملات البريد الإلكتروني التي صممتها وطورتها. pic.twitter.com/euS5FcafnV

- ما وراء الظرف (Paul_Airy) 10 مارس 2021

مثال آخر على شريط التنقل الموضح أدناه ، من Justine Jordan:

كما قالت إميلي بنسون ، تميل رسائل البريد الإلكتروني لتبدو وكأنها "مواقع محجوزة في البريد الإلكتروني". لا يمكن أن نقول ذلك بشكل أفضل!

مربعات وسيلة الشرح

قبل أن يصبح الجوّال هو القاعدة ، كان التركيز كبيرًا على سطح المكتب. يبدو أن الأسلوب هو "الحصول على أكبر قدر ممكن من هذه الرسالة الإلكترونية."

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

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

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

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

مع تقدمنا ​​خلال العقد ، أصبحت إمكانية الوصول والتصميم الشامل جزءًا أكبر من المحادثة.

تصميم للأجهزة المحمولة

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

لم يكن البريد الإلكتروني للجوال مجرد صورة على راداراتنا في عام 2011 ، وشكل 8٪ فقط من رسائل البريد الإلكتروني المفتوحة. تقدم سريعًا حتى عام 2014 ، ويتم فتح ما يقرب من نصف رسائل البريد الإلكتروني على الهواتف الذكية والأجهزة اللوحية - بزيادة قدرها 500٪ في أربع سنوات.

في ما يلي مثال على رسالة بريد إلكتروني غير مستجيبة من عام 2016 (ومثال آخر على موقع ويب محاصر في رسالة بريد إلكتروني):

تعاون

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

"كان أحد أكبر التغييرات هو النمو في عدد رسائل البريد الإلكتروني التسويقية المشروعة (وذات الصلة) من الشركات التي تتطلع إلى تأسيس موطئ قدم داخل صناعاتها.

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

بريان ثيس

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

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

ما هي اتجاهات تصميم البريد الإلكتروني التي نجت وتطورت؟

دعونا نلقي نظرة على اتجاهات التصميم التي نجت وتطورت في العقد الماضي.

أزرار ، ولكن أفضل

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

في ما يلي مثال حالي لزر له تأثير مائل وزخرفة:

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

استخدام الصور ولكن أذكى

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

في ذلك الوقت ، كانت إحدى الطرق الشائعة لبناء رسائل البريد الإلكتروني تبدأ بتقسيم Photoshop (#SlicinAndDicin ، أي شخص؟) ، وتصدير HTML ، وجعله يعمل من هناك. ومع ذلك ، كما تعلمنا وتطورنا مع مرور الوقت ، وجدنا أنها لم تكن أفضل طريقة.

بحلول عام 2012 ، كان 90 مليون أمريكي يستخدمون البريد الإلكتروني على جهاز محمول. مع ظهور الجوال ، اكتشفنا كيفية العمل بشكل أكثر ذكاءً.

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

الموضوع الشامل: البساطة

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

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

من الجميل أن تتذكر

استرجاع ذكرياتنا لماضينا يمكن أن يجلب الوعي لمدى تغيرنا. والتغيير جيد - إنه علامة على أننا ننمو ونتطور! لذا الحمد لله البريد الإلكتروني يتغير دائمًا ، أليس كذلك؟

ما الذي يتبادر إلى الذهن عندما يفكر ليلي وبريان في العقد الأول من القرن الحادي والعشرين؟

"أنا معجب بتطور البريد الإلكتروني ، وأعيش بالتأكيد في الحاضر / المستقبل ولا أنظر إلى الوراء. "

ليلي ورث

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

بريان ثيس

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

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

ما الذي افتقدته ليلي وبريان من العقد الماضي؟

نظرًا لأن الكوميديا ​​البريطانية كانت أقل اعتمادًا على الشاشات ، فقد كانت أفضل في ذلك الوقت ، وأفتقد الذهاب لمشاهدة الفرق الموسيقية تعزف على الهواء مباشرة كل ليلة تقريبًا. "

ليلي ورث

"سهل. عدم الاضطرار إلى ارتداء قناع ".

بريان ثيس

وأخيرًا ، لم نتمكن من المقاومة وتجرؤ على مشاركة ليلي وبريان لعنوان بريدهما الإلكتروني الأول (تلميح: واحد فقط قال الحقيقة).

• [email protected]
• OhHellNo@ICantAnswerThat

آه ، الأيام الجيدة

بين الحين والآخر ، من الجيد أن نتذكر. يمكن أن يذكّرنا النظر إلى ماضي بريدنا الإلكتروني بمدى تقدمنا. ونتيجة لذلك ، يمكن أن يساعدنا في تطوير تقدير جديد للحاضر.

في حين أننا قد نفتقد فكرة zen #SlicinAndDicin على Photoshop ، فإن التطور شيء جيد. كان العقد الأول من القرن الحادي والعشرين عقدًا محددًا للبريد الإلكتروني. مرت التسعينيات ، حتى يمكن أن تستمر فترة العقد الأول من القرن الحادي والعشرين.

هل ما زلت تشعر ببعض الحنين إلى الماضي؟ نحن أيضا. لهذا السبب قمنا بعمل هذا الإصدار الخاص من Litmus Weekly احتفاءً بالتسعينيات.

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