7 أمثلة لتصميم مواقع الويب السيئة مع وجود أخطاء واضحة

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

غالبًا ما نتحدث عن تصميم مواقع ويب مذهلة ونشارك نصائح مثمرة للقيام بذلك. مما لا شك فيه أن هذه النصائح مفيدة قبل البدء في تصميم موقع أحلامك. ولكن كم مرة نتحدث عن تصميمات مواقع الويب السيئة؟

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

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

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

كيف يبدو تصميم موقع الويب السيئ:

حتى الآن ، ذكرت تصميم موقع سيئ عدة مرات. ولكن كيف تعرف سمات التصميم السيئ لموقع الويب ؟ حسنًا ، هناك بعض الخصائص التي يمكنك من خلالها فهم أنه موقع ويب سيئ التصميم.

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

خصائص تصميم الموقع السيئ:

• تخطيط تشوش
• قائمة التنقل المخفية
• عدم وجود روابط وأزرار تنقل بسيطة
• عدم وجود تباين في الألوان
• تصميم غير مستجيب (مثل غير مناسب للجوّال)
• الخطوط غير المتناسقة تجعل القراءة صعبة
• رسالة غامضة ومربكة

من هذه السمات ، أعتقد أنه يمكن أن يكون لديك فكرة جوهرية عن تصميمات مواقع الويب السيئة. سيساعدك ذلك في تصميم مواقع ويب مهيبة تحافظ على تصميمات واجهة المستخدم (UI) و UX (تجربة المستخدم).

7 أمثلة لتصميم مواقع الويب السيئة:

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

شركة شمال غرب المحيط الهادئ للأشعة السينية:

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

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

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

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

نظرة سريعة على ما هو الخطأ في الموقع:

• طباعة رديئة وعدم تطابق لون التصميم
• عدم وجود تفاصيل المحتوى
• عناصر حيوية مفقودة مثل شريط التنقل والقائمة وما إلى ذلك.

كتب سوزان كولين:

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

إذا قمت بزيارة موقع Suzanne Collin ، فلا يوجد شيء في الموقع من شأنه أن يلصقك بالموقع. أولاً ، يظهر المحتوى فوضويًا تمامًا . تم حذف أقصى جزء من الصفحة الرئيسية من خلال كتاب واحد مبيعًا بعنوان " The Ballad of Songbirds and Snakes ".

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

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

نظرة سريعة على ما هو الخطأ في الموقع:

• الحد الأدنى من فشل النص في إقناع الزوار
• تصميم الموقع بسيط للغاية لجذب الزوار
• المرئيات غير مبهجة

أرنغرين:

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

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

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

جانب سلبي آخر من الموقع هو قائمة الفئات . تظهر جميع فئات موقع الويب في القائمة مما يجعل تصميم الموقع معقدًا ومشوشًا ومثيرًا للعين.

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

نظرة سريعة على ما هو الخطأ في الموقع:

• صعوبة في الملاحة
• استخدام عشوائي وعشوائي للألوان
• اختيار سخيف للطباعة
• عدم وجود رسالة واضحة عن العمل

أسوأ موقع على الإطلاق في العالم:

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

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

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

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

نظرة سريعة على ما هو الخطأ في الموقع:

• مشاكل محتوى الخط والنص
• تضارب ألوان النص والخلفية
• لا توجد رسالة واضحة عما يدور حوله الحجم
• الموقع غير منسق بالكامل

الموقع الكبير القبيح:

مثل موقع الويب السابق ، يصور موقع The Big Ugly أيضًا السلبية باسمه. وغني عن القول ، أن الغرض من هذا الموقع هو أيضًا عرض تصميم موقع تافه . لهذا السبب تم اختيار اسم الموقع بما في ذلك كلمات مثل قبيح.

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

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

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

نظرة سريعة على ما هو الخطأ في الموقع:

• مشاكل التنسيق في جميع أنحاء الموقع
• الروابط الخارجية للصور مقطوعة
• إبرازات مفرطة للرؤوس
• محتوى الموقع يفتقر إلى عمق المعلومات

Lingscars:

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

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

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

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

نظرة سريعة على ما هو الخطأ في الموقع:

• قضية اللون والطباعة
• تظهر الصور وملفات GIF والعناصر الأخرى مزدحمة
• نظام الملاحة ضعيف ومربك
• روابط قائمة التنقل لا تعمل

موقع بيلا دي سوتو:

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

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

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

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

نظرة سريعة على ما هو الخطأ في الموقع:

• يحتوي على قضايا هيكلية
• طول الموقع وعرضه كبير جدًا بحيث لا يمكن عرض المحتوى بوضوح
• لا توجد قائمة تنقل ، مما يعقد تصفح الموقع
• لون المحتوى غير متماسك

ما هو رأيك:

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

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

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