دورة تصميم المحتوى والمحتوى
لقد حان التصميم على شبكة الإنترنت دائرة كاملة من أيامها الأولى.
لقد كان هناك إحياء لتصاميم مواقع ويب بسيطة ، والتي وضعت المحتوى في المقدمة بشكل مباشر ، متجنبة الرسومات الجريئة والحيل في العقد الماضي أو نحو ذلك ، على غرار الطريقة التي وضعت بها المواقع الإلكترونية الأولى التركيز على الوظيفة والمحتوى.
ولكن من المرجح أن تتحرك الويب وطريقة تصميمها في دورات ، كما تفعل معظم الاتجاهات. في مرحلة ما في المستقبل القريب ، قد نرى مرة أخرى مواقع تحتوي على "تصميمات" علنية أكثر ، مع انخفاض المحتوى بدرجة كبيرة من الأهمية.
ستلاحظ طوال هذه المقالة أن هناك حالات وضعت فيها "تصميم" بين علامتي اقتباس. بالطبع ، تم تصميم جميع المواقع إلى حد ما أو آخر ، والتصميم لا يعني فقط الرسومات.
هناك علامات للتمييز بين التصاميم العلوية والهيمنة بصريا والممارسة العامة للتصميم.
في البداية…
في الأيام الأولى للإنترنت ، كان هناك "تصميم" صغير للغاية. بالنسبة للجزء الأكبر ، كانت صفحات الويب عبارة عن نصوص ، ربما تحتوي على صورة أو اثنتين تم إدخالهما لإجراء قياس جيد. ويعزى الكثير من هذا إلى حدود النطاق الترددي ومخاوف بشأن وقت التحميل (عندما يكون الجميع في وضع الطلب الهاتفي ، وكل أعداد تهمهم). وكان الكثير من ذلك بسبب عدم وجود العديد من وظائف "التصميم" المدمجة في معايير الويب.
أضف في مشكلات المتصفحات المختلفة التي تعرض الأشياء بطرق مختلفة تمامًا ، ويمكنك معرفة سبب عدم إزعاج أي شخص تقريبًا بالتصميم ، بخلاف أنماط نصية قليلة. سادت المحتوى العليا (جنبا إلى جنب مع GIF المتحركة في بعض الأحيان).
كانت شبكة الإنترنت جديدة ، وقد اقترب منها الناس إلى حد كبير مثل تصميم الطباعة. لم يكن هناك العديد من مصممي الويب "المحترفين" ، وكان هناك عدد أكبر من الأشخاص الذين يصممون للويب الذين جاءوا من خلفية برامج بدلاً من خلفية تصميم. ولهذا السبب ، تم إبقاء التصميمات المرئية في حدها الأدنى أو كانت سيئة بالفعل.
ينبغي أن نذكر هنا مدى انتشار خلفية "ليلة مضيئة بالنجوم" في تصميمات مواقع الويب المبكرة. انها نظرية أن انتشار خلفية الفضاء الخارجي هذا يرجع إلى العدد الكبير من محبي ألعاب الخيال العلمي وألعاب الفيديو التي كانت على الإنترنت في وقت مبكر إلى منتصف التسعينات. في بعض الأحيان كانت هذه الخلفيات تتكون من صور مبلطة ثابتة ، بينما في أحيان أخرى كان لديهم وميض متحرك أو متلألئ. في كلتا الحالتين ، كانت شائعة بشكل لا يصدق في المواقع المبكرة.
كان النص الوامض أحد أسوأ الاتجاهات في الأيام الأولى من تصميم الويب. كان نص قوس قزح (وخاصة النص المتحرك الذي غير الألوان في حلقة مستمرة) اتجاهاً آخر اختفى من مواقع الويب الاحترافية (على الرغم من أنه لا يزال يتم مشاهدته في بعض الأحيان على المواقع المبنية من الهواة ، ويعود مباشرة إلى منتصف التسعينات ، على الرغم من أنه لا يتم بشكل عام حتى تلميح من الحنين إلى الماضي). كانت هذه أول محاولات كبيرة في "التصميم" البصري على الويب.
إطارات وجداول وفلاش وذروة "تصميم"
لم يمض وقت طويل حتى اكتشف الناس أنهم يستطيعون تنسيق مواقعهم على الويب باستخدام جداول HTML. في حين أن هذا أدى إلى تطوير عالم تصميم الويب ، فقد نتج عنه أيضًا بعض التصميمات الرهيبة لمواقع الويب. كما أضاف إلى حجم مواقع الويب ولأوقات التحميل ، حيث إنها تتطلب صور خلفية متعددة لإنشاء التصميم في معظم الحالات.
كانت الإطارات طريقة أخرى قام بها العديد من منشئي مواقع الويب بتنسيق محتواهم. سيحتوي إطار واحد على عناصر تنقل ، بينما سيحتوي الآخر على المحتوى الرئيسي. سيظل إطار التنقل ثابتًا حيث تم تحميل محتوى جديد. تم استخدام الإطارات أيضًا لعرض الروابط خارج الموقع مع الحفاظ على عنوان الموقع الأصلي أو معلومات أخرى (لا يزال يستخدم هذا الأسلوب من قبل عدد من المواقع اليوم ، وعلى الأخص About.com ).
كان فلاش أيضًا يدخل في نفس الوقت تقريبًا ، وكان يستخدم لإنشاء مواقع تفاعلية متحركة بالكامل. كانت أوقات تحميل مواقع الفلاش أطول في كثير من الحالات ، ولكن مع تزايد انتشار الإنترنت عريض النطاق ، أصبحت أوقات التحميل أقل أهمية.
كان الإنترنت في ذلك الوقت يهيمن عليه "التصميم". المحتوى ، في العديد من الحالات (معظم؟) ، اتخذ مقعد الخلفي إلى نمط مرئي. أراد المصممون (المحترفون والهواة على حد سواء) إظهار مهاراتهم في التصميم ، وعانى المحتوى وقابلية الاستخدام. لكن الشبكة كانت لا تزال صغيرة نسبياً ، ولم تكن جزءاً من الحياة اليومية لبلايين الناس ، كما هي الآن.
كانت بنية المعلومات وسهولة استخدامها لا تزال في بداياتها على الإنترنت ، وتم تجاهلها إلى حد كبير من قبل الكثير من المصممين. كانت الجرس والصفارات هي محور التركيز الرئيسي ، بغض النظر عما إذا كانت قد حسّنت بالفعل تجربة المستخدم.
الويب 2.0: موازنة المحتوى والتصميم
مع ظهور الويب 2.0 ، والمدونات ، والمزيد من المحتوى الذي أنشأه المستخدمون ، بدأ المحتوى يصبح أكثر أهمية. كان التصميم الجريء لا يزال مهمًا ، ولا يزال يفكر كثيرًا ، وفي بعض الحالات لا يزال له الأولوية على المحتوى الذي يتم عرضه.
Squidoo هو مثال رائع على أساليب التصميم الشائعة في Web 2.0.
كان هناك عدد قليل من المواقع خلال هذه الفترة التي وضعت التركيز بشكل أكبر على المحتوى (ربما تكون ويكيبيديا هي الأبرز من بين هذه المواقع) ، ولكن التصميم العلني ما زال يلعب دوراً رئيسياً في معظم الحالات.
يمكن إضافة Web 2.0 مع التأكيد على المحتوى وأخيراً إعطاء وظيفة على الأقل بنفس أهمية الشكل. معظم مواقع الويب 2.0 كانت سهلة الاستخدام نسبياً وركزت على تجربة المستخدم. كان لا يزال هناك بروز على عناصر "التصميم" والرسومات ، ولكن بشكل عام ليس على حساب محتوى الموقع وسهولة الاستخدام.
تصميم ماي سبيس
ربما يكون أسوأ ما يخرج من عصر Web 2.0 هو ما سأطلق عليه "تصميم MySpace". بريق الرسومات. قوس قزح وحيدات. تركيبات لونية فظيعة وغير قابلة للقراءة. صفحات مع كل شيء متحرك. وجميع المولدات التي سمحت للأشخاص الذين ليس لديهم خلفية تصميم ولا معرفة بـ HTML أو CSS لإنشاء صفحات ملف تعريف أكثر فظاعة من أي "تصميم" للهواة تم إنشاؤه في الأيام الأولى من الويب. ولإضافة الإهانة إلى الإصابات ، كانت مكتوبة في الغالب بتنسيق HTML و CSS ذي تنسيق سيئ.
لحسن الحظ ، فإن هذه الأنواع من المواقع والصفحات المتضخمة والمبالغ فيها قد سقطت على جانب الطريق. من المؤكد أنها لا تزال تظهر بشكل شائع في ملفات MySpace الشخصية للفتيات في سن الرابعة عشرة (من بين العديد من الديموغرافيات الأخرى) ، ولكن لحسن الحظ لم ينتقلن إلى الشبكة العامة كثيرًا. فيما عدا Cornify ، بالتاكيد.
التركيز هو العودة على المحتوى
في العامين الماضيين ، كان هناك عودة في تصاميم بسيطة ونظيفة. حتى التصاميم التي يمكن اعتبارها "grungy" أو "Web 2.0" - غالباً ما يكون لها بساطة عنها. يتم وضع التركيز بشكل مباشر على المحتوى.
تتميز مجلة Frieze بتصميم نظيف وبسيط للغاية ، مع التركيز بشكل مباشر على المحتوى.
أحد الأسباب التي تدفع هذا الاتجاه هو عدد الأشخاص الذين يتصفحون الويب على الهواتف الذكية. لا يرغب المستخدمون الذين يتصفحون من iPhone أو أي هاتف ذكي بشاشة كبيرة بالضرورة في عرض موقع للجوّال. لكن التصفح في موقع معقد للغاية هو عمل روتيني على شاشة صغيرة.
تعد Typographica مثالاً رائعًا آخر على الموقع الذي يعطي مرحلة مركز المحتوى.
تقدم هذه التصاميم الجديدة المحتوى بينما تختفي بسلاسة في الخلفية. فهي تجعل من السهل على الزائرين التصفح والعثور على ما يبحثون عنه ، وتعزيز التجربة بشكل عام. لكنها ليست واضحة أو متفاخرة ، ومعظم الناس لا يلاحظونها بوعي. إنه انحراف كبير عن التصاميم البارزة منذ أواخر التسعينيات.
المحتوى مقابل النمط
في كثير من الأحيان ، ينظر المصممون ولا سيما عملائهم إلى المحتوى والأسلوب (أو التصميم) بشكل منفصل. إنهم ينظرون إلى الكيانين ككيانين منفصلين يتعين عليهما العمل بطريقة ما. أو على الأقل تتعايش في نفس المكان.
هذه هي الطريقة الخاطئة للاقتراب من المشروع. يجب تحسين المحتوى الخاص بك عن طريق النمط المرئي لموقع الويب الخاص بك. وينبغي إنشاء العناصر المرئية لدعم المحتوى ، وجعله أكثر قابلية للاستخدام للزائرين. إن معالجة المحتوى والتصميم كأمرين منفصلين يؤديان إلى منتج نهائي غالبًا ما يكون غير موجود.
اطّلع على المحتوى الذي يحتاجه موقعك للتضمين ، وفكّر في أفضل طريقة لعرض هذا المحتوى ضمن التصميم. من المرجح أن يؤدي اتباع نهج شمولي إلى تصميم يوفر المحتوى دون عناء ، دون جذب الانتباه إلى نفسه.
الطبيعة الدورية للتصميم
بينما يتطور التصميم باستمرار ، فإنه يتحرك أيضًا في دورات منتظمة إلى حد ما. لقد وصلنا إلى دائرة كاملة من الأيام الأولى لتصميم الويب إلى حيث يمثل المحتوى التركيز الرئيسي لمواقع الويب. ومع ذلك ، فقد نما الكثير من الأيام الأولى من الويب لدرجة أن لا أحد يخلط بين تصميم موقع جيدًا عام 2010 وواحد صمم في عام 1995.
من المرجح أن يعود الظهور المرئي ، الذي يسيطر على التصميم المرئي ، إلى الظهور في السنوات القادمة ، ولكن من المحتمل أن يكون قد تطور وتطور إلى درجة أنه لم يعد ضارًا بتجربة المستخدم.
مع انتشار الفيديو وغيره من المحتويات غير النصية مقترنة بالإمكانيات الجديدة التي يقدمها CSS3 و HTML5 ، من المنطقي أن تستحوذ الرسومات مرة أخرى على مركز الصدارة.
مكتوبة حصرا ل WDD من قبل كاميرون تشابمان
كيف ترى العلاقة بين التصميم والمحتوى ودورات الحياة المعروضة على هذا المنشور؟ يرجى مشاركة وجهات نظرك أدناه ...