صفحات الهبوط المخصصة للجوال للإعلانات الأصلية: قواعد التصميم التي تحقق التحويلات

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

لماذا يفشل نهج "سطح المكتب أولاً ثم التكيف" في كثير من الأحيان#

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

صمم للإبهام، وليس للفأرة#

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

وزن الصفحة هو رافعة للتحويل، وليس مجرد قلق تقني#

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

التخطيط: عمود واحد، تدفق رأسي، لا مفاجآت جانبية#

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

ما يجب تجنبه لأن الشبكات ستشير إليه#

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

الطباعة وإيقاع القراءة على شاشة صغيرة#

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

أهداف اللمس التي تتجاوز زر الحث على اتخاذ إجراء الرئيسي#

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

النماذج: حقول أقل، أنواع إدخال أصلية#

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

تفاصيل الموقع الجغرافي واللغة التي تعيق صفحات الجوال تحديداً#

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

التعامل مع واجهة المستخدم التي تحقنها الشبكة فوق صفحتك#

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

التحقق مما يعمل بالفعل على الشبكات التي يهيمن عليها الجوال#

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

التداخل بين إمكانية الوصول والتحويل أكبر مما يتوقعه الناس#

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

الاختبار الذي يهم فعلياً#

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