إرشادات لتصميم الويب الوحشي (2018)

توجد معظم مواقع الويب لتقديم محتوى لك لتستهلكه ، إما كلمات (مثل الموجودة في هذا الموقع) ، أو صور ، مثل Pinterest. لكي يكون المحتوى صادقًا مع هذه الطبيعة ، يجب أن يكون المحتوى قابلاً للقراءة في جميع المتصفحات. بعض الشاشات كبيرة جدًا ، والبعض الآخر صغير جدًا. بعض المتصفحات مثل قارئات الشاشة، ليس لديك شاشة على الإطلاق.

بشكل افتراضي ، موقع الويب الذي يستخدم ملفات HTML على النحو المنشود وليس له تصميم مخصص سيكون قابلاً للقراءة على جميع الشاشات والأجهزة. فقط فعل التصميم يمكن أن يجعل المحتوى أقل قابلية للقراءة ، على الرغم من أنه يمكن أن يجعله بالتأكيد أكثر. على سبيل المثال ، لا يستخدم موقع الويب هذا الأنماط الافتراضية ، ومع ذلك ، يمكن قراءته على أي شاشة بحجم.

موقع الويب هو ملف نص تشعبي المستند الذي يسمح بنوعين أساسيين من التفاعل: التنقل عبر ارتباط إلى موقع آخر ، وإرسال المعلومات مرة أخرى إلى الخادم. يتم تنفيذ هذه الوظائف ، على التوالي ، عن طريق الارتباطات التشعبية والأزرار.

على الرغم من أن JavaScript يسمح لأي عنصر بالرد على النقرة ، فإن مواقع الويب ليست تطبيقات ، ويجب ألا تحتاج الغالبية العظمى من مواقع الويب إلى اللجوء إلى مثل هذه الأعمال البطولية للسماح للزائر بالتنقل أو إرسال البيانات. علاوة على ذلك ، يمكن أن تؤدي المناطق القابلة للنقر في الصفحة التي لا تكون ارتباطات تشعبية أو أزرارًا واضحة إلى إرباك الزائر ، مما يتسبب في قيامه بإجراءات غير مرغوب فيها أو فقدان الروابط تمامًا.

إن خداع الزائر أو خداعه يتعارض مع طبيعة موقع الويب ، وهو تقديم المعلومات والتفاعل بأمانة مع الزائر.

كما ذكر متى مناقشة النقرات، يجب أن تستجيب الارتباطات التشعبية والأزرار فقط للنقرات ، لأن ذلك يحافظ على التفاعل الصادق والشفاف مع الزائر. للحفاظ على حقيقة المواد ، يترتب على ذلك أن ظهور هذه العناصر يجب أن يكون أيضًا صادقًا وواضحًا.

الارتباط التشعبي ليس له مثيل في العالم الحقيقي. منذ فجر الويب ، تملي الاتفاقية استخدام ارتباط تشعبي تسطيرًا للكشف عن وجوده (وهو حل رائع ، حيث لا مكان للتسطير في التنضيد الحديث). بسبب هذا الاصطلاح ، لا يوجد مؤشر أوضح للمحتوى أكثر من جزء بسيط من النص المسطر.

ومع ذلك ، فإن الأزرار لها نظير في كل من العالم الحقيقي وبرامج الكمبيوتر. نظرًا لكون المتصفح برنامج كمبيوتر ، فمن المنطقي أن الأزرار المعروضة في المتصفح يجب أن تبدو مثل الأزرار المعروضة على نظام تشغيل الكمبيوتر الذي يقوم بتشغيل المتصفح المذكور. بدون أي جهد على الإطلاق ، هذا بالضبط ما يحدث. انظر بنفسك:

هذا الزر لا لبس فيه ، سواء في وظيفته أو اختلافه عن الارتباط التشعبي. عندما يعد الرابط بمزيد من المعلومات للزائر ، يوافق الزر على الإرسال معلومات الزائر إلى الخادم. يخفي إخفاء هذا التفاعل خلف ارتباط تشعبي أو نص غير مزخرف الطبيعة الأساسية لموقع الويب.

ومع ذلك ، فإن المظهر المرئي الافتراضي للزر غالبًا ما يكون مزعجًا أو يتعارض مع اللغة المرئية للموقع. لحسن الحظ ، تشير العديد من الأشكال إلى وجود زر للزائر ، وغالبًا ما يكون من السهل تصميم زر لمطابقة اللغة المرئية للموقع بينما يبدو أيضًا قابلاً للضغط بشكل بارز. فيما يلي مثال لموقع يستخدم نظام ألوان أصفر وخطوط متسلسلة بها زر واضح:

لاحظ أيضًا أن عناصر النموذج صحيحة مع نفسها. يحتوي نظام التشغيل على لغة مرئية لجمع المدخلات من الزائر ، ويظل تصميم الويب الوحشي قريبًا من ذلك قدر الإمكان.

تحتوي جميع المتصفحات على زر مدمج يسمى زر العودة. هذا الزر هو شكل من أشكال “التراجع” ، حيث يعيد المستخدم إلى حيث كان قبل نقرة التنقل الأخيرة.

لكسر هذه الميزة الأساسية والدائمة للويب يتطلب التقاء التصميم والبرمجة (يمكن تطبيق مثل هذه الأعمال الفذة بشكل أفضل لتنعيم تجربة العودة بعد إرسال النموذج). كما يتطلب أيضًا إما جهل (أو ازدراء) زائر الموقع ، حيث أن زر الرجوع غالبًا ما يكون الوسيلة الوحيدة للتراجع عن نقرة خاطئة.

اعتبر أن مجمل كبرياء وتحامل بواسطة جين اوستن هو 708 كيلو بايت. لتنزيل هذا القدر الكبير من البيانات باستخدام اتصال محمول بطيء جدًا ، سيستغرق الأمر حوالي ثانية واحدة (جربه بنفسك قراءته على مشروع جوتنبرج). كبرياء وتحامل يزيد طوله عن 200 صفحة ، وسيستغرق ذلك ما يقرب من ست ساعات ليقرأ. بالتأكيد يمكن تنزيل مقال إخباري أو تغريدة أو كتالوج منتج وعرضه في فترة زمنية مماثلة رواية.

والخبر السار هو أنه من خلال الالتزام بالإرشادات الأخرى ، سيتم تنزيل موقع الويب الخاص بك وعرضه بسرعة. من خلال احتضان طبيعته ومواده ، يكون موقع الويب الذي يلتزم بتصميم الويب الوحشي سريعًا. يسمح لنظام الشبكة والمتصفح والمحتوى ونظام التشغيل بالعمل معًا بسلاسة وكفاءة ، كما صُممت من أجل. حتى مع الزخرفة والإعلان والصور ، فإن موقع الويب الذي يحتضن Brutalist Web Design سيحترم وقت الزائر وعرض النطاق الترددي والبطارية.