نصائح لتصميم موقع خالي من الأخطاء

[IM.com]

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

وتذكر دائماً: القليل يعني الكثير، وبأسلوب آخرالبساطة دائماً هي الأجمل

1) صفحةالبداية
بعض المواقع تضع صفحة بداية للموقع عبارة عن صورة ضخمة ترحيبيةأو فلاش كبير الحجم يعرض جمل وصور إعلانية للموقع، والبعض لا يضع وصلة صغيرة "تجاوزالعرض" او بالإنجليزية "Skip intro" فيضطر الزائر إلى إنتظار الصورة أو الفلاش حتىينتهي ثم يدخل في الموقع،
2) الرسائل المنبثقة!
عندما تدخل إلى أحد المواقع، تظهر لكرسالة مفاجئة "رشحني في مسابقة أفضل 100 موقع عربي" أو "أهلاً بك في موقعنا" أو "مرحبا بك؟! تفضل في الموقع ولا تطلع منها"!! لا تضع مثل هذه الرسائل أبداً، إنهامزعجة

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

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

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

6) الألوان الكثيرة الغيرمتناسقة
لا تجعل موقعك يحوي أكثر من أربعةألوان بشكل عام . وتكون الوان جميله وجذابه

7) تصميم الموقع بحجم أكبر منالشاشة
معظم مستخدميالحاسوب يستخدمون دقة 600 × 800 في شاشاتهم، فعليك أن تصمم موقعك لهذه الدقة وليسأكبر من ذلك.

8) الصور المفقودة
بعض المواقعتعتمد بشكل كبير على الصور، ويتضايق الزائر عندما يرى صور لا تظهر، فعليك أن تتأكدأن الصور تظهر في جميع صفحات موقعك، قم بزيارة موقعك من حاسوب آخر غير حاسوبك،وتأكد أن مصدر صورك في شفرة HTML ليس حاسوبك بل موقعك، قد تجد مصدر الصور في الشفرةهكذا <img src="c:\site\img\image1.gif"> وبكل تأكيد ستظهر الصورة لديك لكنهالن تظهر لدى الزوار

9) عدم وضع نص ALT للصور
عندما تمرر مؤشر الفأرة على الصور في المواقع، تجد أن هناك نص صغيريخبرك بأن هذه الصورة للقسم كذا وكذا أو يخبرك عن فائدة الصور "إضغط هنا لكي تشتركفي القائمة" وبعض المتصفحين لا يحبون ظهور الصور في المواقع لكي يتصفحوا الشبكةبشكل أسرع، فيظهر لهم هذا النص مكان الصورة لكي يفهموا فائدة الصورة.
مثال: <img src="img/MshMsh.gif" alt="Site Logo"> عندما يضع الزائر مؤشر الفأرةعلى الصورة سيظهر له نص "Site Logo".

10) النص غيرواضح
ضع صفحة زرقاء واكتب عليها باللون الأحمر! ما رأيك؟ نعم إن هذهالألوان تؤذي العينين ما رأيك لو وضعت اللون البنفسجي كخلفية والنص بلون أخضر؟! مريع! لذلك عليك أن تختار الألوان بعناية لكي لا تتبع عيون الزوار الغالية

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

12) الصور المتحركة
إنها مزعجة فعلاً خصوصاً إن لم يكن لهافائدة، لا تضع أي صورة متحركة بدون أي هدف أو غاية مفيدة.

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

14) صفحات لاتنتهي
أعني أن هناك صفحات طويلة جداً، 100 صورة و آلاف الكلمات عدىالفلاش والجافا، وهذا كله يأخذ من وقت الزائر 10 دقائق فقط!! قسم المواد على عدةصفحات ولا تجعل الصفحات طويلة لا تنتهي.

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

16) التصميم المتغير
وأعني بهالتصاميم المختلفة لصفحات الموقع الواحد، عليك أن توحد تصميم جميع صفحات موقعك بكل بساطة

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

18) عدم تسمية الصفحات
البعضينسى أن يضع عنواناً للصفحة، وما أقصده هو العنوان الذي يظهر أعلى المتصفح، عليكدائماً أن تضع العنوان في صفحاتك عن طريق خاصية <title>العنوان</titel>.

19) الخطوط غيرمتناسقة
إسنخدم خطين فقط في موقعك، أحدهم للعناوين والآخر للنصوص، ولاتستخدم أية خطوط غير مدعومة من قبل حواسيب الزوار، ومن أفضل الخطوط للمواقع Tahoma وArial وWindows UI وكذلك Veranda

[Mohamed Oraby]

السلام عليكم ورحمة الله وبركاتة

فعلا كل هذة النصائح معظمها تحدث فى معظم المنتديات اللى ندخلها
لكن طبعا التطويرية لا لان اصحابها اكيد فاهمين

وان شاء الله الناس اللى يشوفوا الموضوع ده يستفيدوا منه على قد ما يقدروا

وجزاك الله كل خير وجعله فى ميزان حسناتك

وفى انتظار المزيد من النصائح العملية التى يمكن بها المستخدم الارتقاء والتقدم الى الامام

[tiger+78]

[S4TCc.CoM]

[IM.com]

شكرا للجميع على المرور الكريم

واتمنى لكم الاستفاده والاضافه فى الموضوع

[n00o00r2020]

نصائح مهمه فعلا

شكرا أخى ودمت بود