11 الأخطاء الشائعة في تصميم المواقع الإلكترونية (الأخطاء)

هناك الكثير من المواقع على شبكة الإنترنت ، والمئات أو ربما يتم إنشاء الآلاف في اليوم. هنا شيء مثير للاهتمام للغاية للتفكير - ما هي عناصر موقع جيد?

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

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

1. أين هو مربع البحث?

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

اقتراحات:بحث جوجل مخصص هي طريقة أنيقة وبسيطة وفعالة للبدء. أنها تمكن الزوار من البحث في موقعك بطريقة فعالة. ما عليك سوى نسخ رمز HTML من لوحة التحكم ولصقه على موقع الويب الخاص بك و voilà ؟؟  ؟؟  ، لقد حصلت على وظيفة بحث مباشرة على موقع الويب الخاص بك.

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

أكثر من: تصميم مربع البحث المقدس: أمثلة وأفضل الممارسات- تفاصيل هذه المقالة المبادئ التوجيهية لتصميم مربع البحث.

2. ضعف قراءة وضوح.

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

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

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

أكثر من: إليك مقالة جيدة ستمنحك المزيد من النصائح حول تحسين قابلية القراءة - سهولة القراءة - جعل صفحات الويب سهلة القراءة.

3. تخطيط المحتوى غير المنظم.

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

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

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

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

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

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

4. سوء الملاحة.

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

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

اقتراحات:

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

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

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

5. تصميم واجهة غير متناسق.

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

اقتراحات:

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

6. دقة الشاشة غير ودية.

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

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

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

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

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

شكل Simpleecard البسيط يجعل التسجيل غير مؤلم.

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

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

8. استخدام عديمي الضمير من الصور / الرسوم المتحركة.

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

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

أكثر من: فلاش: 99 ٪ سيئة - استخدم الفلاش بشكل مناسب. لقد مر ما يقرب من 10 سنوات منذ نشر جاكوب نيلسن هذا المقال ، لكنه لا يزال ذا صلة من حيث قابلية استخدام الفلاش خاصة يكسر أساسيات الويب قطعة.

9. تشوش الصفحات ، أكثر مساحة بيضاء.

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

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

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

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

10. لا موسيقى خلفية ، من فضلك!

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

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

11. اختبار ، اختبار واختبار.

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

• هل يمكن مشاهدة الموقع في بيئات مختلفة?
• هل تصميم التصميم ثابت في جميع المتصفحات?
• هل يمكن عرض موقع الويب في إعدادات مختلفة مثل تشغيل الصور ، أو إيقاف تشغيل JavaScript ، إلخ?

اقتراحات:تقدم W3C أدوات لاختبار ضمان الجودة. الدفع أدوات ضمان الجودة W3C و التحقق من صحة صفحة الويب.

استنتاج:

اجعل الأمر بسيطًا ، غبي (K.I.S.S). هذا هو بيت القصيد. إذا كان الأمر بسيطًا ، يمكن استخدامه. الكل في الكل ، المواقع الرائعة تجعلها بسيطة وسهلة الاستخدام. القيام بأداء واجبك وأنه يأتي بسهولة وبشكل طبيعي.

ما هي تجاربك في مشاريع تصميم الويب؟ ما هي النصائح والأفكار الأخرى التي ترغب في مشاركتها على أخطاء تصميم الويب?

ملحوظة المحرر: هذا هو مكتوب من قبل بروجو أووه ل Hongkiat.com. Brujo Owoh هو أحد طلاب أنظمة الوسائط المتعددة ، وهو متخصص في تصميم المواقع والرسوم المتحركة ثنائية الأبعاد. يستمتع بقراءة القصص الخيالية والتسكع مع زملائه ومواكبة اتجاهات التصميم على Twitter. زيارة Brujo بلوق.