أخطاء تصميم الويب الأكثر شيوعًا - نعش موقع ويب

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

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

دعونا نرى بعض ،

أخطاء تصميم الويب الأكثر شيوعًا

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

# 1 ابحث في مربع البحث

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

الاقتراحات: يعد بحث Google المخصص طريقة رائعة وبسيطة وفعالة للبدء. تمكن الزوار من البحث في موقعك بطريقة فعالة. ما عليك سوى نسخ رمز HTML من لوحة التحكم ولصقه في موقع الويب الخاص بك وهذا كل شيء ، فلديك وظيفة بحث مباشرة على موقع الويب الخاص بك.

# 2 ضعف القراءة وعدم الوضوح

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

الاقتراحات: لحسن الحظ ، هناك طرق بسيطة يمكنك القيام بها لتحسين تجربة القراءة للمستخدمين على موقع الويب الخاص بك.

1. قارن أنظمة الألوان في معظم المواقع الرئيسية ولاحظ كيف تعمل الألوان على تحسين إمكانية القراءة. يعد Adobe Kuler مكانًا جيدًا لتجربة أنظمة ألوان مختلفة.
2. استخدم محرف Sans serif لأنه يتيح سهولة القراءة على الويب

# 3 تخطيط المحتوى الفوضوي

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

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

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

الاقتراحات: قم بتنظيم المحتوى على موقع الويب الخاص بك باستخدام HTML ويجب استخدام CSS عند إنشاء تصميم صفحاتك.

1. قم بإنشاء مسافة بيضاء كافية بين النص والصور باستخدام الهوامش.
2. حدِّث وكن متسقًا . الغرض من التحديث ليس فقط إضافة محتوى جديد ولكن اكتشاف أخطاء الماضي وتصحيحها.

# 4 مشاكل التنقل

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

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

اقتراحات:

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

تذكر أنه إذا لم يتمكن المستخدمون من العثور على ما يريدون في أقل من 3 نقرات ، فسيغادر معظمهم على الفور.

# 5 تخطيط الواجهة غير المستوية

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

اقتراحات:

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

# 6 عدم الاستجابة

أنا متأكد من أننا قمنا بزيارة مواقع الويب حيث يتعين عليك التمرير أفقيًا. هذا هو عدم وجود مطلق في تصميم الويب الحديث. سيقوم المصمم الجيد بتطوير مواقع الويب التي تناسب معظم أحجام الشاشات. التخطيط المحسّن حاليًا لمواقع الويب هو 1024 × 768 بكسل.

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

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

# 7 نماذج التسجيل المعقدة

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

نموذج Someecard البسيط يجعل التسجيل سهلاً.

اقتراحات: قارن نماذج التسجيل عبر المجتمعات على الويب واستوعب المعلومات الأساسية المطلوبة من المستخدم أثناء عملية التسجيل.

المزيد: 9 أخطاء شائعة في قابلية الاستخدام في تصميم الويب - تلقي هذه المقالة على Smashing Magazine نظرة متعمقة على نماذج التسجيل من بين أخطاء الاستخدام الأخرى.

# 8 صور مخادعة على الموقع

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

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

المزيد: الفلاش: 99٪ سيء - استخدم الفلاش بشكل مناسب. لقد مر ما يقرب من 10 سنوات منذ أن نشر جاكوب نيلسن هذه المقالة ولكنها لا تزال ذات صلة من حيث قابلية استخدام الفلاش خاصة مقالة Breaks Web Fundamentals .

# 9 صفحات مختلطة ، مساحة فارغة أكبر

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

تستفيد kylestanding من المسافات البيضاء في تصميمها.

فيما يلي بعض المقالات لتعطيك فكرة جيدة عن أهمية المسافة البيضاء في تصميم الويب :

• مقارنة بين أربعة تخطيطات للمساحات البيضاء
• قيمة الفضاء الأبيض
• مسافة بيضاء

# 10 موسيقى خلفية ، نكسة ضخمة

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

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

تغليف

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

آمل أن تكون قد اكتسبت الكثير من البصيرة حول أخطاء تصميم الويب الشائعة.

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