نظرة سريعة على 30+ عدة سنوات من تصميم مواقع الإنترنت

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

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

مواقع الإنترنت مثل هذا 1 لم تفقد الوقت ، كلاهما. إذا كنت تريد أن ترى كيف يبدو موقع الويب في أي فترة زمنية مع الأخذ في الاعتبار حقيقة أنه تم إطلاقه ، فأدخل عنوان المجال الخاص به في Wayback Machine واختر يومًا. في هذه المقالة المكتوبة ، دعنا نقوم فقط بالبحث في كيفية تطور نمط موقع الويب ، بدءًا من واجهات المحتوى النصي فقط وصولاً إلى التصميمات السلسة والحالية التي نراها هذه الأيام.

أوائل التسعينيات: العصور القديمة

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

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

الوجبات الجاهزة لمواقع الإنترنت الحديثة:

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

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

منتصف التسعينيات: العصور الوسطى

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

كما نمت شعبية ميزات التخطيط الرسومية على الفور. تعد عدادات ضربات الموقع والنص المتحرك وصور GIF الراقصة مجرد عدد قليل من الميزات الرسومية التي تميز هذه الفترة الزمنية بنمط الشبكة.

الوجبات الجاهزة لمواقع الويب اليوم:

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

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

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

أواخر التسعينيات: عصر النهضة

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

على الرغم من استمرار تقديم الكثير من عناصر التصميم والأسلوب نفسها من الفترات السابقة ، فقد تم تحسينها بالرسوم المتحركة ومرئيات التاريخ المكسو بالبلاط وألوان النيون والأزرار ثلاثية الأبعاد وصفحات الويب المتدفقة والوسائط المتعددة الأخرى.

شكل Flash بداية أسلوب وتصميم يركزان على العملاء - أصبح البناء والملاحة معيارين حيويين وبدأ المصممون في التركيز على المظهر وقابلية الاستخدام الزائدة عن المواد النقية.

الوجبات الجاهزة لمواقع الإنترنت الحالية:

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

أوائل 2000s: التنوير

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

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

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

الوجبات الجاهزة لمواقع الإنترنت الحالية:

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

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

منتصف إلى أواخر العقد الأول من القرن الحادي والعشرين: الثورة الصناعية

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

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

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

الوجبات الجاهزة لمواقع الإنترنت اليوم:

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

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

2010 إلى الآن: العصر الحديث

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

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

ربما لاحظت أن موقعنا على الإنترنت قد احتضن كل هذه الخصائص بأحدث تصميم له:

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

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

إلى أين ستذهب مواقع الإنترنت لاحقًا؟

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

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

يجب أن يكون المحرر على دراية: تم نشر هذا العرض في البداية في يوليو 2013 وكان حاليًا من أجل الشمولية.