في الماضي ، كانت مواقع الويب تحتوي على الكثير من العناصر غير الضرورية ، مثل الصفحات المليئة بأنظمة الألوان البراقة والقبيحة ، والكثير من النصوص العالقة في المساحات الصغيرة ، والنوافذ المنبثقة التي تنبثق وتزعج الزوار.

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

لقد تغيرت الأوقات كثيرا منذ ذلك الحين.

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

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

حجة استخدام النوافذ المنبثقة على WordPress

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

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

التشريح المنبثق - المنبثقة من التوصيات المستهدفة

بالنسبة للجزء الأكبر ، إذا كنت تستخدم نافذة منبثقة ، فمن المحتمل أنك تريد من الزوار اتخاذ إجراء. بعد كل شيء ، لماذا مقاطعة تجربتهم إذا كان الاضطراب ليس استخدامًا مفيدًا لوقتهم؟ وفقًا لدراسة شملت ما يقرب من ملياري نافذة منبثقة ، وجدوا أن متوسط ​​معدل التحويل لهذه الأنواع من النوافذ المنبثقة يبلغ 3,09٪.

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

طبعا !!!

تأخذ النوافذ المنبثقة في الاعتبار العديد من ممارسات تصميم الويب الجيدة. مثلا:

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

التشريح المنبثقة - الاجتماعية هبسبوت برهان

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

تشريح نافذة WordPress المنبثقة الفعالة

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

1. أسلوب

تميل الأنواع المختلفة من النوافذ المنبثقة إلى أن تكون أكثر فعالية في تحويل الزوار إلى مشتركين:

  • النوافذ المنبثقة لاشتراك البريد الإلكتروني لديها معدل تحويل 2,9٪.
  • النوافذ المنبثقة الترحيبية (تلك التي تملأ الصفحة الكاملة عند الدخول) تتحول بنسبة 2,6٪.
  • تعمل الإطارات المنبثقة التي يتم تشغيلها بالتمرير على تحويل 1,9٪.
  • تعرض سمارت أور هيلو بوب-أوبس تحويلا من نومس٪.

هذا لا يعني أنه يتعين عليك دائمًا استخدام نافذة منبثقة لاشتراك البريد الإلكتروني التقليدي. هنا مثال من موقع نيل باتيل.

بوب-أوب التشريح - نيل باتيل في بار مرحبا

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

2. اللون

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

3. التركيبة

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

يجب على النافذة المنبثقة:

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

4. نص

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

ضع في اعتبارك ما يلي:

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

منبثق التشريح - تراكب شاشة Wishpond

5. CTA

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

ربما تكون قد رأيت هذا التطبيق السيئ بنفسك:

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

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

المنبثقة التشريح - تيم فيريس إيجابي سلبي

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

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

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