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

5 طرق لجعل النوافذ المنبثقة تبدو رائعة على جهاز محمول (لتفاعلك...

النوافذ المنبثقة للجوال

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

دفع التحرك نحو عصر الهاتف المحمول أعلنت Google عن طرح فهرسة الهاتف المحمول أولاً كإعداد افتراضي لجميع مواقع الويب بدءًا من 1 يوليو 2019. كل هذه العوامل جعلت من دمج ممارسات التصميم سريعة الاستجابة عند تطوير مواقع الويب وتطبيقات الويب أمرًا ضروريًا الجميع.

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

اعتبارات مهمة قبل تنفيذ النوافذ المنبثقة للجوال

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

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

 

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

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

استخدام النوافذ المنبثقة لتعزيز تحويلات الهاتف المحمول

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

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

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

1. تصميم النافذة المنبثقة للجوال

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

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

يمنحك تصميم النوافذ المنبثقة المختلفة لإصدارات الويب والجوال لموقعك على الويب اليد العليا في التصميم ويوفر لك حرية التصرف لإرشادات Google.

2. انتبه إلى هدف اللمس

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

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

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

3. حافظ على حجم النافذة المنبثقة محدودًا

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

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

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

4. لا تقصف المستخدم بالنوافذ المنبثقة

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

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

5. فهم القصد وتقديم القيمة

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

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

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

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

راهول فارشنيا هو المؤسس المشارك ورئيس أركينيا. وقد ظهر راهول كأحد رواد الفكر التكنولوجي في العديد من القنوات الإعلامية مثل Bloomberg TV وForbes وHuffPost, Inc وغيرها.