6 نصائح تصميم من شأنها زيادة معدلات التحويل

نشرت: 2020-07-08

هل تريد أن تدخل بسر صغير؟ متوسط ​​مدى انتباه الإنسان لا يزيد عن ثماني ثوان. متوسط ​​معدل الارتداد لمتجر التجارة الإلكترونية؟ 45.68٪.

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

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

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

1. لا تفعل الكثير

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

نصيحة للمحترفين: تأكد من وجود مساحة بيضاء كافية لتصميم غير مزدحم يكون جذابًا بصريًا مع مراعاة حجم أي عناصر مضمنة (مثل الصور أو حقول النموذج).

2. صورة تساوي 1000 كلمة

الصور هي إحدى أقوى الطرق لجذب الانتباه وإظهار ما يدور حوله موقعك للزائر. يمكنك الاختيار من بين:

  • صورة خلفية كاملة مقابل عنصر أصغر
  • نمط الحياة مقابل صور المنتج
  • صور مقابل صور متحركة
  • وأكثر بكثير

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

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

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

نصيحة احترافية: عند إنشاء إعلانات Justuno الترويجية: تعد ملفات PNG هي الأفضل للخلفية الشفافة وأفضل JPEG للصور.

نموذج الصور المنبثقة

3. دع الناس يغادرون

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

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

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

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

4. اخلطها

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

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

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

النوافذ المنبثقة على شكل

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

5. اجعل الأمر سهلاً: التسوق بنقرة واحدة

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

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

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

بنقرة واحدة التسوق المنبثق

6. استراتيجية اللون

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

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

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

مقارنة عمى الألوان
مقارنة عمى الألوان

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

عجلة الألوان

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

افكار اخيرة

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

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

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