عندما نتحدث عن تصميم الويب في عام 2017 ، فنحن نتحدث عن تصميم الويب سريع الاستجابة . في أكثر من ست سنوات ، أصبح مصطلح "مستجيب" معيارًا صناعيًا واسع الانتشار.
تصميم الويب السريع الاستجابة هو عملية تصميم موقع أو تطبيق ويب ، بحيث يتم ضبط محتواه بشكل مناسب وفقًا للجهاز الذي يتم عرضه عليه. قبل بضع سنوات ، شاهدت مؤتمراً ممتازاً للمؤتمر عبر إيثان ماركوت - من صاغ هذا المصطلح "تصميم الويب سريع الاستجابة" - حيث شبه المواقع المتجاوبة بشجرة Pando في يوتا. كائن وحيد له بنية جذر متصلة ، ينبثق من الأرض في أماكن مختلفة ، سياقات مختلفة ، بأحجام مختلفة ، ولكن جميعها تحمل نفس الوراثة الأساسية.
يمكن القول إن اعتماد التصميم المستجيب هو الذي مكن نمو الويب المحمول ؛ وبدون ذلك ، فإن تكلفة تطوير موقع محمول بالتوازي مع إصدار سطح المكتب كان يعني أن العديد من الشركات تلتزم بهذه الأخيرة.
يتم نقل العلاقات المصممة للجوّال بشكل متكرر على شاشات عرض أكبر
لكن التصميم المستجيب لا يخلو من مشاكله. وبحسب التعريف ، تستجيب التصميمات سريعة الاستجابة لحجم إطار العرض ، وليس المحتوى. وقد تم طرح الاختلافات القائمة على الحاوية على استعلامات CSS الوسائط كحل ، ولكن حتى الآن مجرد ما بعد ذلك على السبورة البيضاء لشخص ما.
التصميم على نطاق واسع حول العلاقات بين العناصر ، وتقييد تلك العلاقات على شاشة صغيرة. علاوة على ذلك ، نظرًا لأن ترميزنا منظم بشكل دنيوي ، فإن العلاقات المصممة للهواتف المحمولة يتم نقلها كثيرًا إلى مناطق عرض أكبر.
إحدى أكثر قرارات UI شيوعًا في العام الماضي هي العدد المتزايد لقوائم الطعام التي يستخدمها همبرغر على سطح المكتب. ومع ذلك ، فقد تم توجيه القليل من الاهتمام إلى تخطيطات الجوال - وهي مجموعات أفقية من المحتوى مقسّمة إلى شبكة من 12 عمودًا - يتم زيادتها إلى سطح المكتب.
ربما يكون السؤال حول ما إذا كان تصميم الويب سريع الاستجابة هو سبب غير عادل ؛ يفترض أن التنوع والابتكار هما شريان الحياة لعملية التصميم. كما أنه يلقي اللوم على مفهوم ، إذا كان هناك اللوم على التقسيم ، فإنه بالتأكيد يكمن في التنفيذ. في الواقع ، يزدهر التصميم في كثير من الأحيان تحت أشد القيود - أعرف مصممًا يضيف قيوده الخاصة إلى ملخصات العملاء ، لأنه يشعر أن عمله أقوى عندما يواجه تحديات.
إذا كان هناك اللوم على التقسيم ، فإنه يكمن بالتأكيد في التنفيذ
يعمل التصميم المستجيب جيدًا بشكل لا يصدق مع العلامات التجارية ، ولكنه أقل من مثالي للتخطيط. قد يكون أفضل طريقة لتنفيذ التصميم المتجاوب هو إنشاء تصميمات مميزة لفئات مختلفة من إطار العرض ، والاعتماد على التقنيات المتجاوبة فقط للشاشات المماثلة. قد لا نعرف الأبعاد الدقيقة لكل شاشة ، لكننا نعلم أن الهاتف يجب أن يتناسب في الجيب ، فنحن نعلم أن الكمبيوتر المحمول لا يمكن أن يكون أضيق من لوحة المفاتيح الخاصة به.
قد يكون التصميم المتجاوب ببساطة فكرة تتخطى وقته في الوقت الذي ندركه ، وبمجرد تنفيذ أدوات مثل متغيرات CSS ، واستعلامات الحاوية ، سيصبح التصميم على الويب متنوعًا مرة أخرى.