تصميم موقع الجوّال معقد ، نظرًا لأن أحد إصدارات الجوّال لموقع ما قد لا يكون متوافقًا مع كل جهاز. يجب على المصممين أن يكونوا على دراية بأفضل ممارسات التصميم لجعل تواجدك المحمول ذو معنى وجدير بالاهتمام.
هناك جدل مستمر بين مطوري الويب حول طريقة إنشاء موقع ويب محسّن للجوّال هو الأفضل. هناك ثلاث طرق رائدة لتطوير موقع ويب للجوّال.
هؤلاء هم:
- تصميم الويب سريع الاستجابة.
- مواقع مخصصة للجوّال.
- RESS: تعرض برمجة جانب الخادم CSS و HTML ، اعتمادًا على نوع الجهاز.
كل طريقة لها إيجابيات وسلبيات. يجب على مطور ويب أن يكون على دراية بكل أسلوب لتطبيق أفضل أسلوب للتعامل مع الموقف.
3 طرق لتصميم موقع محمول
تصميم الويب سريع الاستجابة (RWD)
يعتمد RWD على استعلامات وسائط CSS3 لمحاذاة تخطيط صفحة الويب بحجم منطقة عرض الجهاز. يتم استخدام شفرة HTML نفسها لتقديم تخطيطات مختلفة لصفحة الويب للأجهزة اللوحية وأجهزة الجوال وأجهزة سطح المكتب وغيرها من الأدوات الذكية.
فوائد:
- سيحتوي موقع الويب الخاص بك على محتوى مماثل وترميز HTML ، بحيث سيحصل زوار الجوال على نفس التجربة ، بغض النظر عن نوع الجهاز الذي يستخدمونه.
- يسهّل عنوان URL واحد على المستخدمين الربط والمشاركة في المحتوى. (إذا كانت صفحة الويب متاحة في أكثر من عنوان URL واحد ، يمكن أن يصبح المستخدمون مرتبكين).
السلبيات:
لا يمكن تحسين محتوى الجوال بشكل منفصل. لذلك ، لا يمكن للمصمم الذي يستخدم RWD تخصيص المحتوى بشكل منفصل لمستخدمي الجوال.
وفقًا لبيانات كانون الثاني 2013 من أرشيف HTTP ، يبلغ متوسط صفحة الويب 1.3 ميغابايت. ومع ذلك ، فإن معظم مواقع RWD أكبر نسبيًا. يقلل هذا الحجم الأكبر من أداء مواقع الجوّال ، مما يجعلها أبطأ.
مستخدمو الجوّال أكثر تناغمًا مع أنماط تصميم واجهة المستخدم المخصصة للجوّال. علاوة على ذلك ، اعتاد مستخدمو الجوّال على تعدد المهام. ما لم يتم تخصيص بنية التنقل لأجهزة معينة ، يمكن للمستخدمين مواجهة المشاكل عند محاولة تنفيذ العديد من المهام في وقت واحد.
مواقع مخصصة للهاتف المحمول
تعمل هذه الطريقة على تحسين تجربة مستخدمي الجوّال من خلال إنشاء موقع ويب منفصل تمامًا.
فوائد:
- بساطة الإدارة: يلزم إجراء تغييرات منفصلة لمواقع الجوّال وسطح المكتب. تقتصر التغييرات التي يتم إجراؤها على كل نسخة منها. هذا يعني أنه لا يمكن الوصول إلى التغييرات المخصصة لمنصة الهاتف المحمول من سطح المكتب.
- أثناء تطوير موقع ويب خاص بالجوال ، يصبح من الأسهل تبسيطه وتحسينه خصيصًا لهذا الجمهور.
- يمكن تخصيص بنية المحتوى والتنقل لمستخدمي الجوال.
السلبيات:
تصبح مشاركة صفحة ويب عبر وسائل التواصل الاجتماعية أكثر صعوبة ، نظرًا لوجود مواقع مخصصة للجوّال ، هناك عناوين URL متعددة للصفحات. عندما ينقر مستخدمو سطح المكتب على عناوين URL للجوّال التي تتم مشاركتها على الأنظمة الأساسية للوسائط الاجتماعية ، قد يتسلمون عن غير قصد إصدار الجوال من الموقع بدلاً من إصدار سطح المكتب.
لتجنب مشكلات المحتوى المكررة ، يجب على مطور الويب استخدام العلامات الوصفية rel = ”alternative” و rel = ”canonical”. إذا بحث مستخدم الجوّال في Google ونقر على عنوان URL لسطح المكتب ، فسيعرض المستخدم إما إصدار سطح المكتب أو ستتم إعادة توجيهه إلى إصدار الجوال لصفحة الويب. إذا كان إصدار الجوال غير موجود ، فسيتلقى المستخدم رسالة خطأ.
يعني إنشاء موقع ويب مختلف تمامًا لمستخدمي الجوّال أنه سيتم تخصيص الموقع خصيصًا لمستخدمي الجوّال. ومع ذلك ، من أجل تحقيق هذا الهدف ، يجب على مطوري الويب أن يقطعوا الوظائف والمحتوى ، الذي يتحول إلى كابوس بالنسبة لهم.
تصميم الويب سريع الاستجابة+ مكونات الخادم الجانبية (RESS)
تعتمد هذه الطريقة على برمجة جانب الخادم لتوفير HTML و CSS مخصصين لأجهزة مختلفة. سيكون رمز مستخدمي الجوّال مختلفًا عن مستخدمي سطح المكتب.
يتمثل الهدف الرئيسي وراء هذا التنفيذ في تحسين أداء موقع الويب. تعمل هذه الطريقة بشكل جيد عند دمجها مع تصميم الويب سريع الاستجابة. لذلك ، يمكن الإشارة إلى هذا التنفيذ باسم "استجابة تصميم الويب" + مكونات جانب الملقم (RESS).
فوائد:
- يمكن تخصيص بنية التنقل للمهام المختلفة التي يقوم بها مستخدمو سطح المكتب والجوّال.
- يمكن للمطورين إزالة عناصر الصفحة من HTML و CSS لتحقيق العرض المطلوب.
- من الممكن إزالة JavaScript غير الضرورية من HTML ، والتي تحرر موارد وحدة المعالجة المركزية والذاكرة وذاكرة التخزين المؤقت لأجهزة الجوال.
السلبيات:
- يزيد HTML الديناميكي من الحمل على الخادم.
- لا يمكن الاعتماد على الكشف عن الجهاز.
- تم تحسين HTML و CSS لأداء الجوال. يستخدم إصدار سطح المكتب المزيد من طلبات HTTP و Java Scripts.
الطريقة التي تختار؟
يعتمد قرار تصميم موقع محسّن للجوّال على المنتجات التي تبيعها ، والجمهور المستهدف ، والاستثمار المطلوب ، والمنافسة ، ومعدلات التحويل ، وما إلى ذلك. تعتمد طريقة التصميم التي ستعمل بشكل أفضل على تنسيقات الشاشة وأنظمة التشغيل والمتصفحات و القرارات.
لا يتم تنفيذ معظم مواقع تصميم الويب الأكثر استجابة على النحو الأمثل ، ونتيجة لذلك ، تستغرق هذه المواقع وقتًا أطول لتحميلها. بما أن المنافسة شرسة ، فقد تفقد العملاء إذا كان أداء موقعك أبطأ. سيتحول المستخدم ببساطة إلى موقع ويب آخر يستغرق وقتًا أقل لفتحه. على الرغم من أنه من الممكن إنشاء مواقع ويب ذات أوقات تحميل أقصر مع مواقع مخصصة للهواتف المحمولة ، إلا أن هناك العديد من العوائق المرتبطة بهذا التنفيذ أيضًا.
توفر RESS مزايا RWD للتغلب على سلبيها الرئيسيين. العيب الرئيسي لنظام RESS هو أن اكتشاف الجهاز غير موثوق به. يجب عليك الاختبار بشكل متكرر للأجهزة الجديدة لضمان استمرار العملية بشكل صحيح.
هناك خدمات مثل DeviceAtlas و WURFL وغيرها يمكنها اكتشاف الأجهزة الجديدة. سيكون مساعدة كبيرة لتحديث الأجهزة الجديدة في قاعدة البيانات الخاصة بك.
لا ينجح تصميم ويب الجوال إلا عندما يتم عرض موقع ويب بشكل صحيح على جهاز محمول. على الرغم من أنها مهمة شاقة للمصممين لتمثيل جميع الأجزاء الأساسية من موقع سطح المكتب في نافذة صغيرة متنقلة ، فكل يوم تظهر تقنيات جديدة تجعل مواقع الويب للجوّال أفضل وأسرع وأكثر تميزًا.
موقع تليفون صور عبر Shutterstock
15 تعليقات ▼
