أخطاء شائعة في تصميم المواقع

شاركShare on Facebook64Tweet about this on TwitterShare on Google+1Pin on Pinterest0Share on Tumblr0Share on StumbleUpon0Share on LinkedIn0

 

Web Design Mistakes

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

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

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

أين مربع البحث

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

اقتراح استخدم مربع بحث Google Custom Search التابع لشركة Google كخدمة لأصحاب المواقع شكله أنيق جدا وفعال وسهل التركيب ما عليك سوى نسخ كود HTML من خلال لوحة التحكم ولصقه داخل صفحة الويب.

الافتقار الى سهولة القارءة والوضوح

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

  • يطمح زوار الموقع للحصول على المعلومة فلا تضع عقبات أمامهم واستخدم خطوط متعارف عليها في جميع أجهزة الكمبيوتر مثل Times و Arial و Verdana.
  • نقطة مهمة:محتوى موقع الانترنت يختلف كليا عن الكتب العلمية فلا تغرق القارئ في بحر من الكلمات وحاول اضافة الصور بالاضافة الى تقسيم الموضوع الى فقرات لتسهيل عملية القراءة والا يقل حجم الخط عن 12.

استخدام الخاطئ لملفات فلاش

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

محتوى غير مخطط ومنظم

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

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

صعوبة التصفح

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

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

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

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

 اقتراح: حاول تصميم الموقع بشكل قياسي و نمطي ومع الحفاظ على روابط لكل الأقسام الرئيسية في كل الصفحات… البساطة هي الحل قم بتصميم جميل بسيط لا يزعج الزوار

المصمم المحترف يستطيع تطوير موقع يتناسب مع أغلب مقاسات الشاشات وهو 1024×768 بيكسل وأعلم أنه من المسستحيل تلبية كل القياسات وخاصة إن كان زوار الموقع يتصفحون عبر الهاتف النقال أو اللابتوب

اقتراح: الاطلاع على أحدث الاحصائيات المصتفحات من W3 School

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

قد يكون تصميم نماذج التسجيل صعبة نوعا ما .. ما هي كمية المعلومات التي تحتاجها من الزائر؟

  • لاتجعل جميع البيانات الزامية حتى لا يصاب الزائر بالاحباط أثناء عملية التسجيل.
  • لا تنسى أن زوار المواقع يبحثون عن المعلومة وليس ليقدموها.

اقتراح: زر مواقع الشبكات الاجتماعية وقارن بينهم في كم ونوع المعلومات التي يطلبونها من الزوار أثناء عملية التسجيل

الاستخدام المفرط للصور

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

صفحات فوضوية وبحاجة للمساحات البيضاء

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

رجاء: لا تضع خلفية موسيقية

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

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

اختلاف ألوان الروابط

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

الاعلانات الكثيرة

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

إن كانت لديك أي نصيحة أو معلومة لا تبخل وشاركنا بها

شاركShare on Facebook64Tweet about this on TwitterShare on Google+1Pin on Pinterest0Share on Tumblr0Share on StumbleUpon0Share on LinkedIn0

Comments

comments

تعليق واحد

اضف رد

لن يتم نشر البريد الإلكتروني . الحقول المطلوبة مشار لها بـ *

*