أفضل ممارسات النوافذ المنبثقة للجوال: 9 نصائح لتصميم النوافذ المنبثقة التي يمكن تحويلها

إليك نصيحة غير سرية ، من شفاه مدمن الهاتف المعرّف على نفسه مباشرة إلى أذنيك: الناسملتصقونبهواتفهم. إنه في الأساس عضو حيوي. لا تكذب ، أنت واحد منا.

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

هذا سوف يفجر عقلك: بالنسبة إلى Shopify التجار ، استحوذ الهاتف المحمول على 69 ٪ من المبيعات خلال BFCM لعام 2019.

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

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

1. لا يجب أن يشغل الشاشة بأكملها ، وبالتالي يمنع المستخدم من مشاهدة المحتوى على موقعك ، أو ؛

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

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

فيما يلي بعض النصائح حول إنشاء نوافذ منبثقة فعالة للغاية للجوال تعمل على تحويل الزائرين إلى عملاء.

1. اختر تنسيقًا متوافقًا

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

بدلاً من ذلك ، إذا كنت تستخدم نافذة منبثقة ترحيبية ، فإن النشرات المنبثقة هي السبيل للذهاب. تبدأ هذه الأنواع من النوافذ المنبثقة بإعلان تشويقي في الزاوية أو أسفل الشاشة ، ثم يتم توسيعها عندما ينقر المستخدم ، مثل هذا من Hardcore Carnivore:

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

2. أو كن كبيرًا ، لكن كن لبقًا

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

قد يعني أيضًا ظهور نافذة منبثقة تظهر فقط بعد زيارة العميل لبعض صفحات الموقع.

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

3. التقسيم هو صديقك

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

1. زوار الموقع الجديد تمامًا (مثل Epicured أدناه)

2. المتصفحات التسلسلية الذين لم يشتروا من قبل

3. المتسوقون الذين تركوا عربتهم

4. العملاء المخلصين أو المشترين بشكل متكرر

5. أشار الزوار إلى موقعك من خلال وسائل التواصل الاجتماعي

6. تقع في منطقة جغرافية معينة

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

4. اجعل الحث على الشراء مباشرًا وواضحًا

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

لا يجب أن تكون الكلمات واضحة فحسب ، بل يجب أن تبرز CTA. استخدم لونًا متباينًا مثل اللون السماوي الكهربائي الخاص بـ Magic Spoon واجعل الزر كبيرًا بما يكفي بحيث يسهل النقر عليه عند استخدام شاشة لمس صغيرة.

5. اختر كلماتك

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

أولاً ، تذكر أنه ليس لديك مساحة فعلية كبيرة للعمل بها ، وقد لا يكون لدى المستخدمين عيون صغيرة. سيكون للنص الأكبر والأقل تأثيرًا أكبر تأثير ، مثل هذا من HELM Boots:

6. فكر في حقول النموذج الخاصة بك

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

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

قامت Seven Rock Life بتقليص حقول النموذج الخاصة بهم من خلال طلب البريد الإلكتروني ورقم الهاتف الخاصين بالزوار فقط ، مما يمنحهم الفرصة لإطلاق حملة تسويقية نصية للمتابعة.

7. Gamify

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

لإضفاء الإثارة على حملات الجوّال الخاصة بك ، جرب لعبة Spin-to-win لإنشاء تجربة مستخدم جذابة تحاكي الألعاب التي يحب الأشخاص بالفعل المشاركة فيها على هواتفهم. قد لا يكون الأمر ممتعًا مثل Candy Crush ، لكنه سيعمل. هذه النافذة المنبثقة من Ballwash تتوافق تمامًا مع صوت علامتها التجارية لسانها في الخد:

8. استخدم استراتيجية نية الخروج

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

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

9. تجنب الصور

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

الوجبات الجاهزة: كن حيث يوجد عملاؤك

إذا لم يكن لديك نوافذ منبثقة مصممة خصيصًا للجوال ، فستفقد الكثير.

الآن بعد أن رأيت مجموعة من الأمثلة من العلامات التجارية التي تفهمها بشكل صحيح ، يجب أن يكون لديك فكرة جيدة حقًا عما يهم أكثر.

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

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

المواضيع:
ماركات التجارة الإلكترونية
تسويق التجارة الإلكترونية
تحويل الموقع