10 أسوأ أخطاء تصميم الموقع

المادة التي كتبها:
  • تصميم الموقع
  • تحديث: Aug 03 و 2017

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

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

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

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

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

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

عنوان الموقع: موراديتو

أمثلة سيئة التصميم

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

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

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

عنوان الموقع: الصنوبر سول

أمثلة سيئة التصميم

يحتوي هذا الموقع على العديد من الرسومات التي تبدو مزدحمة.

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

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

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

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

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

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

عنوان الموقع: متحف لي

أمثلة سيئة التصميم

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

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

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

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

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

عنوان الموقع: Hemmy.net

أمثلة سيئة التصميم

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

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

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

عنوان الموقع: باصات بيتر

أمثلة سيئة التصميم

هناك العديد من المشاكل مع الرسومات على هذه الصفحة.

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

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

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

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

عنوان الموقع: Cyber ​​D-Sign Clan

أمثلة سيئة التصميم

أمثلة سيئة التصميم

هذا التصميم بسيط للغاية بحيث يمكن التعرف عليه فورًا كخلفية نمط أساسية لـ Microsoft و Word Art.

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

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

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

عنوان الموقع: LawnSignDirectory.com

أمثلة سيئة التصميم

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

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

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

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

عنوان الموقع: برمودا مثلث

أمثلة سيئة التصميم

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

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

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

عنوان الموقع: Web Tek Rocks

أمثلة سيئة التصميم

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

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

الخطأ #10: سيئ للغاية لا يمكنك شرحه

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

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

عنوان الموقع: الآخرة

أمثلة سيئة التصميم

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

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

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