تم تنفيذ النوافذ المنبثقة على الأجهزة المحمولة بشكل صحيح: الأمثلة وأفضل الممارسات
نشرت: 2024-03-13يتم تحويل النوافذ المنبثقة على الأجهزة المحمولة بمعدل 11% في المتوسط، وهو ما يكفي وحده للإشارة إلى أنها تستحق نظرة فاحصة.
بالإضافة إلى ذلك، مع تزايد أهمية تجربة الهاتف المحمول في مشهد التجارة الإلكترونية، تعد النوافذ المنبثقة على الهاتف المحمول أداة قوية يجب أن تمتلكها في ترسانتك.
في هذه المقالة، سنتناول ماهية النوافذ المنبثقة على الأجهزة المحمولة (وما يقوله Google عنها)، ونقدم أمثلة، ونشرح كيف يمكنك تصميم نوافذك الخاصة.
دعنا ننزل اليها!
الاختصارات ️
- ما هي النافذة المنبثقة للجوال؟
- ماذا تقول Google عن النوافذ المنبثقة على الأجهزة المحمولة؟
- 7 أفضل الممارسات لتصميم النوافذ المنبثقة للأجهزة المحمولة
- 9 أمثلة للنوافذ المنبثقة الفعالة على الأجهزة المحمولة
- كيفية إنشاء نافذة منبثقة للجوال؟
- التعليمات
ما هي النافذة المنبثقة للجوال؟
النوافذ المنبثقة للجوال هي تراكبات لمواقع الويب تظهر على شاشة هاتفك، وتخفي المحتوى الأساسي لموقع الويب أسفلها.
لقد تم تصميمها لجذب انتباهك وحثك على اتخاذ إجراء محدد، مثل الاشتراك في رسالة إخبارية أو تنزيل كتاب إلكتروني.
تعتبر هذه النوافذ المنبثقة فعالة في جذب العملاء المحتملين وتعزيز المبيعات. كما أنها تعزز مشاركة المستخدم من خلال تقديم محتوى أو حوافز قيمة.
ماذا تقول Google عن النوافذ المنبثقة على الأجهزة المحمولة؟
لقد كانت جوجل واضحة بشأن موقفها من النوافذ المنبثقة على الأجهزة المحمولة، خاصة فيما يتعلق بتجربة المستخدم وتصنيفات محركات البحث.
في عام 2017، قدمت جوجل تحديثًا لخوارزمية البحث على الأجهزة المحمولة الخاصة بها، المعروف باسم " تحديث الإعلانات البينية المتطفلة "، بهدف معاقبة مواقع الويب التي تستخدم النوافذ المنبثقة المتطفلة على الأجهزة المحمولة.
وفقًا لإرشادات Google، قد تعتبر النوافذ المنبثقة على الأجهزة المحمولة التي تعطل تجربة المستخدم من خلال تغطية جزء كبير من المحتوى الرئيسي، خاصة عند الوصول إليها من خلال نتائج البحث بواسطة زوار موقع الويب، تدخلية.
تتضمن أمثلة النوافذ المنبثقة المتطفلة ما يلي:
- النوافذ المنبثقة التي تظهر مباشرة بعد وصول المستخدم إلى صفحة من نتائج البحث.
- النوافذ المنبثقة التي تغطي الشاشة بأكملها وتمنع المستخدمين من رؤية المحتوى الرئيسي.
(ملاحظة: قد تكون بعض أنواع النوافذ المنبثقة، مثل تلك الخاصة بالتحقق من العمر أو استخدام ملفات تعريف الارتباط، مقبولة إذا تم عرضها على الفور.)
ولذلك، يتم تشجيع المسوقين على استخدام النوافذ المنبثقة على الأجهزة المحمولة بشكل مدروس، مما يضمن مساهمتها بشكل إيجابي في تجربة المستخدم بدلاً من الانتقاص منها.
7 أفضل الممارسات لتصميم النوافذ المنبثقة للأجهزة المحمولة
الآن بعد أن تناولنا ماهية النوافذ المنبثقة للجوال، دعنا نلقي نظرة على أفضل سبعة ممارسات لتصميم النوافذ المنبثقة الملائمة للجوال.
1. استخدم نسخة مختصرة
يتمتع مستخدمو الهاتف المحمول بفترة اهتمام قصيرة، لذلك من الضروري أن تجعل نسختك المنبثقة موجزة ومباشرة في صلب الموضوع.
اجعل رسالتك مختصرة وقم بتوصيل عرض القيمة الخاص بك بوضوح. سيؤدي هذا إلى زيادة احتمالية قراءة المستخدمين له وفهمهم قبل المضي قدمًا.
2. تأكد من أنه مناسب للنقر
المساحة على الهاتف المحمول ضيقة، لذا تأكد من سهولة النقر على أزرار CTA والروابط وحقول الإدخال.
امنحهم مساحة ومساحة كبيرة حتى لا يصطدم بهم المستخدمون عن طريق الخطأ. كما أنه يعزز سهولة الاستخدام الشامل للنوافذ المنبثقة الخاصة بك.
3. تصغير حقول النموذج
يعد تقليل عدد حقول النموذج في النافذة المنبثقة على هاتفك المحمول أمرًا أساسيًا لتبسيط تجربة المستخدم وتقليل الاحتكاك.
ما عليك سوى طلب المعلومات الأساسية، مثل عنوان البريد الإلكتروني للزائر، لتسهيل إكمال الإجراء على المستخدمين.
4. اختر التنسيق الصحيح
يمكن أن يؤثر اختيار تنسيق النافذة المنبثقة الصحيح بشكل كبير على فعاليتها.
خذ في الاعتبار عوامل مثل طبيعة رسالتك وسلوك تصفح المستخدمين عند الاختيار بين التراكبات المشروطة أو الشرائح الإضافية أو الإعلانات البينية بملء الشاشة أو أشرطة الشعارات.
5. قم دائمًا بإضافة خيار الإغلاق
على الرغم من أن النوافذ المنبثقة يمكن أن تكون فعالة في جذب الانتباه وزيادة التحويلات، فمن الضروري تزويد المستخدمين بطريقة واضحة وسهلة لإغلاقها إذا لم يكونوا مهتمين.
إن تضمين علامة "x" مرئية، أو زر إغلاق، أو رابط "إغلاق" مرئي للغاية يضمن إمكانية إغلاق المستخدمين للنافذة المنبثقة دون إحباط.
6. الحد من العناصر المرئية
يمكن للعناصر المرئية أن تعزز جاذبية النافذة المنبثقة، لكن استخدمها بحكمة.
تجنب إرباك المستخدمين بالصور أو الرسوم المتحركة المفرطة التي قد تؤدي إلى إبطاء أوقات التحميل أو الانتقاص من الرسالة الرئيسية.
استخدم العناصر المرئية بحكمة وتأكد من أنها تكمل المحتوى، حتى تتمكن من تحقيق التوازن بين الجماليات والوظائف.
7. أظهر لهم نية الخروج
يتيح لك تنفيذ إستراتيجية نية الخروج عرض النوافذ المنبثقة في لحظة مناسبة جدًا - عندما يكون المستخدمون على وشك مغادرة الصفحة.
من خلال اكتشاف نية الخروج، يمكنك تقديم عرض أو رسالة مستهدفة تجذب انتباه المستخدمين وتشجعهم على إعادة النظر في المغادرة. يمكن أن يؤدي استخدام النوافذ المنبثقة للأجهزة المحمولة بغرض الخروج إلى زيادة تحويلات الأجهزة المحمولة بين الزائرين الذين ربما غادروا دون اتخاذ أي إجراء.
9 أمثلة للنوافذ المنبثقة الفعالة على الأجهزة المحمولة
الآن، دعونا نلقي نظرة خاطفة على 9 أمثلة رائعة للنوافذ المنبثقة على الأجهزة المحمولة وبعض الأفكار التي يمكنك سرقتها منها.
1. علم النبات
النافذة المنبثقة لـ Vegetology بسيطة ولكنها فعالة. إنهم ينفذون أفضل ممارسات النوافذ المنبثقة للجوال بتفصيل كبير:
- يستخدمون اللون الأخضر لعلامتهم التجارية،
- يطلبون فقط عنوان البريد الإلكتروني للمستخدم،
- يعرضون صور المنتج (التي تبني الثقة مع الزائر)،
- وتتضمن زر "X".
2. الورنيش والكرمة
تعد النافذة المنبثقة على الهاتف المحمول لـ Varnish and Vine مثالاً رائعًا لكيفية تجنب شغل مساحة كبيرة على الشاشة مع الحفاظ على فعاليتها.
تجسد النافذة المنبثقة المتوافقة مع الأجهزة المحمولة أيضًا الحفاظ على العلامة التجارية من خلال النسخ، ويستخدمون عبارة CTA فعالة وملفتة للانتباه: "احصل على خصم 15%".
3. لاملي
تعد نافذة Lammle المنبثقة مثالًا جيدًا لكيفية تسليط الضوء على المزايا التي سيستمتع بها الزوار إذا اشتركوا في النشرة الإخبارية.
لاحظ أنهم يستخدمون كلمة "مجتمع" التي تزود الزائر بالفعل بشعور بالانتماء. يذكرون أيضًا أن المشتركين يمكنهم الوصول إلى العروض الحصرية والوافدين الجدد.
4. التاج والمخلب
يستخدم Crown & Paw نافذة منبثقة للهاتف المحمول بملء الشاشة مع عرض قيمة كبير وجريء: "افتح خصم 20%".
لقد قامت بتضمين مساحة كبيرة بين العناصر للحصول على تجربة مريحة للهاتف المحمول.
لاحظ أيضًا مؤقت العد التنازلي في الأسفل، مما يزيد من الشعور بالإلحاح . يعد تقديم رمز الخصم وإضافة شيء إضافي إليه من أفضل الممارسات الرائعة المتعلقة بالنوافذ المنبثقة على الأجهزة المحمولة.
5. رمادي الحركة
تدور نافذة MotionGrey المنبثقة على الهاتف المحمول حول كونك مباشرًا. تظهر النافذة المنبثقة على صفحة المنتج، وتشغل مساحة صغيرة وتصل إلى صلب الموضوع.
وكما ستلاحظ، فقد تم تخصيص النوافذ المنبثقة الخاصة بهم، حيث يتلقى الزوار الذين يتصفحون المكاتب الدائمة عرضًا مخصصًا، وهي طريقة رائعة لزيادة التحويلات عبر الهاتف المحمول.
6. ذا ستيم كيدز
تعد النافذة المنبثقة للهاتف المحمول المكونة من خطوتين من TheSTEMKid طريقة رائعة للتعرف على زوار موقعك بشكل أفضل.
في الصفحة الأولى، يطرحون سؤالاً بسيطًا حول تفضيلات المستخدم.
عندما ينقر الزائر على الصفحة الثانية، يمكنه اختيار الاشتراك في النشرة الإخبارية مقابل خصم 10% عن طريق كتابة عنوان بريده الإلكتروني.
7. شركة الكركم
تُعد شركة Turmeric Co. مثالًا رائعًا لاختيار الكلمات بعناية وفعالية. تشغل النافذة المنبثقة على الهاتف المحمول الشاشة بأكملها وتستخدم ألوانًا جريئة وCTA واضحة.
الأمر المثير للاهتمام في النافذة المنبثقة هو خيار "لا، شكرًا لك، أنا دائمًا أدفع الثمن بالكامل". من سينقر على ذلك إذا كان لديه خيار الحصول على رموز الخصم؟ ذكي، أليس كذلك؟
8. رايز قهوة الفطر
إن النافذة المنبثقة للهاتف المحمول الخاصة بـ Ryze Mushroom Coffee هي البساطة بحد ذاتها.
إنها سهلة الاستخدام، وتتناسب بشكل جيد مع حجم الشاشة، وتستخدم كلمة "على الفور"، مما يدفع العميل إلى إجراء عملية شراء فورية (وربما زيادة معدل التحويل).
9. جيلبرو أستراليا
تعد نافذة Gelpro Australia المنبثقة سهلة الاستخدام للغاية للجوال.
تشغل النافذة المنبثقة الشاشة بأكملها، ولكن لاحظ مقدار المساحة التي يتركونها للزائرين لملء نموذج الاتصال. هذه التفاصيل الصغيرة تجعل تجربة المستخدم أكثر سلاسة.
كيفية إنشاء نافذة منبثقة للجوال؟
الآن وبعد أن شاهدت بعض الأمثلة الرائعة للنوافذ المنبثقة، فقد حان الوقت لإلقاء نظرة فاحصة على كيفية إنشاء نافذة منبثقة خاصة بك على الهاتف المحمول لتحويل حركة المرور على هاتفك المحمول بشكل فعال.
الخطوة 1: اختر الأداة المناسبة
اختر منشئًا أو منصة منبثقة موثوقة توفر قوالب محسنة لزوار الأجهزة المحمولة وتسمح بالتخصيص.
تعد OptiMonk واحدة من أفضل أدوات إنشاء النوافذ المنبثقة لإنشاء النوافذ المنبثقة على الأجهزة المحمولة والنوافذ المنبثقة على سطح المكتب. تتضمن بعض الميزات التي توفرها للنوافذ المنبثقة على الأجهزة المحمولة ما يلي:
- التحسين التلقائي للجوال
- إعدادات خاصة بعرض الهاتف المحمول
- قوالب محسنة للعرض على الهاتف المحمول
- القدرة على إخفاء العناصر على الأجهزة المحمولة
- تحسين السرعة للجوال
الخطوة 2: اختر القالب
اختر أحد النماذج العديدة المستجيبة للجوال التي تتوافق مع أسلوب علامتك التجارية وأهداف حملتك.
يوفر OptiMonk مجموعة من القوالب القابلة للتخصيص المناسبة لأغراض مختلفة، بدءًا من توليد العملاء المحتملين وحتى تقديم العروض الترويجية. سواء كنت تهدف إلى الحصول على مظهر أنيق وعصري أو تصميم أكثر حيوية وجاذبية، ستجد قوالب تناسب احتياجاتك.
انقر هنا لرؤية جميع النماذج التي يزيد عددها عن 300 أو قم بإلقاء نظرة على بعض الأمثلة أدناه:
الخطوة 3: تخصيص تصميم النافذة المنبثقة الخاصة بك
قم بتخصيص النافذة المنبثقة لتعكس هوية علامتك التجارية من خلال دمج شعارك وصورك وبعض النصوص الجذابة.
اضبط الترتيب ونظام الألوان وأنماط الخطوط والمكونات المرئية الأخرى لإنشاء نافذة منبثقة جذابة وتفاعلية تتواصل مع جمهورك المستهدف.
الخطوة 4: التحسين لمستخدمي الهاتف المحمول
تأكد من أن النافذة المنبثقة تعمل على الهاتف المحمول! اختبره على أحجام واتجاهات مختلفة للشاشة.
انتبه إلى موضع العناصر وتجربة المستخدم الشاملة على الأجهزة المحمولة.
تضمن ميزات تحسين الهاتف المحمول في OptiMonk أن تبدو النافذة المنبثقة رائعة وتعمل بسلاسة على الهواتف الذكية والأجهزة اللوحية، بحيث يتمتع الجميع بوقت ممتع في استخدامها.
الخطوة 5: تعيين خيارات التشغيل
اختر خيار التشغيل الذي يطابق سلوك المستخدم ونواياه. فكر في استخدام مشغلات نية الخروج أو المشغلات المستندة إلى التمرير لجذب انتباه المستخدمين في اللحظة المناسبة.
إذا اخترت المشغلات المستندة إلى الوقت، فتأكد من تأخيرها للامتثال لمتطلبات Google.
باستخدام خيارات التشغيل متعددة الاستخدامات الخاصة بـ OptiMonk، يمكنك إشراك جمهورك بفعالية وزيادة تأثير النوافذ المنبثقة إلى الحد الأقصى. تأكد من تحسين النافذة المنبثقة للأجهزة المحمولة عن طريق اختبار استجابتها وتجربة مستخدم الهاتف المحمول.
الخطوة 6: قم بتقسيم جمهورك
قم بتقسيم جمهورك بناءً على التركيبة السكانية أو السلوك أو العوامل الأخرى ذات الصلة لتوصيل رسائل وعروض مخصصة عبر النوافذ المنبثقة على هاتفك المحمول.
من خلال تقسيم جمهورك، يمكنك تخصيص محتوى النافذة المنبثقة لمجموعات مستخدمين محددة، مما يزيد من الملاءمة والمشاركة.
يتيح لك OptiMonk إمكانية إنشاء شرائح الجمهور وإدارتها بسهولة، مما يضمن أن كل نافذة منبثقة لها صدى مع شرائح الجمهور المناسبة وتحقق نتائج ذات معنى.
الخطوة 7: إعداد التكامل
قم بتوصيل النافذة المنبثقة الخاصة بك بأدوات ومنصات تسويقية أخرى، مثل برنامج التسويق عبر البريد الإلكتروني أو أنظمة إدارة علاقات العملاء (CRM) ، لتبسيط عملية جمع البيانات وإدارة الحملات.
يتيح لك دمج النافذة المنبثقة مع الأدوات الأخرى الاستفادة من البيانات الحالية وسير العمل، مما يسهل تتبع الأداء ورعاية العملاء المحتملين وزيادة التحويلات.
بفضل عمليات التكامل السلسة التي يقدمها OptiMonk، يمكنك مزامنة البيانات المنبثقة بسهولة مع أدوات التسويق المفضلة لديك للحصول على استراتيجية تسويق أكثر تماسكًا وفعالية.
الخطوة 8: تفعيل النافذة المنبثقة
بمجرد الانتهاء من تصميم وإعدادات النافذة المنبثقة على هاتفك المحمول، قم بتنشيطها لبدء التفاعل مع جمهورك!
من خلال بضع نقرات فقط، يمكنك تشغيل النافذة المنبثقة والبدء في جذب العملاء المحتملين وترويج العروض وزيادة التحويلات على موقع الويب الخاص بك.
تضمن عملية التنشيط المباشرة لـ OptiMonk تشغيل النافذة المنبثقة بسرعة وسلاسة، مما يسمح لك بالبدء في رؤية النتائج على الفور.
التعليمات
هل يجب عليك استخدام النوافذ المنبثقة على الهاتف المحمول؟
نعم، يجب عليك استخدام النوافذ المنبثقة على الهاتف المحمول، ولكن مع مراعاة تجربة المستخدم بعناية. يمكن أن تكون النوافذ المنبثقة أداة فعالة للتفاعل مع جمهور موقع الويب الخاص بك على الأجهزة المحمولة، والترويج للعروض الخاصة، وزيادة التحويلات. ومع ذلك، فمن الضروري التأكد من أن النوافذ المنبثقة ذات صلة، وفي التوقيت المناسب، ومن السهل تجاهلها. من خلال اتباع أفضل ممارسات النوافذ المنبثقة على الأجهزة المحمولة التي تمت مشاركتها في هذه المقالة، يمكنك تحقيق أقصى استفادة من النوافذ المنبثقة وتجنب إزعاج المستخدمين.
هل يمكنني استهداف شرائح محددة من الجمهور باستخدام النوافذ المنبثقة على الأجهزة المحمولة؟
نعم، تسمح لك العديد من الأدوات المنبثقة مثل OptiMonk بتقسيم جمهور متجر التجارة الإلكترونية الخاص بك بناءً على معايير مختلفة، مثل التركيبة السكانية أو السلوك أو مصدر الإحالة. يمكّنك تقسيم جمهورك من تقديم رسائل وعروض مخصصة، وزيادة الملاءمة والمشاركة.
كيف يمكنني قياس فعالية النوافذ المنبثقة على هاتفي المحمول؟
يمكنك قياس فعالية النوافذ المنبثقة على هاتفك المحمول من خلال تتبع مقاييس مثل معدل التحويل ونسبة النقر إلى الظهور ومعدل المشاركة ومعدل الارتداد. توفر معظم أدوات النوافذ المنبثقة ميزات التحليلات وإعداد التقارير لمساعدتك في تقييم أداء النوافذ المنبثقة وتحسينها للحصول على نتائج أفضل.
تغليف
نأمل أن يكون هذا الدليل الشامل للنوافذ المنبثقة على الأجهزة المحمولة قد أعطاك إجابات لأسئلتك الأكثر إلحاحًا!
يمكن للنوافذ المنبثقة على الأجهزة المحمولة تحسين مشاركة المستخدم بشكل فعال وتعزيز التحويلات مع الحفاظ على تجربة تصفح إيجابية.
إذا كنت تريد البدء على الفور، فقم بإنشاء حسابك المجاني اليوم وانغمس في عالم النوافذ المنبثقة للهواتف المحمولة. خلق سعيد!