مقارنة بين نهجين مختلفين لتصميم الويب متعدد الأجهزة
يُعد تصميم الويب المتجاوب والتكيف منهجًا لإنشاء مواقع ويب متعددة الأجهزة تعمل جيدًا على مجموعة متنوعة من أحجام الشاشات. على الرغم من أن جوجل تستحسن تصميم الويب المتجاوب ، إلا أنها الأكثر شعبية بين الطريقتين ، فكلتا الطريقتين لتصميم الويب متعدد الأجهزة لها نقاط قوتها وضعفها.
دعونا نلقي نظرة على الاختلافات بين تصميم الويب التفاعلي والتكيفي ، مع التركيز بشكل خاص على هذه المجالات الرئيسية:
- سهولة التطوير
- مستوى التحكم لديك على التصميم
- اتساع دعم الجهاز / الشاشة
- كيف المستقبل ودية الحل
- سرعة التنزيل الإجمالية وأداء الموقع
بعض التعاريف
قبل أن نصل إلى مقارنات جنبًا إلى جنب مع تصميم الويب المتجاوب والتكيف ، فلنأخذ لحظة للنظر إلى تعريف عالي المستوى لهذين النهجين.
تحتوي مواقع الويب المتجاوبة على تنسيق مرن يتغير ويتكيف بغض النظر عن حجم الشاشة المستخدمة. تسمح استعلامات الوسائط للمواقع المتجاوبة بتغيير "on the fly" حتى إذا تم تغيير حجم المتصفح.
يستخدم التصميم التكيفي أحجامًا ثابتة استنادًا إلى نقاط توقف محددة مسبقًا لتقديم أفضل إصدار تخطيط لحجم الشاشة الذي يتم اكتشافه عند تحميل الصفحة لأول مرة.
مع هذه التعريفات العريضة ، دعونا ننتقل إلى مجالات تركيزنا الرئيسية.
سهولة التطوير
الاختلاف الأكثر أهمية بين تصميم الويب المتجاوب والتكيف هو الطريقة التي يتم بها تطبيق هذه الحلول على موقع الويب. لأن التصميم المتجاوب يخلق تخطيطًا مرنًا تمامًا ، فمن الأفضل استخدامه في المشاريع التي تقوم فيها بإعادة تصميم الموقع من البداية . غالبًا ما يكون محاولة تحديث رمز موقع إلكتروني حالي ليكون مستجيبًا أمرًا شاقًا لأنك ببساطة لا تملك مستوى التحكم الذي ستحصل عليه إذا كنت تقوم بتطوير هذا الرمز من الصفر وأخذ التصميم سريع الاستجابة في الاعتبار في المراحل الأولى من هذه العملية . ويعني هذا أنه عند إعادة تهيئة موقع ما ليكون متجاوبًا ، فإنك تضطر إلى تقديم تنازلات من أجل البقاء ضمن مصدر البرمجة الحالي.
إذا كنت تعمل مع موقع إلكتروني ثابت العرض ، فإن المقاربة التكيفية تعني أن بإمكانك ترك الحجم الذي تم تصميم الموقع من أجله بشكل صحيح وإضافة نقاط التوقف الإضافية عند الحاجة. في بعض الحالات ، إذا كانت ميزانية المشروع صغيرة ، وإذا لم تستوعب سوى كمية صغيرة من أعمال التطوير ، فقد تختار فقط إضافة نقاط توقف جديدة للتكيف مع أحجام أصغر على الشاشة / المحمول. هذا يعني أنك ستسمح للشاشات الأكبر لجميع استخدام نفس التخطيط - ربما نسخة نقطة توقف 960 وهو ما كان من المحتمل أن يكون هذا الموقع مصممًا في الأصل.
يتمثل الاتجاه الصعودي لنهج قابل للتكيف في أنه يمكنك الاستفادة بشكل أفضل من شفرة موقع موجود ، ولكن أحد الجوانب السلبية هو أنك تقوم بإنشاء قوالب تخطيط مختلفة لكل نقطة توقف تختار دعمها. وهذا ما سيكون له تأثير على حجم العمل المطلوب لتطوير هذا الحل والحفاظ عليه على المدى الطويل.
تصميم التحكم
إحدى نقاط قوة مواقع الويب المتجاوبة هي أن سيورتها تسمح لها بالتكيف ودعم جميع أحجام الشاشات بدلاً من نقاط التوقف المحددة مسبقًا والمحددة في نهج التكيف. إلا أن الواقع هو أن المواقع سريعة الاستجابة قد تبدو رائعة عند بعض أحجام الشاشات الرئيسية (عادةً ما تتوافق الأحجام مع الأجهزة الشائعة المتوفرة في السوق) ، ولكن التصميم المرئي غالباً ما ينهار بين تلك القرارات الشائعة.
على سبيل المثال ، قد يبدو الموقع رائعًا عند تخطيط الشاشة العريضة 1400 بكسل ، وحجم الشاشة المتوسطة 960 بكسل ، ونظر الشاشة الصغيرة 480 بكسل ، ولكن ماذا عن الحالات البينية لهذه الأحجام؟ كمصمم ، لديك القليل من التحكم في هذه الأحجام في ما بينها ، والنظرة البصرية للصفحة بهذه الأحجام غالبًا ما تكون أقل من مثالية.
مع وجود موقع ويب متكيف ، يمكنك التحكم في التصميم بشكل أكبر بكثير على التخطيطات المختلفة المستخدمة نظرًا لأنها أحجام ثابتة بناءً على نقاط التوقف المحددة. لم تعد تلك المشكلات المربكة بين الدول مشكلة منذ الآن لأنك صممت بعناية كل "نظرة" (أي كل عرض لنقطة التوقف) التي سيتم تسليمها للزوار.
قد يبدو ذلك جذابًا مثل هذا المستوى من التحكم في التصميم ، يجب أن تكون على دراية بأنه يأتي بسعر. نعم ، لديك السيطرة الكاملة على مظهر كل نقطة توقف ، ولكن هذا يعني أنك يجب أن تستثمر وقت التصميم المطلوب لتصميم كل من تلك التصاميم الفريدة. كلما زاد عدد نقاط التوقف التي تختار تصميمها ، زاد الوقت الذي ستحتاج إلى إنفاقه على هذه العملية.
اتساع الدعم
يتمتع كل من تصميم الويب المتجاوب والتكيف بدعم قوي جدًا ، خاصة في المتصفحات الحديثة.
تتطلب مواقع الويب المتكيفة إما مكونات من جانب الخادم أو جافا سكريبت لاكتشاف حجم الشاشة. من الواضح ، إذا كان الموقع التكيفي يتطلب جافا سكريبت ، فهذا يعني أن المتصفح يحتاج إلى تمكينه حتى يعمل هذا الموقع بشكل صحيح. قد لا يشكل هذا الأمر مصدر قلق كبير بالنسبة لك لأن معظم الناس لديهم جافا سكريبت في متصفحاتهم ، ولكن في أي وقت يكون فيه الموقع على درجة كبيرة من الاعتماد على أي شيء ، يجب ملاحظة ذلك.
ستعمل مواقع الويب المتجاوبة والاستعلامات الإعلامية التي تعمل بها بشكل جيد في جميع المتصفحات الحديثة. تكون المشكلات الوحيدة التي تواجهها مع الإصدارات الأقدم من Internet Explorer حيث لا تدعم الإصدارات 8 والإصدارات التالية استعلامات الوسائط . للتغلب على هذا ، غالبًا ما يتم استخدام polyfill Javascript ، مما يعني أن هناك اعتمادًا على Javascript هنا أيضًا ، على الأقل لتلك الإصدارات القديمة من IE. مرة أخرى ، قد لا يكون هذا الأمر مصدر قلق لك ، خاصة إذا أظهرت تحليلات موقعك أنك لا تستقبل العديد من الزائرين باستخدام إصدارات المتصفح القديمة هذه.
الود في المستقبل
إن الطبيعة المتغيرة لمواقع الويب المتجاوبة تمنحهم ميزة على مواقع التكيف عندما يتعلق الأمر بالملاءفة في المستقبل. وذلك لأن تلك المواقع المتجاوبة لا يتم بناؤها لاستيعاب سوى مجموعة من نقاط التوقف المحددة مسبقًا. أنها تتكيف لتناسب جميع الشاشات ، بما في ذلك تلك التي قد لا تكون في الواقع في السوق اليوم. وهذا يعني أن المواقع سريعة الاستجابة لن تحتاج إلى "إصلاحها" إذا أصبح قرار الشاشة الجديد شائعًا بشكل مفاجئ.
بالنظر إلى التنوع المذهل في منظر الجهاز (اعتبارًا من أغسطس 2015 ، كان هناك ما يزيد عن 24000 جهاز Android متميز في السوق) ، حيث إن وجود موقع يبذل قصارى جهده لاستيعاب هذه المجموعة الكبيرة من الشاشات يعد أمرًا بالغ الأهمية لتحقيق الصداقة في المستقبل. وذلك لأن هذا المشهد من غير المحتمل أن يصبح أقل تنوعًا في المستقبل ، مما يعني أن التصميم لشاشات أو أحجام معينة سوف يصبح مستحيلاً ، إذا لم نصل بالفعل إلى هذا الواقع.
على الجانب الآخر من سيناريو المقارنة ، إذا كان الموقع متكيفًا ولا يستوعب قرارات جديدة قد تصبح مهمة في السوق ، عندئذٍ قد تضطر إلى إضافة نقطة التوقف هذه إلى المواقع التي قمت بإنشائها. وهذا يضيف وقت التصميم والتطوير إلى المشاريع ، وهذا يعني أن هذه المواقع التكيفية يجب مراقبتها باستمرار لضمان عدم إدخال نقاط توقف جديدة في السوق يجب إضافتها إلى الموقع. مرة أخرى ، بما أن التنوع في الأجهزة هو ما هو عليه ، فإن الاضطرار إلى البحث باستمرار عن أحجام جديدة وإمكانية استيعابها مع نقاط التوقف الجديدة هو تحدٍ مستمر سيكون له تأثير على العمل الذي يجب عليك دعمه في الموقع وتكلفة تلك الصيانة الشركة أو المنظمة التي يكون الموقع مخصصًا لها.
أداء
منذ فترة طويلة اتهم تصميم الويب سريع الاستجابة (بشكل غير عادل في كثير من الحالات) بأنه حل ضعيف من وجهة نظر سرعة التنزيل / الأداء. ويرجع هذا إلى حد كبير إلى حقيقة أن العديد من مصممي الويب ، في الأيام الأولى من هذا الأسلوب ، قد عمدوا ببساطة إلى معالجة استعلامات الوسائط الصغيرة للشاشة على CSS الموجود في الموقع. أدى ذلك إلى إرغام الصور والموارد المخصصة للشاشات الأكبر على جميع الأجهزة ، حتى لو لم تستخدمها تلك الشاشات الصغيرة في تخطيطاتها النهائية. لقد حان التصميم المستجيب شوطا طويلا منذ تلك الأيام والواقع هو أن مواقع استجابة الجودة اليوم لا تعاني من مشاكل الأداء.
إن سرعات التنزيل البطيئة والمواقع المتضخمة ليست مشكلة موقع ويب مستجيبة - إنها مشكلة يمكن العثور عليها على جميع مواقع الويب. الصور التي تكون ثقيلة جدًا ، وتتغذى من الشبكات الاجتماعية ، والنصوص المفرطة والمزيد ، وتقلل من وزن الموقع ، ولكن يمكن تصميم كل من مواقع الويب سريعة الاستجابة والتكيُّف بحيث تكون سريعة التحميل. وبالطبع ، يمكن أيضًا بناءها بطريقة لا تجعل الأداء أولوية ، ولكن هذه ليست سمة من سمات الحل نفسه ، بل هي انعكاس للفريق الذي شارك في تطوير الموقع نفسه.
ما وراء التخطيط
أحد الجوانب الأكثر إقناعا لتصميم الويب التكيفي هو أنك لا تتحكم فقط في تصميم الموقع لنقاط التوقف المعينة ، ولكن أيضًا الموارد التي يتم توفيرها لإصدارات الموقع تلك. على سبيل المثال ، هذا يعني أنه لا يمكن إرسال صور شبكية العين إلا إلى أجهزة شبكية العين ، بينما تحصل الشاشات غير الشبكية على صور أكثر ملاءمة أصغر حجمًا في حجم الملف. يمكن تسليم موارد الموقع الأخرى (ملفات Javascript وأنماط CSS وما إلى ذلك) بذكاء فقط عند الحاجة إليها وسيتم استخدامها.
إن استخدام تصميم الويب التكيفي هذا يتجاوز المعادلة البسيطة لـ "إذا كنت تقوم بإعادة تهيئة موقع ويب ، قد يكون التكيف أكثر سهولة في الاستخدام". يمكن لجميع المواقع ، بما في ذلك إعادة تصميم كاملة ، الاستفادة من مقاربة أكثر ذكاءً لتجربة أكثر تخصيصًا.
يوضح هذا السيناريو الطبيعة الدقيقة لهذا النقاش "الاستجابة مقابل التكيف". في حين أنه من الصحيح أن النهج التكيفي قد يكون أكثر ملاءمة من الاستجابة لإعادة تهيئة الموقع ، إلا أنه يمكن أن يكون أيضًا حلًا رائعًا لإعادة التصميم الكامل. وبالمثل ، في بعض الحالات ، يمكن إضافة نهج سريع الاستجابة إلى قاعدة رمز الموقع الحالي ، مما يمنح هذا الموقع جميع مزايا النهج المتجاوب تمامًا.
النهج الذي هو أفضل؟
عندما يتعلق الأمر بتصميم الويب المتجاوب مقابل التكيف ، لا يوجد "فائز" واضح ، على الرغم من أن الاستجابة هي بالتأكيد المقاربة الأكثر شيوعًا. في الحقيقة ، يعتمد النهج "الأفضل" على احتياجات مشروع معين. علاوة على ذلك ، لا يجب أن يكون هذا الوضع "إما / أو". هناك العديد من محترفي الويب الذين يقومون ببناء مواقع تجمع بين أفضل تصميم ويب متجاوب (عروض السوائل ، والدعم المستقبلي) مع نقاط القوة في التصميم التكييفي (تحكم أفضل في التصميم ، والتحميل الذكي لموارد الموقع).
يُعرف هذا الأسلوب المعروف باسم RESS (تصميم الويب سريع الاستجابة مع مكونات الخادم الجانبية) أنه لا يوجد في الواقع "مقاس واحد يناسب جميع الحلول". كل من تصميم الويب المتجاوب والتكيف له نقاط قوته وتحدياته ، لذا تحتاج إلى تحديد أيهما سيعمل بشكل أفضل لمشروعك المحدد ، أو إذا كان الحل المختلط يناسبك بشكل أفضل.