في الماضي ، كانت مواقع الويب تحتوي على الكثير من العناصر غير الضرورية ، مثل الصفحات المليئة بأنظمة الألوان البراقة والقبيحة ، والكثير من النصوص العالقة في المساحات الصغيرة ، والنوافذ المنبثقة التي تنبثق وتزعج الزوار.
لكن المصممين لم يعرفوا المزيد في ذلك الوقت ، أو بالأحرى ، عملوا فقط مع اتجاهات التصميم وأفضل الممارسات التي عرفوها.
لقد تغيرت الأوقات كثيرا منذ ذلك الحين.
لم يعد مطورو ومصممو الويب مقيدين بالتكنولوجيا أو الأساليب، مما يعني أنه لم يعد هناك أي مبرر لسوء التصميم. ينطبق هذا على كل عنصر موجود في موقع ووردبريس، من صورة رأس الصفحة الرئيسية إلى نماذج الاتصال، ومن الطباعة إلى النوافذ المنبثقة. أصبح كل شيء الآن مهمًا عند تصميم تجربة المستخدم.
أريد اليوم التركيز على ما يجعل النافذة المنبثقة فعالة ، وهو شيء أراه جزءًا أساسيًا في عملية التحويل. على وجه التحديد ، أود دراسة تشريح نافذة WordPress المنبثقة الفعالة وكيف يمكن لهذا العنصر المثير أن يعزز معدل التحويل الخاص بك.
حجة استخدام النوافذ المنبثقة على WordPress
النوافذ المنبثقة هي عنصر تصميم مثير للاهتمام. في حين أنهم يقطعون تجربة المستخدم مؤقتًا (والتي لا تحظى بتقدير كبير عادةً) ، فإن تلك التي تتم بشكل صحيح تقدم شيئًا جذابًا أو مثيرًا لدرجة أن الزوار لا يمانعون في فقدان دقيقة للاهتمام.
بالطبع، في هذه الحالة نحن نتحدث عن النوافذ المنبثقة المولدة للتحويل والتي تعمل على جمع المشتركين في النشرة الإخبارية أو دفع الزوار إلى إجراء عمليات شراء. ومع ذلك، يمكن استخدام النوافذ المنبثقة لمجموعة متنوعة من الأغراض. على سبيل المثال، يمكنك مشاركة ملفات تعريف الارتباط الخاصة بك أو سياسة الخصوصية، أو التوصية بعناصر ذات صلة بعد أن يضيف الزوار شيئًا إلى سلة التسوق الخاصة بهم، أو حتى تطلب منهم إجراء استطلاع سريع.
بالنسبة للجزء الأكبر ، إذا كنت تستخدم نافذة منبثقة ، فمن المحتمل أنك تريد من الزوار اتخاذ إجراء. بعد كل شيء ، لماذا مقاطعة تجربتهم إذا كان الاضطراب ليس استخدامًا مفيدًا لوقتهم؟ وفقًا لدراسة شملت ما يقرب من ملياري نافذة منبثقة ، وجدوا أن متوسط معدل التحويل لهذه الأنواع من النوافذ المنبثقة يبلغ 3,09٪.
الآن هذا يطرح السؤال: هل النوافذ المنبثقة لا تزال ذات صلة وفعالة؟ إذا كان السوق مشبعًا جدًا بالنوافذ المنبثقة للخروج ، وأشرطة الترحيب ، وتراكبات الصفحة الكاملة والمزيد ، فهل هذه أداة منشئ التحويل تستحق الاستخدام على موقع WordPress الخاص بك؟
طبعا !!!
تأخذ النوافذ المنبثقة في الاعتبار العديد من ممارسات تصميم الويب الجيدة. مثلا:
- تعمل النوافذ المنبثقة على إزالة الفوضى غير الضرورية من صفحات موقعك.
- وعادة ما تتألف من صور نظيفة والحد الأدنى من النص.
- تم تصميم الدعوات للعمل بشكل جيد وتقديمها ببساطة من حيث الصياغة.
- هناك منحنى تعليمي صغير للزائرين لأن معظم الناس على دراية بالنوافذ المنبثقة ويعرفون كيفية التفاعل معها.
- توفر النوافذ المنبثقة فرصة ممتعة لإغراق موقعك بالرسوم المتحركة أو مقاطع الفيديو أو الدليل الاجتماعي.
- يمكنك إنشاؤها بسهولة باستخدام مكونات WordPress الإضافية عالية الجودة مثل Hustle أو OptinMonster.
بشكل عام ، تعد النافذة المنبثقة المصممة جيدًا مثالية لجذب انتباه الزوار عندما تكون في أمس الحاجة إليها. يمكنك استخدامها لإرسال الإخطارات أو الطلبات في الوقت المناسب. يمكنك أيضًا استخدام بيانات الزائر لحثهم على الشراء.
تشريح نافذة WordPress المنبثقة الفعالة
من الواضح أن نجاح نوافذك المنبثقة على ووردبريس يعتمد على تصميمها المثالي وعروضها الجذابة التي تجذب الزوار. لذا، دعونا نلقي نظرة على الصيغة المثالية لنافذة منبثقة فعّالة.
1. أسلوب
تميل الأنواع المختلفة من النوافذ المنبثقة إلى أن تكون أكثر فعالية في تحويل الزوار إلى مشتركين:
- النوافذ المنبثقة لاشتراك البريد الإلكتروني لديها معدل تحويل 2,9٪.
- النوافذ المنبثقة الترحيبية (تلك التي تملأ الصفحة الكاملة عند الدخول) تتحول بنسبة 2,6٪.
- تعمل الإطارات المنبثقة التي يتم تشغيلها بالتمرير على تحويل 1,9٪.
- تعرض سمارت أور هيلو بوب-أوبس تحويلا من نومس٪.
هذا لا يعني أنه يتعين عليك دائمًا استخدام نافذة منبثقة لاشتراك البريد الإلكتروني التقليدي. هنا مثال من موقع نيل باتيل.
تم تنفيذ هذا بشكل جيد ، لأنه مصمم ببساطة وغير تدخلي ، et يستخدم الرسوم المتحركة الممتعة لجذب الانتباه في حالة مرور الحد الأدنى من البصمة دون أن يلاحظها أحد. ضع في اعتبارك أن اختيار نمط لا يتعلق باستخدام النمط الأكثر شيوعًا أو الأكثر شهرة لمعدلات التحويل الأعلى. يتعلق الأمر بإيجاد نمط يناسب موقعك وزوارك ، وهو مصمم لاستكمال التجربة بينهما.
2. اللون
بالطبع ، سيلعب اللون دائمًا دورًا رئيسيًا في تصميم مواقع الويب. من خلال فهم علم النفس وراء الألوان التي اخترتها ، يمكنك إنشاء نوافذ منبثقة أكثر فعالية تقوم بالتحويل. بالطبع ، لا يمكنك أيضًا أن تنسى نظام الألوان المحدد لعلامتك التجارية ، لذا فالأمر كله يتعلق بإيجاد توازن بين تصميم نافذة منبثقة تبدو جيدة على الموقع ، ولكن يجبر الزوار أيضًا على اتخاذ إجراءات.
3. التركيبة
من المهم التراجع خطوة إلى الوراء ومشاهدة النافذة المنبثقة ككل. على الرغم من أهمية تصميم كل جزء متحرك في النافذة المنبثقة ، كما هو الحال مع التركيب العام للنافذة المنبثقة.
يجب على النافذة المنبثقة:
- أن تكون بسيطة وسهلة لمتابعة.
- مصممة بخطوط نظيفة وتكون متوازنة بشكل جيد.
- تضمين صور ذات صلة وعالية الدقة ؛ من الناحية المثالية ، صورة واحدة تلخص موضوع العرض.
- يبدو أنه امتداد لموقعك ومن الواضح أنه ليس مصنوعًا من نافذة منبثقة ذات خيارات تخصيص محدودة.
- استخدم طباعة كبيرة وسهلة القراءة.
4. نص
ثم لدينا الرسالة المنبثقة. على الرغم من أنك لست بصدد تطوير اللغة التي تتناول هذه الأشياء ، فهناك عدد من أفضل الممارسات التي يجب أن تظل على دراية بها عندما يتعلق الأمر بملء النوافذ المنبثقة بالنص.
ضع في اعتبارك ما يلي:
- قم دائمًا بتضمين عنوان رئيسي ورسالة قصيرة (جملة واحدة ستفي بالغرض) وعبارة تحث المستخدم على اتخاذ إجراء.
- استخدم لغة قوية تروق لعواطف الزوار.
- كن موجز. إذا لم تتمكن من كتابتها في أقل من 30 كلمة ، فإن هذه الرسالة لا تنتمي إلى نافذة منبثقة.
- استخدم نفس اللون والشخصية التي تستخدمها على موقعك.
- قدِّم شيئًا ذا قيمة لن يجده الزوار في أي مكان آخر على الموقع.
- استخدم الاستعجال إن أمكن. إذا لم تستطع فعل ذلك بالكلمات ، فافعله بالألوان.
5. CTA
هناك اتجاه متزايد غريب هذه الأيام حيث تمنح مواقع الويب الزوار خيارين للحث على اتخاذ إجراء. أفهم سبب نمو هذا الاتجاه ، لكنني رأيت أنه أسيء تطبيقه على العديد من المواقع الإلكترونية وأتمنى أن يختفي هذا الاتجاه في النهاية
ربما تكون قد رأيت هذا التطبيق السيئ بنفسك:
- الخيار الإيجابي : هذا يقول ، "أوه ، شكرًا لك ، شكرًا لك! أعلم أن هذا العرض على وشك تغيير حياتي للأفضل! "
- الخيار السلبي : هذا يقول ، "أحب اتخاذ خيارات الحياة السيئة وأنا أقدر لك فرك وجهي." اسمحوا لي أن أنقر على خيار الإهمال الذاتي هذا فقط لتلقي نافذة أخرى تسألني مرة أخرى إذا كنت أرغب في اتخاذ هذا القرار الرهيب. "
هذا لا يعني أن جميع النوافذ المنبثقة التي تحتوي على خيارين للحث على اتخاذ إجراء سيئة التصميم أو تهدف إلى عار الزائر. تيم فيريس لديه مثال جيد على خيار مزدوج للحث على اتخاذ إجراء متقن:
بشكل عام ، ومع ذلك ، أود أن أقول إنه إذا كنت تحاول أن تكون ساخرًا أو تخيف زوارك في قرارهم ، فاخرج من موقعك وضعه على Twitter. موقع الويب الخاص بك ليس مكانًا لذلك ونأمل أن يبتلعه Twitter تمامًا.
بصرف النظر عن هذا الغضب من الحيوانات الأليفة ، أقترح أيضًا إبقاء عبارة الحث على اتخاذ إجراء بسيطة. استخدم لغة بسيطة توضح ما سيحصل عليه الزوار عند إدخال بريدهم الإلكتروني أو النقر فوق الزر. أيضًا ، احتفظ بالمهمة عند الحد الأدنى: لا يلزم ملء أكثر من حقلين (أي بريد إلكتروني وربما اسم) وزر واحد للنقر.
هذا كل شيء في هذا البرنامج التعليمي ، وآمل أن يسمح لك بتصميم أزرار الحث على اتخاذ إجراء بشكل جيد.
