أسوأ أخطاء في تصميم الويب: 10 أمثلة على المواقع السيئة

المادة التي كتبها:
  • تصميم الموقع
  • المحدثة: أبريل 16 و 2020

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

ربما سمعت مصطلح "لزج"في إشارة إلى موقع ويب.

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

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

الخطأ #1: ألوان جارينج

الألوان الزاهية للغاية التي تؤذي عينيك أو الألوان التي تتصادم مع بعضها البعض يمكن أن تجعل زائر الموقع يريد الهروب من صفحة الويب.

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

مثال على المواقع السيئةite: Moradito

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

الخطأ #2: رسومات كثيرة جدًا

إذا فوضت صفحة الويب الخاصة بك برسومات ، فسيحدث شيئان مختلفان.

أولاً ، تصبح الصفحة مشغولة لدرجة أن الزوار قد يكونوا غير متأكدين من مكان النقر أو ما يريدون البحث عنه أولاً.

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

مثال على المواقع السيئةite: باين سول

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

الخطأ #3: وقت التحميل البطيء

هل يتم تحميل موقعك على الويب ببطء لدرجة أن الزائر لديه الوقت للذهاب لانتزاع فنجان من القهوة دونات قبل العودة؟

يمكن أن تؤدي إضافة العديد من العناصر ، مثل flash أو sound أو ton of graphics عالي الدقة أو java scripts ، إلى تحميل موقع أبطأ وأبطأ. ضع في اعتبارك أنه على الرغم من أن معظم زوارك يتمتعون بالسرعة الفائقة ، فلا يزال هناك عملاء ريفيين سيعملون على الاتصال الهاتفي وغير قادرين على الوصول إلى موقعك إذا كان التحميل بطيء للغاية.

تلميح: تحقق من سرعة الموقع والحصول على المشورة تحسين عن طريق جوجل صفحة البصائر السرعة.

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

- المصدر: تعزيز SEO الخاص بك مع سرعة موقع أفضل

مثال على المواقع السيئةite: متحف لي

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

الخطأ #4: الكثير من الإعلانات

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

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

مثال على المواقع السيئةite: Hemmy.net

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

الخطأ #5: تحرير صور الهواة

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

تلميح: استخدم أدوات تحرير الصور المجانية عبر الإنترنت: Canva, Pic القرد

مثال على المواقع السيئةite: حافلات بطرس

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

خطأ # 6: يمكن تصميم ثلاث سنوات قديمة إنشاء

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

مثال على المواقع السيئةite: Cyber ​​D-Sign Clan

أمثلة سيئة التصميم
لم يغير المصمم حتى ألوان الكلمات من التصميم القياسي الذي يبدأ به MS. هذا التصميم بسيط للغاية بحيث يمكن التعرف عليه على الفور كخلفية أساسية لنمط Microsoft و Word Art.
أمثلة سيئة التصميم
علاوة على ذلك ، تحاول تحميل الصفحة المنبثقة. قد يتم تجاهل هذا إذا كان التصميم أفضل بمجرد تخطي المقدمة والنقر على الصفحة الرئيسية. ومع ذلك ، فإن تصميم الصفحة المرتبطة (أدناه) مخيّب للآمال.

الخطأ #7: الملاحة سيئة

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

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

مثال على المواقع السيئةite: LawnSignDirectory.com

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

الخطأ #8: مشكلات النص

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

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

مثال على المواقع السيئةite: مثلث برمودا

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

الخطأ #9: الأخطاء المطبعية

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

تلميح: تعلم كيفية القبض على الخطأ المطبعي والأخطاء في كتاباتك.

مثال على المواقع السيئةite: ويب تيك روكس

أمثلة سيئة التصميم
يمكن التغاضي عن خطأ مطبعي واحد ، ولكن هذا الموقع يوضح كيف أن بعض المواقع المشبوهة مليئة بالأخطاء. بالنسبة إلى الشركة التي تريد مساعدتك في وضع موقعك على الويب ، فمن المحتمل أن يكون من الأفضل قضاء بعض الوقت في تصحيح المشكلات على موقع الويب الخاص بها قبل إنشاء موقعك. "خاص" يتم تهجئة SPECAIL ؛ "الخبرة" مكتوبة بطريقة "experteze" ؛ إنهم يقدمون "المساعدة في وضع أنفسكم" على الإنترنت ؛ "في وسعنا بنيت موقعك أسرع من أي شخص آخر! "

الخطأ رقم 10: أسوأ تصميم للموقع من أي وقت مضى - سيء جدًا لدرجة أنه لا يمكنك تفسيره

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

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

مثال على المواقع السيئةite: الآخرة

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

حول لوري سوارد

تعمل Lori Soard كاتبة مستقلة ومحرر منذ 1996. لديها درجة البكالوريوس في تعليم اللغة الإنجليزية ودرجة الدكتوراه في الصحافة. وقد ظهرت مقالاتها في الصحف والمجلات وعلى الإنترنت ولديها العديد من الكتب المنشورة. منذ 1997 ، عملت كمصممة ويب ومروج للمؤلفين والشركات الصغيرة. حتى أنها عملت من أجل تصنيف مواقع الويب لفترة قصيرة لمحرك بحث شائع ودراسة تكتيكات SEO المتعمقة لعدد من العملاء. تستمتع بسمع من قرائها.