El يعد التصميم سريع الاستجابة أمرًا حيويًا اليوم بسبب التنسيقات المختلفة التي يواجهها المستخدم من الجهاز اللوحي والجوال وحتى الكمبيوتر. يعد هذا التصميم المتجاوب في التسويق عبر البريد الإلكتروني والصفحات المقصودة أكثر من مهم للتواصل متعدد القنوات مع عملائنا.
لذلك عليك أن تأخذ الأمر على محمل الجد لأخذ قوالب مختلفة مع عروض مختلفة للوصول بأفضل تصميم هذه الرسائل الإخبارية أو تلك الصفحة المقصودة حيث سيصل العملاء المستقبليون الذين نريد منهم تحويلهم من إعلاناتنا على Google أو Facebook.
تصميم سريع الاستجابة في التسويق عبر البريد الإلكتروني
يعد التسويق عبر البريد الإلكتروني إحدى الطرق للإعلان عن عروض المنتجات أو تلك المنشورات الجديدة التي تم إنشاؤها على مدونتنا وبالتالي تضيق بطريقة أعمق مع كل متابعينا.
أن هذه الرسائل الإخبارية تستجيب يعني ذلك يمكن رؤيتها تمامًا من الهاتف المحمولأو جهاز لوحي أو كمبيوتر. لذلك علينا أن نحاول امتلاك الأدوات اللازمة بحيث تكون جميع العناصر المرئية متناغمة بما يكفي لقراءة النشرة الإخبارية بسهولة.
نشرة ايكيا الإخبارية
الاستجابة تعني ذلك عرض الصفحة على الأجهزة المختلفة يكون دائمًا صحيحًا. لهذا لدينا أدوات التسويق عبر البريد الإلكتروني التي تساعدنا على اختبار النشرة التي تم إنشاؤها بتنسيقات مختلفة وبالتالي تعديل القيم مثل المساحة المتروكة أو الهامش بحيث يتم تغيير موضعها تمامًا حيث نقوم بتقليل عرض متصفحنا.
في يتم استخدام تصميم الويب باستخدام "استعلامات الوسائط" CSS لتصميم موقع على شبكة الإنترنت حسب الشكل. سيكون ما يصل إلى 360 بكسل للجوال ، ومن 360 بكسل إلى 650 بكسل يمكننا إجراء تعديلات لجميع المستخدمين الذين يرون موقعنا على الويب من جهاز لوحي.
بعض مبادئ رسائلنا الإخبارية للتسويق عبر البريد الإلكتروني هي:
- تسلسل هرمي مرئي نظيف: عنوان في H2 لترك النص في تنسيق فقرة.
- مصدران مختلفان: واحد للعنوان والآخر للنص يجعل نشرتنا الإخبارية أسهل للقراءة.
- El استخدام اللون للتمييز بين العنوان والنص والعناصر الأخرى: يمكننا الانتقال تدريجياً من الرمادي الداكن إلى الرمادي الفاتح.
- Un CTA (عبارة تحث المستخدم على اتخاذ إجراء) واضحة ومميزة: إذا كان شعار شركتنا باللون الأحمر ، فيمكن لـ CTA أن يكون بهذا اللون بينما الباقي بلون تكميلي.
نقدم لكم مثالا واضحا عن عظيم تصميم سريع الاستجابة في رسالة إخبارية تنفذه شركة Filmin والتي ترونها في الصورة المقدمة. طباعة واضحة باللون الأبيض ، والنص باللون الرمادي الفاتح للغاية مما يسمح لنا بسرعة تصور المساحات المختلفة التي تمت دعوتنا للقراءة فيها إذا أردنا ذلك. لا تعني CTA أنها من عالم آخر ، ولكنها تساعد في رمز التشغيل هذا وهذا يجعلنا نرى ما ينتظرنا.
مسافات كافية في الهوامش ، يكون اللون الأبيض هو اللون الرئيسي للنص و يتناسب تمامًا مع الشعار من العلامة التجارية محاطة بهذا اللون الرمادي الذي يجعلها تبرز. صورة لافتة للنظر تحدد الهدف من الرسالة الإخبارية التي تعلق من اللحظة الأولى. يتم أيضًا ترك مسافات على الجانبين بحيث لا يتم "أكل" عرض الشاشة بالكامل.
في نسخة سطح المكتب تحافظ على هذه المبادئ، بل ترك مساحة أكبر في النصوص وترك هامشًا كبيرًا على كل جانب:
تصميم سريع الاستجابة على صفحة مقصودة
الكثير يمكن استخدام نفس المبادئ في التصميم سريع الاستجابة من الصفحة المقصودة. من المهم للغاية قضاء كل الوقت في العالم لاختيار القالب بشكل صحيح واتباع بعض القواعد في التصميم:
- البساطة البصرية: نحن نتحدث عن الاحتفاظ بمساحات فارغة للتركيز على CTAs.
- صور جميلة وجذابة للقارئ ، دون أن ينسى القرار وأنها تبدو مثالية.
- أهمية اللون وأن نؤكد مرة أخرى.
علينا العمل على تصميم سريع الاستجابة لصفحة مقصودة للجوال والجهاز اللوحي وسطح المكتب. خذ الوقت اللازم للمحاولة مرارًا وتكرارًا مع كل تغيير يظهر في هذه التنسيقات الثلاثة ، حيث يمكننا الوثوق بأنفسنا وننسى أن تلك التغييرات التي تم إجراؤها في CSS ستبدو مروعة على الهاتف المحمول.
الصفحة المقصودة Hotjar
قد يكون هذا العمل مملاً ، لكن من الضروري أن نأخذ الوقت الكافي لاختبار كل تغيير. ال استخدام الهوامش الجانبية وحاول قدر الإمكان ألا تفوت القواعد الموجودة في CTAs أو أزرار الإجراءات:
- أن المسافة بالنسبة إلى النص وهامش الزر تقدمية بجميع الأشكال الثلاثة. ليست صغيرة ولا كبيرة وهي على نفس الارتفاع.
- La النسبة في حجم زر الحث على الشراء مع باقي العناصر التي توجد بها يجب توفيرها.
مثال واضح على ذلك العمل الذي أنجزته Shopify على صفحتك المقصودة على سطح المكتب والذي يمكنك رؤيته في إصدار الهاتف المحمول. الاهتمام باستخدام الألوان والمسافات البيضاء وتلك النصوص بأحجامها وطباعتها المناسبة:
سلسلة من النصائح صفحة مقصودة أفضل لعملك أو لمتجرك عبر الإنترنت وهذه الرسائل الإخبارية مهمة جدًا للحصول على التحديثات والعروض الترويجية للمستخدمين.