لم يعد من الضروري التأكيد على أهمية إعداد موقعك للجوّال. ثورة المحمول هي التغيير الأكبر في تاريخ الويب القصير. والسؤال الوحيد هو ما إذا كان مستخدمو الهواتف الذكية والأجهزة اللوحية سيشكلون أكثر من نصف جمهورك هذا العام ، أو التالي.
مع وضع ذلك في الاعتبار ، أصبح تحسين صفحاتك المقصودة للجوال الآن عملية أساسية لكل مصمم. لا يجب أن يكون الأمر صعبًا ، ومع ذلك ، هناك قائمة تحقق بسيطة يمكنك تشغيلها للتأكد من أن موقعك جاهزًا لمتصفحات الجوال:
تعتبر قدرة موقع الويب على القياس على مختلف الأجهزة أمرًا حيويًا. هناك الآلاف من الأجهزة موجودة ، لذا فإن اختيار عدد قليل من أحجام الشاشات التمثيلية ليس عمليًا.
الإجابة المقبولة على هذا هو تصميم الويب سريع الاستجابة ، بعض الناس يجادلون على التكيف هو أفضل ، والبعض الآخر يجادل التكيف هو الشيء نفسه. هذه الحجج هي الدلالي حقا ، والنتيجة هي أن لديك القدرة على جعل موقعك يعمل على أي جهاز ، الحالية أو المستقبلية. الفشل في القيام بذلك سيكون غير مسؤول.
أحد الاعتبارات المهمة: تأكد من أن موقعك يتقاس بشكل صحيح في الوضع الرأسي والأفقي.
من الواضح أن الجوّال يوفر مساحة أقل لملاءمة المحتوى في الصفحة المقصودة. من الناحية المثالية ، احتفظ بالعناوين الرئيسية قصيرة ومختصرة إلى النقطة وحوالي ثلاث إلى أربع كلمات. وبالمثل ، اجعل الصفحة خالية من الفوضى قدر الإمكان ، مع وجود عدد منخفض من الوصلات وأقصى صورة واحدة ، إذا أمكن ذلك.
ضع محتوى في النقاط بحيث يمكن للعين أن تأخذها بسهولة ، دون الحاجة إلى التوقف والحول. أنشئ أيضًا دعوة واضحة للعمل لتجرب الزائر لزيارة بقية الموقع. يجب أن تعطي نوعًا من الحوافز ويمكن أن تكون بسيطة مثل زر يسمح للزوار باستدعاء النشاط التجاري ، وهو مفيد بشكل خاص للشركات المحلية التي تستخدم أيضًا خدمات الموقع.
هناك ما يشبه 75٪ من الباحثين الذين يتخذون إجراءً بشأن نتائج بحثهم في غضون ساعة ، لذلك من السهل معرفة السبب في وجوب أن تكون العبارة التي تحث المستخدم على اتخاذ إجراء قوية. ضع أيضًا العبارة التي تحث المستخدم على اتخاذ إجراء في مكان ما بالقرب من الجزء العلوي من الصفحة ، حتى يكون ذلك من أول الأشياء التي يراها زائر الجوّال.
نعم ، الحجم يهم حقاً - حجم الملف ، وهذا هو. يجب أن تكون الصفحة المقصودة سريعة التحميل دائمًا ، خصوصًا الصفحة التي سيتم الوصول إليها عبر جهاز محمول.
لا توجد قاعدة محددة — كلما كان ذلك أفضل بشكل أسرع — ولكن كدليل عام ، إذا كانت صفحتك المقصودة تستغرق أكثر من 3 أو 4 ثوانٍ للتحميل ، فستبدأ في فقدان الكثير من المستخدمين.
من الناحية المثالية ، يجب أن تكون صفحتك خفيفة للغاية ، أقل من 20 كيلوبايت. تستغرق الصور وقتًا طويلاً للتحميل ومن ثم يجب أن تبقى إلى أدنى حد ممكن. احتفظ بكامل تعليماتك مرتبة ومرتبة ، واستخدم صورًا متحركة إذا لزم الأمر ، واستخدم CSS بدلاً من الصور قدر الإمكان.
بالإضافة إلى حجم الملف ، فكر في عدد الطلبات التي يتم إجراؤها على الخادم ؛ عادة تلك الطلبات تتسبب في تأخير أكثر من تنزيل الملف الفعلي.
غالبًا ما يكون مستخدمو الجوّال في حالة تنقل ، لذلك استخدم خدمات الموقع. خصص الصفحة المقصودة لتكون ذات صلة بالمستخدمين المحليين ، ووفر لهم حوافز أيضًا. يمكنك تخصيص المحتوى للفرع المحلي لمتجر ، على سبيل المثال.
اعتمادًا على حجم ونطاق المشروع ، يمكنك أيضًا تعديل المحتوى الأساسي نفسه إلى الموقع.
القدرة على قراءة ما هو على الشاشة أمر حيوي ، وهذا هو السبب في أن أقل هو أكثر من ذلك. إذا كنت لا تستطيع قراءة النص مع الهاتف الذي تم الاحتفاظ به على طول الذراع ، فيجب أن تكون أكبر. كنت حقا محدودة للفضاء.
لا تجعل المستخدمين ينتقلون إلى ما لا نهاية ، وإلا سيشعرون بالملل بسرعة ويواصلون. نعم ، يمتلك الناس اهتمامًا قصيرًا على الإنترنت ، أقصر بكثير من قراءة مجلة أو كتاب ، لذلك يجب أن يجذب كل ما تفعله انتباههم فورا.
أي شيء يمكن النقر عليه في صفحتك المقصودة يجب أن يجتاز اختبار الإبهام. إذا لم يكن من السهل النقر عليه باستخدام الإبهام ، فقم بإعادة التفكير فيه. لوحة الروابط لترك الكثير من الفضاء حولهم قدر الإمكان ، وترك مساحة واسعة بين الروابط. سيقلل هذا من فرص قيام المستخدم بالنقر على روابط خاطئة ويترك الإحباط.
يمكن استخدام المكونات الإضافية لضمان إمكانية تمرير الصور بسهولة ، على الرغم من أن وضع الصور على الصفحة المقصودة ليس موصى به تمامًا.
إذا وضعت نموذجًا على الصفحة المقصودة ، فاحتفظ به بسيطًا جدًا ، ولا تستهلك مساحة كبيرة. النماذج التي تتطلب الكثير من المدخلات يتم إيقافها وتحقق معدل تحويل أقل من النماذج البسيطة. لذلك ، أضف أقل عدد ممكن من الحقول.
مرة أخرى ، يشعر الأشخاص بالملل بسرعة ، لذا فإن منحهم نموذجًا طويلاً لملئه سيجعلهم أكثر عرضة للتخلي عن الموقع.
يجب أن يكون التنقل بسيطًا ومباشرًا. حافظ على الأزرار إلى الحد الأدنى ، وتأكد من اجتياز اختبار الإبهام. حاول إضافة أزرار إلى مناطق مختلفة من الصفحة حتى يمكن اتباع مسار منطقي.
اختبر الصفحة المقصودة تمامًا للتأكد من أنها تعمل بفعالية على الجوّال. يعتبر اختبار A / B التي ثبت أنها تزيد من عدد العملاء المتوقعين بنسبة تصل إلى 40٪ في بعض الحالات.
من خلال اختبار A / B ، يمكنك إنشاء تصميمتين للصفحة نفسها ، A و B. ثم يتم تقسيم حركة المرور بين كل تصميم لمعرفة أيهما يحقق أفضل أداء. استخدم المقاييس الأكثر أهمية للمشروع ، مثل معدل التحويل ، والمبيعات ، ومعدل الارتداد. في نهاية الاختبار ، انتقل إلى الاختبار الذي يحقق أفضل أداء ، وستكون في منتصف الطريق للحصول على تصميم مثبت.
هناك الكثير من المحاكيات المحمولة ، ولكن أيهما تختار ، تأكد من أنك تستخدمه فقط في الجولة الأولى من الاختبارات. لاختبار بشكل صحيح يجب عليك استخدام الأجهزة الحقيقية. التسول والاقتراض وسرقة إذا لزم الأمر ، تحقق من موقعك على أكبر عدد ممكن من الأجهزة الحقيقية التي يمكنك وضع يديك عليها.
كلما زاد عدد النقرات أو الإجراءات التي يتعين على المستخدم إجراؤها ، قلّ احتمال إتمامها. السماح للناس بالوصول من النقطة A إلى النقطة B في أقل عدد ممكن من النقرات. اجعل كل جانب من جوانب التنقل والعبارة التي تحث المستخدم على اتخاذ إجراء بسيطة للغاية.
هذه هي أهم الأشياء التي يجب وضعها في الاعتبار عند تحسين الصفحة المقصودة للجوال. تذكر طوال عملية التصميم أن الجوّال هو وسيط مختلف للكمبيوتر الشخصي. يمتلك الناس قدرًا أقل من الصبر على الجوّال نظرًا لأنهم دائمًا ما يكونون في الطريق ويريدون إكمال مهمتهم مع الحد الأدنى من الجلبة. كما أن أوقات التحميل البطيئة والتفاعلات غير المستجيبة تثير غضب الأشخاص أيضًا ، لذا ، خذ الوقت الكافي للحصول عليها بشكل صحيح.
قد يكون الحصول على هذا الحق أمرا مجزيا وقد يعني الفرق بين أداء الموقع بشكل جيد مقابل المنافسة وفقدان الزائرين.