تصميم الويب الوحشي وتصميم الويب البسيط ومستقبل Web UX
نشرت: 2022-03-11هل أصبحت مواقع الويب أكثر فوضوية وتشويشًا وغير مكرر؟ هل تم كسر قواعد التصميم الجيد؟ هل أصبح الويب قبيحًا؟ هل هذا الاتجاه الجديد؟
إذا كنت مثل معظم المصممين وتولي اهتمامًا وثيقًا لما يحدث ، فقد سمعت كلمة وحشية يتم إلقاؤها منذ فترة. تنتقل مواقع الويب الوحشية بعيدًا عن الواجهات سهلة الاستخدام التي لطالما كانت أفضل ممارسات الصناعة وتركز بدلاً من ذلك على مواقع HTML غير الكاملة والمشفرة يدويًا. يبدو أن المصممين يتخلصون من قواعد تجربة المستخدم كما نعرفها ، تاركين كل شيء في حالة من الفوضى.
تعتبر مبادئ التصميم الأنيق والمعاصر شائعة جدًا لدرجة أننا بالكاد نفكر فيها كخيار أسلوبي. يعني تصميم الويب "الجيد" عمومًا أنه يلتزم بقواعد التقليلية. واجهات نظيفة وبسيطة ومرتبة - ولكن لم يكن هذا هو الحال دائمًا. دعونا نعيد عقارب الساعة للوراء بضعة عقود.
ولادة الويب
لقد قطع تصميم الويب شوطًا طويلاً منذ عام 1991 عندما تم نشر أول موقع على الإطلاق. بدأت ثورة الإنترنت عندما كانت مواقعها الأولى تعتمد حصريًا على النصوص باستخدام الجيل الأول من HTML.
ثم جاء Flash مع كل تلك المواقع المتحركة المجنونة التي يتذكرها الجميع بالتأكيد. جاء تطوير CSS (Cascading Style Sheets) ، مما يوفر لمصممي الويب مزيدًا من التحكم في التحسينات مثل لون الخلفية وحجم النص وأنماط النص في التعليمات البرمجية. أعطتنا JavaScript القوائم المنسدلة والتنقل المتقدم ونماذج الويب مع التحقق من الأخطاء.
في البداية ، لم يعرف أحد ما يعنيه "تصميم الويب" حقًا ، وأنشأ رواد الويب أنماط تصميم عن طريق التجربة والخطأ. استخدمت الحقبة المبكرة لتصميم الويب المخططات التي لم تهتم إلا بالقليل من الدلالات الرسمية وإمكانية الوصول ، واختارت بدلاً من ذلك الجماليات على الهيكل.
من أجل بناء وتصميم تصميماتهم ، اعتمد المصممون بشكل كبير على عناصر HTML مثل الجداول والجداول المتداخلة وملفات المباعدة غير المرئية 1 بكسل ، مما يوفر لهم القدرة على إنشاء تخطيطات أكثر تعقيدًا ومتعددة الأعمدة. جعلت لبعض الواجهات مملة جدا.
في منتصف العقد الأول من القرن الحادي والعشرين ، ولدت مواقع الويب بتفكير أكثر حرصًا وراء هيكلها. كان التنقل في الجزء العلوي من المتصفح ، وتم وضع الفئات في الشريط الأيسر. تم الاحتفاظ بصفحات الويب قصيرة وضيقة ، مع انتشار المحتوى عبر العديد من الصفحات حتى لا يجبر المستخدمين على التمرير. تعلم المصممون ما نجح وبدأوا في بناء مواقع أفضل ، ووضع المعايير وأفضل الممارسات على طول الطريق.
مع المزيد والمزيد من خيارات التخطيط ، جاء مزيج من واجهات المستخدم المزعجة المليئة بالصور والنصوص في كل مكان. ومع ذلك ، لا يزال بعض المصممين المنضبطين يختارون البساطة.
الحد الأدنى من الجمالية
اتجاهات التصميم تأتي وتذهب ؛ ومع ذلك ، فإن التقليلية هي لغة تصميم كانت موجودة عبر الزمن. إنها فلسفة تصميم تركز على تبسيط الشكل ، يتحقق من خلال الاستفادة من أبسط العناصر وأكثرها أهمية في التصميم.
بساطتها ليست مقصورة على تصميم الويب. فكر في جميع العناصر من حولك التي تشمل هذا التصميم المثالي ؛ من السهل ربط التصميمات المبسطة بـ Nest و Apple و Herman Miller والعديد من المصممين الآخرين الذين ألهموا العديد من المصممين البسيطين.
ما الذي يجعل تصميم هيرمان ميلر لا يزال رائعًا حتى اليوم؟ إنها ببساطة كائنات مصممة جيدًا بمظهر خالد. تتوافق تصميماته بشكل جيد للغاية مع المنازل والديكورات الداخلية المعاصرة - فهي لا تزال تشعر بالانتعاش والحداثة حتى يومنا هذا. تم تصميم العديد من قطعه بمظهر بسيط ولا يمكن ربطها بدعة معينة. ما زالوا يقفون أمام اختبار الزمن.
التصاميم المبسطة من أحد أشهر مصممي الجرافيك في عصره ، جوزيف مولر بروكمان ، تشبه إلى حد بعيد تلك التي صممها هيرمان ميلر: خالدة . احتضن مولر بروكمان وأتقن البساطة خلال أربعينيات وخمسينيات القرن الماضي في شكل أسلوب التصميم السويسري.
تم تجريد أي زخرفة غريبة أو زائدة عن الحاجة من تصميمه الغرافيكي ؛ كل عنصر في تخطيطاته له غرض. التفكير التصميمي وراء هذا النهج هو ما يجعل التصاميم الرقمية المبسطة تعمل بشكل جيد للغاية اليوم.
كيف رسخت التقليلية نفسها في العصر الرقمي
يجد التاريخ دائمًا طريقة للحاق بنا. كما فعلت في تصميم الطباعة ، تلاشت البساطة والفلسفة الكامنة وراءها مع تصميم الويب والتحف الرقمية الأخرى. فكر في كيف بدت مواقع الويب قبل عامين فقط بأزرارها اللامعة وأسطرها وفقراتها النصية ، وكل شيء يصرخ للفت الانتباه.
ثم جاء الاتجاه السكيومورفي حيث صمم المصممون عناصر تحاكي كائنات الحياة الواقعية في الفضاء الرقمي. هل تتذكر البطانة الجلدية في iCal من Apple؟
الحد الأدنى من التصميمات هو في الواقع مقصود. إنه أسلوب تصميم يزيل كل ما هو غير ضروري ويركز على العناصر التي من المفترض أن تجذب أقصى قدر من الاهتمام - مع التركيز على المحتوى.
فوائد التصميم البسيط
اشتعل نهج التصميم البسيط لأسباب عديدة أكثر من مجرد مظهره. ساعد فهمنا المتزايد لسلوكيات المستخدم وعمليات التفكير التصميمي وظهور عمليات تصميم المحتوى أولاً على دفع هذا التفكير إلى الأمام. كان النمو الهائل الأخير لمستخدمي الأجهزة المحمولة نقطة تسريع قوية نحو الحد الأدنى ، مع التركيز بشكل أكبر على تجربة المستخدم وسهولة الاستخدام.
مع وصول المستخدمين الآن إلى الإنترنت أثناء التنقل في جميع الأوقات ، يجب على مصممي المنتجات التركيز على توفير ما هو ضروري للغاية في سياق اللحظة: الأشياء الصحيحة بالطريقة الصحيحة وفي الوقت المناسب ، حيث يتم تجريد التصميم إلى أهم ميزاته.
يمثل استخدام الهاتف المحمول الآن أكثر من نصف جميع زيارات الويب ، وسيزداد هذا المعدل فقط. لقد أحدث التصميم سريع الاستجابة تغييرًا في قواعد اللعبة وأجبر المصممين على "التفكير بشكل مختلف". اليوم أكثر من أي وقت مضى ، يعد التصميم المتجاوب أو القابل للتكيف ضرورة في عالم الأجهزة المحمولة حيث يكون نهج التصميم البسيط ذا أهمية حاسمة.
بالنسبة للمستخدم العادي ، من المحتمل أن يكون التصميم البسيط أسهل شيء يتم تصميمه. إن تحقيق التوازن المثالي باستخدام أقل قدر من المحتوى المرئي والتركيز فقط على العناصر الأساسية بأقصى درجات الأناقة هو في الواقع أمر صعب للغاية.
مستقبل بساطتها
يجب أن نفكر في التقليلية كمفهوم خالد ، يشع الأناقة والرقي ، وليس اتجاهًا حقيقيًا أو مرحلة عابرة بسيطة. على الرغم من أنه كلاسيكي وخالد ، إلا أنه سيتطور ويتحسن ، كما رأينا بالفعل منذ تطبيقه في بداية القرن العشرين.
على سبيل المثال ، كان التصميم متعدد الأبعاد من Google أحد التطورات الرئيسية الأولى في نهج التصميم "المسطح" المستوحى من البساطة. أبقى مصممو Google الأشياء بسيطة وبسيطة ولكنهم عززوا لغة التصميم الخاصة بهم باستخدام تأثيرات الظل ومفاهيم الحركة والعمق. تحتضن المواد تصميمًا مسطحًا بلمسة معينة: تقليد المواد الموجودة في العالم الحقيقي.
الجانب السلبي لبساطتها
كما هو الحال مع العناصر الأخرى في الحياة ، علينا دائمًا أن ننظر إلى الإيجابيات وكذلك السلبيات. يجادل الكثير بأن مواقع الويب اليوم تفتقر إلى النكهة ومعظمها متشابه. كما تعلم - صورة بطل كبيرة ، أو فيديو به نص متراكب ، وصف من الرموز مع نص ، وما إلى ذلك. يمكن لأي شخص أن يأخذ دقيقتين من وقته ويبتكر 10 مواقع تبدو متشابهة جدًا مع بعضها البعض. هل هذا انعكاس لسلوكنا وتفضيلاتنا المتغيرة باستمرار على الإنترنت؟
يعد تناسق التصميم والتصميم لسلوك المستخدم الشائع أمرًا في غاية الأهمية في كل تصميم ، لكن لا يمكننا أن ننسى قيمة كوننا فريدًا. هل أصبحنا كسالى أم أننا حوّلنا أفكارنا بعيدًا عن التفرد ونحو استراتيجية تجربة مستخدم أكثر فعالية؟
الوحشية في تصميم المواقع
في قوتها وعدم الاهتمام بالظهور بشكل مريح أو سهل ، يمكن اعتبار الوحشية بمثابة رد فعل من قبل جيل الشباب على الخفة والتفاؤل والعبث في تصميم الويب البسيط المنتشر في كل مكان اليوم.
البعض يحبها ، والبعض يكرهها ، والبعض الآخر لا يفهمها ببساطة: مواقع الويب الوحشية.
خذ كريغزلست كمثال. يجب اعتبار Craigslist بمثابة "حفيد" المواقع الإلكترونية الوحشية. إنه ليس ممتعًا من الناحية الجمالية ولن يتم عرضه أبدًا على www.awwwards.com. نص أسود ، روابط زرقاء ، خلفية بيضاء. إنه ليس جميلا. لا يجب أن يكون لأنه يعمل - وهو يعمل بشكل جيد حقًا. تجد ما تحتاجه للشراء أو البيع دون أي ضجة أو فوضى ، وبدون أي أجزاء متحركة دخيلة.
منذ تأسيسها في عام 1996 ، حافظت كريغزلست على شعبيتها على الرغم من - أو ربما بسبب - تصميمها النفعي للغاية. لم يتغير التصميم بأي شكل من الأشكال على مدار العشرين عامًا الماضية.
ربما استوحى الأسلوب الوحشي من نموذج كريغزلست. فيما يلي أمثلة رائعة على تصميمات جيدة التنفيذ باستخدام الأسلوب الوحشي.
هذه المواقع الوحشية تنتشر بشكل كبير. لماذا هذه المواقع فجأة شعبية جدا؟ هل هذا لأن بعض المصممين سئموا للتو من تجانس الويب؟
في الأيام التي يكون فيها تصميم UX ذا أهمية أساسية ، حيث يكون سلوك المستخدم ونهج المحتوى أولاً هو الملك ، فإن تجربة المستخدم على هذه المواقع سيئة (عن قصد). على عكس مبادئ التبسيط ، فإن هذه التصميمات في وجهك مع تراكيب نصية وصور حيث يكون التخطيط في كل مكان (مرة أخرى ، عن قصد).
تاريخ موجز للوحشية
أسلوب التصميم الوحشي ليس جديدًا. سيخبرك البحث السريع في ويكيبيديا أن النمط يأتي في الواقع من العمارة الوحشية من الخمسينيات إلى منتصف السبعينيات. من المضحك أن الوحشية تبعتها الحركة المعمارية الحديثة حيث كان التقليلية هو المفتاح.
كان لو كوربوزييه أحد أكبر رواد هذه الحركة. امتدت حياته المهنية على مدى خمسة عقود مع المباني المصممة في أوروبا واليابان والهند وأمريكا الشمالية والجنوبية.
نشأ المصطلح من الكلمة الفرنسية " brut " التي تعني "خام" ، كما وصف لو كوربوزييه اختياره للمادة " beton brut " ، وهي الخرسانة الخام. يبدو أن تصميم الوظائف المفرطة مصمم فقط لتوفير المنفعة - وليس لإرضاء - كما لو أنه يعطي إصبعًا للحداثة.
تحاول الوحشية مواجهة مجتمع الإنتاج الضخم ، وسحب الشعر الخام من القوى المشوشة والقوية التي تعمل. حتى الآن تمت مناقشة الوحشية بطريقة أسلوبية ، في حين أن جوهرها أخلاقي. - أليسون وبيتر سميثسون ، الوحشية الجديدة ، التصميم المعماري (أبريل 1957)
التصميمات الوحشية ترفض المظهر تمامًا ، وتختار الوظيفة على الشكل. يفخر المصممون المتوحشون بتنفيذ التصميمات بأقل جهد ممكن وبأرخص المواد المتاحة ، لتحقيق نتيجة أكثر صدقًا ومعادية للبرجوازية.
الوحشية في العصر الرقمي
اعتمدت بلومبرج الأسلوب بطريقتها الخاصة لموقعها الإخباري. التصميم مبهرج تقريبًا ويركز بوضوح على الوظائف الأولية.
إن الوحشية تعود بقوة. قبيح ، خام ، خالي من التصميم التقليدي ، تأثيرات التحويم المجنونة والزخارف السطحية في كل مكان. يعتبر العديد من الأصوليين أن هذا الاتجاه قاسٍ وخشن وعنيف وغير مريح وصدامي وساخر. أنه. عن قصد.
تتسم الوحشية بنهج أكثر بدائية في التصميم وتعيد التركيز مرة أخرى إلى جوهر تصميم الويب: الكود الخاص به. غالبًا ما يتم تصوير الوحشية على أنها اتجاه تصميم "قبيح" ، لكن علينا تجاوز ذلك. إن الفلسفة الكامنة وراء الحركة الوحشية ليست جعل الأشياء "قبيحة" ، لكن بدائية وغير مزخرفة.
يمكننا أن نقول أن المواقع الوحشية اليوم تستند إلى شبكة DIY في التسعينيات ، مع التركيز على نهج داخلي بدلاً من إخفاء الوظائف خلف واجهة جميلة.
تصميم واجهة المستخدم لموقع المشاركة الاجتماعية الشهير Reddit هو تصميم غير معتاد ومليء بالصناديق ، مليء بطباعة الويب في أواخر التسعينيات ، وعناصر تحكم ثقيلة غير مكررة ، وتقريباً لا توجد غرفة تنفس عمودية.
ارتقى المصمم بيير بوتين بالوحشية إلى مستوى جديد من خلال سلسلة من تطبيقات الهاتف المحمول المعاد تصميمها. في أحدث مشروع له ، بعنوان إعادة تصميم Brutalist ، يعرض Buttin Facebook و Instagram و Twitter والتطبيقات الشائعة الأخرى بأسلوب وحشي ، مع تخطيطات نصوص ثقيلة وتصميمات مسطحة.
الوحشية مقابل بساطتها
لا ينبغي النظر إلى الوحشية والبساطة بشكل نسبي ، ولكن كطريقة جديدة لرؤية الأشياء ونهج آخر للتصميم. تعتبر الوحشية بمثابة دفعة ضد تجانس المواقع والتطبيقات الحالية ، ولكن قبل أن يتمكن المصممون من البدء في تصميم موقع ويب باستخدام النهج الوحشي ، يجب عليهم أولاً معرفة القواعد التي سوف يكسرونها.
لن يتم استبدال التصميم التقليدي البسيط بالوحشية. يجب أن ننظر إلى الوحشية على أنها ثقافة تصميم تتحدى الوضع الراهن - ثقافة سئمت من إخبارنا بما هو "الأفضل".
ليس هناك صواب أو خطأ عند الاختيار بين هذه الأنماط لمشروعك القادم. ومع ذلك ، قبل أن تنفد وتصمم موقعك أو تطبيقك التالي بأسلوب تصميم وحشي ، تأكد من أنك تعرف جمهورك. قم بالمخاطرة إذا كنت تعتقد أن الشركة وجمهورك سيقدرونها.
يجذب تصميم الويب الوحشي الانتباه وينمو الوعي بالعلامة التجارية بسرعة هائلة. مصنوعة قواعد لا بد من كسرها. يجرؤ على جعل الويب هو الويب. تجرأ على الظهور وأن تكون جريئًا بعض الشيء ، حتى لو كان غريبًا بعض الشيء.
اسمحوا لنا أن نعرف ما هو رأيك! يرجى ترك أفكارك وتعليقاتك وملاحظاتك أدناه.
• • •
مزيد من القراءة على مدونة Toptal Design:
- مبادئ التصميم وأهميتها
- أفضل مجموعات مصممي UX - أمثلة ودراسات حالة ملهمة
- استكشاف مبادئ تصميم الجشطالت
- Adobe XD مقابل Sketch - ما أداة UX المناسبة لك؟
- أفضل 10 تسليمات لتجربة المستخدم يستخدمها كبار المصممين