صــــــوت
21-03-2006, 02:46 PM
لكي نحسن تصميم مواقعنا، لا بد أن نتجنب أخطاء التصميم التي يقع فيها المبتدئين عادة، وهذه الأخطاء على الرغم من بساطتها إلا أنها تضايق الزوار فتدفعهم إلى الخروج من الموقع وعدم العودة إليه مرة أخرى،لذلك عندما نصمم موقعاً يجب ان نتذكر دائماً أن التصميم يجب أن يكون سهلاً وبسيطاً حتى يستطيع زائر الموقع الوصول إلى محتويات الموقع اللتي تفيد الزائر بيسر و سهولة .
وتذكر دائماً: القليل يعني الكثير ,,, بأسلوب آخر البساطة هي أصل الأناقة.
الأخطاء الشائعة تتلخص في التالي :
1) صفحة البداية :
بعض المواقع تضع صفحة بداية للموقع عبارة عن صورة ضخمة الحجم ترحيبية أو فلاش كبير الحجم يعرض جمل وصور إعلانية للموقع، والبعض لا يضع وصلة صغيرة "تجاوز العرض" او بالإنجليزية "Skip intro" بالتالي يضطر الزائر إلى إنتظار الصورة أو الفلاش حتى ينتهي ثم يدخل في الموقع .
2) الرسائل الدعائية :
عندما تدخل إلى أحد المواقع، تظهر لك رسالة مفاجئة "رشحني في مسابقة أفضل 100 موقع عربي" أو "أهلاً بك في موقعنا" أو "شخبارك؟! تفضل في الموقع ولا تطلع منه"!! لا تضع مثل هذه الرسائل أبداً، إنها مزعجة .
3) وجود كم كبير من الصور :
لا تجعل أي صفحة من صفحات موقعك تحتاج إلى أكثر من 20 ثانية لكي يكتمل ظهورها في متصفح الزائر، وإلا سيسأم الزائر من الموقع ويخرج، لذلك لا تكثر من وضع الصور، ولا تضع أي صورة لا فائدة منها، وحاول أن تقلل من حجم الصور بقدر الإمكان.
4) إستخدام تقنيات كثيرة :
فلاش، جافا، فيديو، صوت، هذه التقنيات وغيرها تثقل حاسوب الزائر، لا تستخدمها إلا عند الحاجة، وفكر في الزوار الذين يمتلكون حواسيب قديمة كيف تصبح بطيئة جداً لا سيما نظام الإتصال الهاتفي المنزلي المعهود و كم هو كئيب بعض الشيء حينما يزورون مواقع تحوي تقنية الجافا أو الفلاش .
5) عدم ترتيب المحتويات بشكل منطقي :
بشكل عام المحتويات الرئيسية يجب أن تكون في منتصف الصفحات وتأخذ أكبر مساحة من تصميم الموقع، وغير ذلك الخدمات والوصلات وأي شيء آخر يجب أن يكون في أعلى أو يمين صفحة الموقع .
6) الألوان الكثيرة الغير متناسقة :
لا تجعل موقعك يحوي أكثر من ثلاثة ألوان بشكل عام.
7) تصميم الموقع بحجم أكبر من الشاشة :
معظم مستخدمي الحاسوب يستخدمون دقة 600 × 800 في شاشاتهم، فعليك أن تصمم موقعك لهذه الدقة وليس أكبر من ذلك.
8) الصور المفقودة:
بعض المواقع تعتمد بشكل كبير على الصور، ويتضايق الزائر عندما يرى صور لا تظهر، فعليك أن تتأكد أن الصور تظهر في جميع صفحات موقعك .
9) عدم وضع نص ALT للصور :
عندما تمرر مؤشر الفأرة على الصور في المواقع، تجد أن هناك نص صغير يخبرك بأن هذه الصورة للقسم الفلاني في الموقع أو يخبرك عن فائدة الصور "إضغط هنا لكي تشترك في القائمة" وبعض المتصفحين لا يحبون ظهور الصور في المواقع لكي يتصفحوا الشبكة بشكل أسرع، فيظهر لهم هذا النص مكان الصورة لكي يفهموا فائدة الصورة.
10) النص غير واضح :
ضع صفحة زرقاء واكتب عليها باللون الأحمر! ما رأيك؟ إن هذه الألوان تؤذي العينين ما رأيك لو وضعت اللون البنفسجي كخلفية والنص بلون أخضر؟! مريع أليس كذلك..! لذلك عليك أن تختار الألوان بعناية لكي لا تتعب أنظار زائريك الكرام.
11) صوت في الخلفية :
تدخل في بعض المواقع فتسمع أغنية أرجوكم يفضل عدم وضع أي صوت في الصفحة لأن هذا يبطيء ظهور الصفحات وكذلك الأمر مزعج فعلاً أن لا أستطيع التحكم بهذه الأصوات التي تخرج من سماعات الحاسب الآلي .
12) الصور المتحركة:
إنها مزعجة فعلاً خصوصاً إن لم يكن لها فائدة، لا تضع أي صورة متحركة بدون أي هدف أو غاية مفيدة.
13) الإطارات :
بعض المواقع تستخدم الإطارات في التصميم Frame Sets ، وهي مزعجة إن لم تستخدم بشكل لائق ، لذلك عليك أن تتأكد قبل استخدامها أن الموقع سيصمم بشكل جيد، وإلا إبتعد عن إستخدامها .
14) صفحات لا تنتهي :
أعني أن هناك صفحات طويلة جداً، 100 صورة و آلاف الكلمات عدى الفلاشات والجافا، وهذا كله يأخذ من وقت الزائر ,, لذلك قسم المواد على عدة صفحات ولا تجعل الصفحات طويلة لا تنتهي.
15) الموقع قيد التطوير :
لا يوجد موقع إنتهى تطويره إلا إذا قرر صاحبه أن يهمله، لذلك لا تضع أية لافتة أو صورة تفيد أن الموقع قيد التطوير، وإن كان الموقع فعلاً قيد التطوير ولم تضعه على الشبكة، فلا داعي أن تعلن عنه قبل أن تضع على الشبكة.
16) التصميم المتغير :
وأعني به التصاميم المختلفة لصفحات الموقع الواحد وهذه من أهم الأخطاء اللتي يقع بها المصممين الغير متمرسين مما يجعل الزائر يتشتت عن الموقع مدركاً أنه خرج الموقع سهواً .
17) الجداول ذات الأبعاد الثلاثية :
عند استخدامك للجداول، لا داعي أن تستخدم خاصية الحدود فيها، وإن كنت ستفعل فلا تجعل عرضها أكبر من 1، بعض المواقع تجد فيها عرض حدود الجداول أكثر من 3 فتظهر الجداول كأنها ثلاثية الأبعاد ضخمة ، وهي بشعة بالفعل .
18) عدم تسمية الصفحات :
البعض ينسى أن يضع عنواناً للصفحة، وما أقصده هو العنوان الذي يظهر أعلى المتصفح، عليك دائماً أن تضع العنوان في صفحاتك عن طريق خاصية (title/)العنوان(title).
19) الخطوط غير متناسقة :
إسنخدم خطين فقط في موقعك، أحدهم للعناوين والآخر للنصوص، ولا تستخدم أية خطوط غير مدعومة من قبل حواسيب الزوار، ومن أفضل الخطوط للمواقع Tahoma وArial وWindows UI وكذلك Veranda و إن كنت لا تريد الزيادة فهذا أفضل و أفضل و أنصحك بإستخدام خط Tahoma للكتابة باللغة العربية و خط Verdana للكتابة باللغة الإنجليزية .
وتذكر دائماً: القليل يعني الكثير ,,, بأسلوب آخر البساطة هي أصل الأناقة.
الأخطاء الشائعة تتلخص في التالي :
1) صفحة البداية :
بعض المواقع تضع صفحة بداية للموقع عبارة عن صورة ضخمة الحجم ترحيبية أو فلاش كبير الحجم يعرض جمل وصور إعلانية للموقع، والبعض لا يضع وصلة صغيرة "تجاوز العرض" او بالإنجليزية "Skip intro" بالتالي يضطر الزائر إلى إنتظار الصورة أو الفلاش حتى ينتهي ثم يدخل في الموقع .
2) الرسائل الدعائية :
عندما تدخل إلى أحد المواقع، تظهر لك رسالة مفاجئة "رشحني في مسابقة أفضل 100 موقع عربي" أو "أهلاً بك في موقعنا" أو "شخبارك؟! تفضل في الموقع ولا تطلع منه"!! لا تضع مثل هذه الرسائل أبداً، إنها مزعجة .
3) وجود كم كبير من الصور :
لا تجعل أي صفحة من صفحات موقعك تحتاج إلى أكثر من 20 ثانية لكي يكتمل ظهورها في متصفح الزائر، وإلا سيسأم الزائر من الموقع ويخرج، لذلك لا تكثر من وضع الصور، ولا تضع أي صورة لا فائدة منها، وحاول أن تقلل من حجم الصور بقدر الإمكان.
4) إستخدام تقنيات كثيرة :
فلاش، جافا، فيديو، صوت، هذه التقنيات وغيرها تثقل حاسوب الزائر، لا تستخدمها إلا عند الحاجة، وفكر في الزوار الذين يمتلكون حواسيب قديمة كيف تصبح بطيئة جداً لا سيما نظام الإتصال الهاتفي المنزلي المعهود و كم هو كئيب بعض الشيء حينما يزورون مواقع تحوي تقنية الجافا أو الفلاش .
5) عدم ترتيب المحتويات بشكل منطقي :
بشكل عام المحتويات الرئيسية يجب أن تكون في منتصف الصفحات وتأخذ أكبر مساحة من تصميم الموقع، وغير ذلك الخدمات والوصلات وأي شيء آخر يجب أن يكون في أعلى أو يمين صفحة الموقع .
6) الألوان الكثيرة الغير متناسقة :
لا تجعل موقعك يحوي أكثر من ثلاثة ألوان بشكل عام.
7) تصميم الموقع بحجم أكبر من الشاشة :
معظم مستخدمي الحاسوب يستخدمون دقة 600 × 800 في شاشاتهم، فعليك أن تصمم موقعك لهذه الدقة وليس أكبر من ذلك.
8) الصور المفقودة:
بعض المواقع تعتمد بشكل كبير على الصور، ويتضايق الزائر عندما يرى صور لا تظهر، فعليك أن تتأكد أن الصور تظهر في جميع صفحات موقعك .
9) عدم وضع نص ALT للصور :
عندما تمرر مؤشر الفأرة على الصور في المواقع، تجد أن هناك نص صغير يخبرك بأن هذه الصورة للقسم الفلاني في الموقع أو يخبرك عن فائدة الصور "إضغط هنا لكي تشترك في القائمة" وبعض المتصفحين لا يحبون ظهور الصور في المواقع لكي يتصفحوا الشبكة بشكل أسرع، فيظهر لهم هذا النص مكان الصورة لكي يفهموا فائدة الصورة.
10) النص غير واضح :
ضع صفحة زرقاء واكتب عليها باللون الأحمر! ما رأيك؟ إن هذه الألوان تؤذي العينين ما رأيك لو وضعت اللون البنفسجي كخلفية والنص بلون أخضر؟! مريع أليس كذلك..! لذلك عليك أن تختار الألوان بعناية لكي لا تتعب أنظار زائريك الكرام.
11) صوت في الخلفية :
تدخل في بعض المواقع فتسمع أغنية أرجوكم يفضل عدم وضع أي صوت في الصفحة لأن هذا يبطيء ظهور الصفحات وكذلك الأمر مزعج فعلاً أن لا أستطيع التحكم بهذه الأصوات التي تخرج من سماعات الحاسب الآلي .
12) الصور المتحركة:
إنها مزعجة فعلاً خصوصاً إن لم يكن لها فائدة، لا تضع أي صورة متحركة بدون أي هدف أو غاية مفيدة.
13) الإطارات :
بعض المواقع تستخدم الإطارات في التصميم Frame Sets ، وهي مزعجة إن لم تستخدم بشكل لائق ، لذلك عليك أن تتأكد قبل استخدامها أن الموقع سيصمم بشكل جيد، وإلا إبتعد عن إستخدامها .
14) صفحات لا تنتهي :
أعني أن هناك صفحات طويلة جداً، 100 صورة و آلاف الكلمات عدى الفلاشات والجافا، وهذا كله يأخذ من وقت الزائر ,, لذلك قسم المواد على عدة صفحات ولا تجعل الصفحات طويلة لا تنتهي.
15) الموقع قيد التطوير :
لا يوجد موقع إنتهى تطويره إلا إذا قرر صاحبه أن يهمله، لذلك لا تضع أية لافتة أو صورة تفيد أن الموقع قيد التطوير، وإن كان الموقع فعلاً قيد التطوير ولم تضعه على الشبكة، فلا داعي أن تعلن عنه قبل أن تضع على الشبكة.
16) التصميم المتغير :
وأعني به التصاميم المختلفة لصفحات الموقع الواحد وهذه من أهم الأخطاء اللتي يقع بها المصممين الغير متمرسين مما يجعل الزائر يتشتت عن الموقع مدركاً أنه خرج الموقع سهواً .
17) الجداول ذات الأبعاد الثلاثية :
عند استخدامك للجداول، لا داعي أن تستخدم خاصية الحدود فيها، وإن كنت ستفعل فلا تجعل عرضها أكبر من 1، بعض المواقع تجد فيها عرض حدود الجداول أكثر من 3 فتظهر الجداول كأنها ثلاثية الأبعاد ضخمة ، وهي بشعة بالفعل .
18) عدم تسمية الصفحات :
البعض ينسى أن يضع عنواناً للصفحة، وما أقصده هو العنوان الذي يظهر أعلى المتصفح، عليك دائماً أن تضع العنوان في صفحاتك عن طريق خاصية (title/)العنوان(title).
19) الخطوط غير متناسقة :
إسنخدم خطين فقط في موقعك، أحدهم للعناوين والآخر للنصوص، ولا تستخدم أية خطوط غير مدعومة من قبل حواسيب الزوار، ومن أفضل الخطوط للمواقع Tahoma وArial وWindows UI وكذلك Veranda و إن كنت لا تريد الزيادة فهذا أفضل و أفضل و أنصحك بإستخدام خط Tahoma للكتابة باللغة العربية و خط Verdana للكتابة باللغة الإنجليزية .