تختلف صفحات الويب المُحسَّنة للاستخدام على الأجهزة المحمولة عن تلك التي تظهر على أجهزة الكمبيوتر المكتبية والمحمولة. تم تصميم الأخير للشاشات الكبيرة والنقر الدقيق بالماوس ، بينما يتم تحديد حجم صفحات الويب للجوال للشاشات الأصغر والتنصت غير الدقيق بالإصبع.
- مصمم للشاشات الأصغر والتنصت غير الدقيق بالأصابع.
- مصمم للشاشات الكبيرة بنقر دقيق بالماوس.
نظرًا لأن غالبية زيارات موقع الويب تأتي من الأجهزة المحمولة ، يتم تكليف مصممي المواقع بتوفير إصدارات تعمل مع كل من الأجهزة المحمولة وأجهزة الكمبيوتر المكتبية.الأسلوب الأكثر شيوعًا هو استخدام تصميم ويب سريع الاستجابة ، والذي يوفر تلقائيًا الإصدار المناسب بناءً على جهاز المستخدم وحجم الشاشة ، كما يكتشفه المتصفح.
على أي حال ، تختلف صفحات الويب الملائمة للجوّال عن إصدارات سطح المكتب بعدة طرق.
تصميم الصفحة: شاشات الجوال بها مساحة أقل
- شاشات الهاتف الذكي والكمبيوتر اللوحي بقياس 4 إلى 10 بوصات قطريًا.
- أدوات قائمة قابلة للطي أو قابلة للتوسيع عادةً ما تحل محل الأشرطة الجانبية وقوائم الرأس الضخمة.
- رسومات كاملة العرض مع الاستخدام القضائي للمسافة بين النص.
- معظم شاشات سطح المكتب قياس 19 بوصة إلى 24 بوصة قطريا.
-
الروابط الدعائية وإعلانات البانر الكبيرة أكثر شيوعًا.
- نص أكثر كثافة مع مساحة أكبر للرسومات.
يتمثل الاختلاف الأكثر وضوحًا بين صفحات الويب على أجهزة سطح المكتب وصفحات الويب للجوّال في العقارات المعروضة على الشاشة. في حين أن معظم شاشات سطح المكتب تقيس ما لا يقل عن 19 بوصة إلى 24 بوصة قطريًا ، فإن الأجهزة اللوحية عادة ما تكون حوالي 10 بوصات. الهواتف الذكية حوالي 4 بوصات قطريًا. لا يؤدي مجرد التصغير إلى تحويل صفحة الويب بنجاح إلى إصدار متوافق مع الجوّال لأنه يجعل النص غير قابل للقراءة ويتطلب خطوة إضافية من زائر الموقع. أيضًا ، يصبح التنصت بدقة على العناصر الصغيرة أمرًا مستحيلًا.
لإصلاح المشكلة ، قد يزيل المصممون الأشرطة الجانبية والرسومات التي ليست ضرورية تمامًا. بدلاً من ذلك ، يستخدمون رسومات أصغر ويزيدون أحجام الخطوط ويطون المحتوى إلى عناصر واجهة مستخدم قابلة للتوسيع. قاد هذا القيد العقاري نوعًا مختلفًا تمامًا من التفكير بين مصممي الويب.
أيضًا ، عادةً ما تحل أدوات القائمة القابلة للطي أو القابلة للتوسيع محل الأشرطة الجانبية وقوائم الرؤوس الضخمة. في سعيهم لجعل كل ملليمتر من مساحة الشاشة مهمًا ، يقوم المصممون بإزالة المساحات البيضاء الزائدة ، مع التركيز بعناية على إمكانية القراءة.
حشد من الروابط الدعائية وإعلانات البانر الكبيرة لا تعمل فقط على الهاتف أو الجهاز اللوحي الصغير. بدلاً من ذلك ، تكون الإعلانات المنبثقة الصغيرة أكثر شيوعًا على صفحات الويب للجوال.
التخطيطات التي تحتوي على نص ملفوف حول رسم لا تعمل بشكل جيد على الأجهزة المحمولة. بدلاً من ذلك ، غالبًا ما يعطي المصممون هذه الرسومات العرض الكامل للشاشة ويقومون بتشغيل النص أسفل أو أعلى. وبالمثل ، فإن تصميم الويب الجيد يقسم النص إلى أجزاء لسهولة القراءة ؛ لا أحد يريد أن يقرأ جدرانًا صلبة من النص. يصبح هذا أكثر أهمية على الشاشات الصغيرة. يعد استخدام المساحات البيضاء بحكمة أمرًا بالغ الأهمية.
عناصر التحكم في الصفحة: دقة سطح المكتب مقابل النقاط الكبيرة للجوّال
- مناطق نقر كبيرة أو نقاط فعالة لتنقل أكثر دقة.
- عنوان URL مختلف: يضيف الحرف "م". غالبًا ما يكون خيارًا لعرض إصدار سطح المكتب من الموقع.
- غالبًا ما تحتوي بيانات اعتماد تسجيل الدخول على مساحة مخصصة ، وأحيانًا مع إمكانية الوصول إلى بصمات الأصابع.
-
روابط وزر أكثر دقة تعتمد على المؤشر.
على عكس مؤشر الماوس الدقيق على سطح المكتب ، فإن الإصبع البشري عبارة عن نقطة ، ويتطلب النقر أهدافًا كبيرة على الشاشة للارتباطات التشعبية. توفر المواقع المتوافقة مع الجوّال مناطق كبيرة للتنصت (أو نقاط فعالة) لتسهيل التنقل الدقيق.
تحتوي صفحات الويب الملائمة للجوال أيضًا بشكل شائع الحرف m في عناوينها ؛ على سبيل المثال ، عنوان Facebook المحمول هو m.facebook.com. عادةً ما يتم اختيار عنوان URL للجوال تلقائيًا عندما تتصفح باستخدام جهاز لوحي أو هاتف ذكي. في بعض الحالات ، سترى رابطًا قابلًا للنقر يتيح لك التبديل إلى إصدار سطح المكتب العادي للصفحة.
حقول تسجيل الدخول وكلمة المرور المخصصة لأجهزة الكمبيوتر المكتبية والمحمولة تصبح صغيرة وغير قابلة للاستخدام على الهاتف ، لذلك يقوم ناشرو الويب بتكبير حجم هذه الحقول ، ومنحهم أحيانًا صفحاتهم الخاصة لسهولة الاستخدام.أصبح تسجيل الدخول باستخدام بصمة الإصبع أو حساب آخر ، مثل Google أو Facebook ، شائعًا بشكل متزايد مع تطور إمكانيات الجهاز والخدمة.
لماذا يهم؟
تم تصميم صفحات الويب للجوال للأجهزة المحمولة وتختلف تمامًا عن الصفحات المصممة لقراءة سطح المكتب. بينما يمكنك عادةً عرض إصدار سطح المكتب لصفحة ويب على جهاز محمول ، والعكس صحيح ، فقد تم تصميمهما بشكل مختلف لتسهيل عرض المحتوى وقراءته والتنقل فيه.
